Sejarah Web Apa itu web development??

Web development, web developer, web design W3C , HTML vs XHTML

World Wide Web Consortium

Client Side vs Server Side Tidak semuanya tentang koding

1 x 24 Jam Time management

Jhony english
Human error is absolute Pusing, stress, error menandakan otak anda berfungsi dan bekerja dengan baik RTFM READ THE FUCKING MANUAL

Google is your best friend

Like, Love, Have Fucking Fun Open your Mind, Open your heart

HTTP/1.1: Hypertext Transfer Protocol

Komunikasi antara berbagai host dan client
Namely caching, connection handling and authentication. Komunikasi melalui TC/IP Port 80

URL : Uniform Resource Locators

Verbs
GET : fetch an existing resource

POST: create a new resource PUT: update an existing resource

DELETE: delete an existing resource

Status Code
URL + Verbs = Return (Status Code) / Response
Code : 1xx Informational Messages contoh : 100 - continue Code : 2xx Successful contoh : 200 - Ok Code : 3xx Redirection contoh : 301 - Move Permanently Code : 4xx Client Error contoh : 404 - Not Found Code : 5xx Server Error contoh : 500- Internal Server Error

3 Pilar komunikasi HTTP URL Verbs Status Code

Asynchronous JavaScript and XML

Teknik Javascript Request ke server (background) tanpa mengganggu prosess 1999 Microsoft | 2004 : Gmail | 2005: Google Maps | 2006 W3C Teknologi : HTML/XHTML , CSS -> Presentasi DOM -> Tampilan dinamis, interaksi dengan data XML -> pertukaran data XMLHttpRequest -> Asynchronous Javascript

A jax

1990 Sir Tim Berners-Lee. WWW-> Nexus

1993 Netscape -> 1995 Internet Explorer -> 1996 Opera 1998 Firefox -> 2003 Safari -> 2008 Chrome

retrieving, presenting and traversing information resources on the World Wide Web
Gecko Firefox Webkit/Blink Chrome Safari Trident Internet Explorer Presto Opera

Browser

Cascading Style Sheets

Pemisahan dokumen content html

CSS 3.0 CSS Selector

*{ } #Namaid {} .namaClass {} X Y {} ex ul li X {}

C SS

Document Object Model Manipulasi object, Interaksi dengan object di dalam Dokumen HTML
Browser Wars Netscape Navigator VS IE 1990

D OM

Kejadian / Interaksi antar object

Mouse : OnClick, OnMouseOver, etc Keyboard : OnKeyDown, OnKeyPress

E vents

JS/ HTML Framework Twitter Bootstrap, Jquery,HTML5Boilerplat, YUI, Dojo, Scriptacoulous, 960 gs, dan Lain-lain
PHP Framework CodeIgniter, Symfony, Cake, YII

Framework

CSS/HTML Grid : 960 Grid System

Grid

Hyper Text Markup Language HTML 5 Mobile Support

Video Support
Audio Support Local Storage 3D/Graphic

File Access

HTML

Micro$oft

Internet Explorer

Brendan Eich Formula : EcmaScript , Influenced oleh C , kebiasaan nama dari Java V8 Google Javascript Engine , C++ used in Google Chrome

JavaScript

SEO Content is King

Keyword Optimization

CSS dinamis

L ESS

Model View Controller Laravel PHP, DooPHP

A user interacts with the view - by clicking on a link or submitting a form. The Controller handles the user input, and transfers the information to the model The Model receives the information and updates it's state (adds data to a database, for example, or calculates todays date) The View checks the state of the Model and responds accordingly

M VC

The View waits for another interaction from the user.

M
V C

odels represent your data structures, usually by interfacing

with the database.

iews contain page templates and output

ontrollers handle page requests and bind everything together

M VC

V8 Google Javascript engine Server Side Javascript, Realtime Comunication

Socket.io

Node JS

Object Oriented Programming

Not WHY?? But WHEN?? Not WHY but WHY NOT!!

OOP hanya sebuah Teknik bukan dogma

C++ S(tandar)T(template)L(ibrary) , Lamda

DRY

Dont Repeat Yourself

O OP

SQL 1970 : IBM Donald D. Chamberlin dan Raymond F. Boyce

Structure Query Language : R Database Management System Operator : = , <> , < , > , != , <=, >=, BETWEEN, LIKE, IN, IS NOT MySQL, Oracle, PostgreSQL, dan lain-lain

Query

Apa itu PHP Alasan Menggunakan PHP

- Work Great With HTML - Utilities and Libraries

- Market Share

- Huge Comunity
- Compatibilty

PHP

Regular Expresion Search Pattern

(?<=\.) {2,}(?=[A-Z])

egex

CVS SVN (Subversion) Git / Github Mercurial

Source Control

Firebug, Colorzilla, PixelPerfect, FireFTP

PHP GTK, PHP HIP-HOP, Phalanger

ools

Test Driven Development PHPUnit, Phing

Unit Testing

im

Custom Themes, Plugin, Free , Open Source

ordpress

Cross Site Scripting

X ss

Yahoo User Interface

UI

Layering in CSS/Web

Z -Index