Minicurso Web. Front-end e HTML5 (parte 1)

Minicurso Web. Front-end e HTML5 (parte 1)

• 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