SlideShare uma empresa Scribd logo
1 de 14
   Ednardo David Segura (Edy Segura)

   Engenharia Web - UNIFEI - 2008

   Bacharel em Ciência da Computação - FAI - 2006
O  que é desenvolvimento front-end?
 Arquitetura de aplicações web
 HTML, CSS e JavaScript
 Onde estão as aplicações web?
 Big cases
 Navegadores
 Dispositivos
             portáteis
 Widgets/gadget
 IPTV/OTT
 Web services/API
 Consoles
 Desenvolver uma mini-aplicação web para
 cálculo de IMC
Edy Segura
www.edy.com.br

Mais conteúdo relacionado

Destaque

Os mitos do desenvolvimento front-end
Os mitos do desenvolvimento front-endOs mitos do desenvolvimento front-end
Os mitos do desenvolvimento front-endZeno Rocha
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndRael Max
 
Evoluindo a arquitetura de uma aplicação com AngularJS
Evoluindo a arquitetura de uma aplicação com AngularJSEvoluindo a arquitetura de uma aplicação com AngularJS
Evoluindo a arquitetura de uma aplicação com AngularJSRodrigo Branas
 
AngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideAngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideSergio Azevedo
 
Criando uma arquitetura de front-end do zero
Criando uma arquitetura de front-end do zeroCriando uma arquitetura de front-end do zero
Criando uma arquitetura de front-end do zeroEduardo Shiota Yasuda
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Sérgio Vilar
 
Criando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSCriando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSRodrigo Branas
 
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAWilson Mendes
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Rodrigo Branas
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
AngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedAngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedStéphane Bégaudeau
 
A (r)evolução do front-end
A (r)evolução do front-endA (r)evolução do front-end
A (r)evolução do front-endMarlos Carmo
 

Destaque (13)

SEO para Front-End
SEO para Front-EndSEO para Front-End
SEO para Front-End
 
Os mitos do desenvolvimento front-end
Os mitos do desenvolvimento front-endOs mitos do desenvolvimento front-end
Os mitos do desenvolvimento front-end
 
O Papel do desenvolvedor Front End
O Papel do desenvolvedor Front EndO Papel do desenvolvedor Front End
O Papel do desenvolvedor Front End
 
Evoluindo a arquitetura de uma aplicação com AngularJS
Evoluindo a arquitetura de uma aplicação com AngularJSEvoluindo a arquitetura de uma aplicação com AngularJS
Evoluindo a arquitetura de uma aplicação com AngularJS
 
AngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-SideAngularJS Abraçando o MVC Client-Side
AngularJS Abraçando o MVC Client-Side
 
Criando uma arquitetura de front-end do zero
Criando uma arquitetura de front-end do zeroCriando uma arquitetura de front-end do zero
Criando uma arquitetura de front-end do zero
 
Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)Estrutura de um Front-End eficiente (para iniciantes)
Estrutura de um Front-End eficiente (para iniciantes)
 
Criando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJSCriando aplicações Single-Page com AngularJS
Criando aplicações Single-Page com AngularJS
 
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDAANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
ANGULARJS: UM FRAMEWORK PARA FACILITAR SUA VIDA
 
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
AngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get startedAngularJS 101 - Everything you need to know to get started
AngularJS 101 - Everything you need to know to get started
 
A (r)evolução do front-end
A (r)evolução do front-endA (r)evolução do front-end
A (r)evolução do front-end
 

Mais de Edy Segura

PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web AppsEdy Segura
 
VSCode for Java
VSCode for JavaVSCode for Java
VSCode for JavaEdy Segura
 
2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginnersEdy Segura
 
2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open Standards2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open StandardsEdy Segura
 
Front-end beyond the browser
Front-end beyond the browserFront-end beyond the browser
Front-end beyond the browserEdy Segura
 
Introduction to Node.js
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.jsEdy Segura
 
Web Based Development Introduction
Web Based Development IntroductionWeb Based Development Introduction
Web Based Development IntroductionEdy Segura
 
AngularJS Automated Tests
AngularJS Automated TestsAngularJS Automated Tests
AngularJS Automated TestsEdy Segura
 
How OTT is changing the TV concepts
How OTT is changing the TV conceptsHow OTT is changing the TV concepts
How OTT is changing the TV conceptsEdy Segura
 
Jasmine automated java script unit testing
Jasmine   automated java script unit testingJasmine   automated java script unit testing
Jasmine automated java script unit testingEdy Segura
 
Web based Applications
Web based ApplicationsWeb based Applications
Web based ApplicationsEdy Segura
 
Web applications
Web applicationsWeb applications
Web applicationsEdy Segura
 
Orientação a Objetos
Orientação a ObjetosOrientação a Objetos
Orientação a ObjetosEdy Segura
 

Mais de Edy Segura (15)

PWA - Progressive Web Apps
PWA - Progressive Web AppsPWA - Progressive Web Apps
PWA - Progressive Web Apps
 
VSCode for Java
VSCode for JavaVSCode for Java
VSCode for Java
 
2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners2017 Facebook DevC SRS - JavaScript for beginners
2017 Facebook DevC SRS - JavaScript for beginners
 
2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open Standards2017 FLISOL - Tecnologias Open Standards
2017 FLISOL - Tecnologias Open Standards
 
Front-end beyond the browser
Front-end beyond the browserFront-end beyond the browser
Front-end beyond the browser
 
Introduction to Node.js
Introduction to Node.jsIntroduction to Node.js
Introduction to Node.js
 
Web Based Development Introduction
Web Based Development IntroductionWeb Based Development Introduction
Web Based Development Introduction
 
AngularJS Automated Tests
AngularJS Automated TestsAngularJS Automated Tests
AngularJS Automated Tests
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
How OTT is changing the TV concepts
How OTT is changing the TV conceptsHow OTT is changing the TV concepts
How OTT is changing the TV concepts
 
Jasmine automated java script unit testing
Jasmine   automated java script unit testingJasmine   automated java script unit testing
Jasmine automated java script unit testing
 
Web based Applications
Web based ApplicationsWeb based Applications
Web based Applications
 
Web applications
Web applicationsWeb applications
Web applications
 
IPTV / OTT
IPTV / OTTIPTV / OTT
IPTV / OTT
 
Orientação a Objetos
Orientação a ObjetosOrientação a Objetos
Orientação a Objetos
 

Front-end Development

  • 1.
  • 2. Ednardo David Segura (Edy Segura)  Engenharia Web - UNIFEI - 2008  Bacharel em Ciência da Computação - FAI - 2006
  • 3.
  • 4. O que é desenvolvimento front-end?  Arquitetura de aplicações web  HTML, CSS e JavaScript  Onde estão as aplicações web?  Big cases
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.  Navegadores  Dispositivos portáteis  Widgets/gadget  IPTV/OTT  Web services/API  Consoles
  • 12.
  • 13.  Desenvolver uma mini-aplicação web para cálculo de IMC