O documento apresenta Luiz Felipe F. M. Costa, um estudante de Sistemas de Informação que estuda front-end web por conta. Ele explica o objetivo do documento que é entender como sites funcionam, o poder das aplicações web e como aprender a desenvolver para a web. O documento é dividido em duas partes, a primeira sobre front-end e back-end e a segunda sobre HTML5, PHP e onde aprender mais.

1. Luiz Felipe F. M. Costa
http://thenets.org/phelip
Parte 1 - O poder das aplicações Web

2.  Meu nome é Luiz Felipe F. M. Costa.
 Aluno de Sistemas de Informação na
UNIFEI.
 Estudo web front-end por conta.
 Meu site: http://TheNets.org/
 Meu email: phelip@thenets.org

3.  Você pode aprender os princípios nesse
pouco tempo de aula, mas vai levar a vida
toda se especializando.

4.  Não pretendo ensinar a fazer sites como
o do Google ou do Facebook.
 Objetivo
 Entender como um site funciona.
 Descobrir o poder das aplicações web.
 Descobrir qual o caminho seguir para
aprender a desenvolver para web.

5. 1. Front-end e back-end.
2. O que é HTML5?
3. Instalando Apache+MySQL.
4. O que é PHP?
5. Criando meu próprio website.
6. Onde aprender?
• Parte 1: de 1 a 2
• Parte 2: de 3 a 6

6.  P – Playgrounds
 TecMundo
 Chrome Experiments
 Mozilla Demo Studio

7. Tirinha

8.  É processador no cliente
 Interface gráfica
 Exemplos de linguagens:
 HTML
 CSS
 JS

9.  É processador no servidor
 É seguro (para informações importantes)
 Exemplos de linguagens:
 PHP
 Ruby on Rails
 Python
 ASP.NET
 JSP

10.  1991 HTML
 1994 HTML2
 1996 CSS1+JavaScript
 1997 HTML4
 1998 CSS2
 2000 XHTML1
 2002 Tableless Web Design
 2005 Ajax
 2009 HTML5

11.  HTML5 ~= HTML + CSS + JS
 HTML5ROCKS:
http://slides.html5rocks.com/#formula-
intro-slide

12.  https://developer.mozilla.org/media/uploads/demos/b/o/boblemarin/5cfea13ba1397f6
96bea7b2ff62c0188/fluid_1339407870_demo_package/index.html

13.  xD com certeza!

14.  Grooveshark
 Google+
 Google Drive
 Dropbox
 AirDroid
 SlideShare
 Wordpress.org
 Joomla

15.  Administrador dos projetos TheNets.org
 Aluno de Sistemas de Informação na
UNIFEI.
 Meu site:
 http://TheNets.org/
 Meu email:
 phelip@thenets.org
 Meu twitter:
 http://twitter.com/TheNets