Front-EndProfissão Front-End
Front-EndO que é front-end?Front-end é a parte visível do site é a montagem do layout em estruturascompatíveis para o uso ...
Front-End- - - - - - - - - - - -O que o profissional front-end faz?O profissional front-end é quem dá vida ao layout (no f...
Front-End- - - - - - - - - - - -Principais ferramentas e tecnologiasusadas pelo front-endAs principais ferramentas usadas ...
Front-End< HTML >O que é HTML?É a abreviatura de HyperText Markup Language, que significaLinguagem de Marcação de Hipertex...
Front-EndHTML - Modo de visualização
Front-End- - - - - - - - - - - -{ CSS }O que é CSS?Cascading Style Sheets que significa Folhas de Estilo em Cas-cata. São ...
Front-EndCSS - Modo de visualização
Front-End( JavaScript )O que é JavaScript?Trata-se de uma linguagem de programação do lado do cliente(client-side), e inte...
Front-EndJavaScript - Modo de visualização
Front-EndModelo conceitual das etapas do front-endHTML = Marcação CSS = Estilo JavaScript = Comportamento
Front-EndMarconi A. PachecoBacharel em Design - FUCAPI - AM.Coordenação de Graduação em Design de Interface Digital.Experi...
Upcoming SlideShare
Loading in …5
×

Profissão Front-end

884 views

Published on

Conheça a profissão front-end.
O que é front-end?
O que o profissional front-end faz?
Principais ferramentas e tecnologias usadas pelo front-end.
HTML - CSS - JavaScript.
Modelo conceitual das etapas do front-end.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
884
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Profissão Front-end

  1. 1. Front-EndProfissão Front-End
  2. 2. Front-EndO que é front-end?Front-end é a parte visível do site é a montagem do layout em estruturascompatíveis para o uso em browsers (programa de navegação da internetcomo o Firefox, Chrome, Internet Explorer, etc), tornando sua interface inte-rativa com o usuário através de clique, campos de textos ou toque na tela.Também é responsável pelo comportamento do site em diversos nave-gadores e plataformas como desktop, notebooks, tablets e celulares.
  3. 3. Front-End- - - - - - - - - - - -O que o profissional front-end faz?O profissional front-end é quem dá vida ao layout (no formatode imagem), para códigos que serão interpretados por nave-gadores, tornando interativo e usual. Também é responsávelpela otimização das interfaces e:- Assegurar compatibilidade em vários navegadores;- Produzir código limpo, bem documentado e estruturado;- Criar páginas web rápidas;- Seguir os padrões e tendências da web;- Aplicar técnicas de SEO (Search Engine Optimization),otimização de busca.
  4. 4. Front-End- - - - - - - - - - - -Principais ferramentas e tecnologiasusadas pelo front-endAs principais ferramentas usadas pelo front-end são programas editoresde códigos e textos, estes são alguns dos programas que facilitam a edi-ção de texto: Dreamweaver, Notepad++, Sublime entre outros.As principais tecnologias são: HTML, CSS e JavaScript sendo que existemmuitos profissionais front-end que não fazem o uso do JavaScript, apenasformata o site preparado-o para a programação.
  5. 5. Front-End< HTML >O que é HTML?É a abreviatura de HyperText Markup Language, que significaLinguagem de Marcação de Hipertexto. São códigos marcado-res que dizem ao navegador como deve ser apresentado. É aarquitetura e o corpo da aplicação.No HTML encontramos tags como: div, table, form entre outras,para que o CSS e a programação seja aplicada conforme estáestruturado.
  6. 6. Front-EndHTML - Modo de visualização
  7. 7. Front-End- - - - - - - - - - - -{ CSS }O que é CSS?Cascading Style Sheets que significa Folhas de Estilo em Cas-cata. São códigos de estilização usados na parte visual dosite como: cores, formas, fontes, botões, campos de textosentre outras.O CSS lê as marcações do HTML e altera a forma de exibiçãodo conteúdo apresentado no navegador.
  8. 8. Front-EndCSS - Modo de visualização
  9. 9. Front-End( JavaScript )O que é JavaScript?Trata-se de uma linguagem de programação do lado do cliente(client-side), e interage com o usuário sem a necessidade deste scriptpassar pelo servidor.Com Javascript podemos criar efeitos especiais nas páginas e definirinteratividades com o usuário. Tem como as principais ações: efeitosdinâmicos e ações interativas.
  10. 10. Front-EndJavaScript - Modo de visualização
  11. 11. Front-EndModelo conceitual das etapas do front-endHTML = Marcação CSS = Estilo JavaScript = Comportamento
  12. 12. Front-EndMarconi A. PachecoBacharel em Design - FUCAPI - AM.Coordenação de Graduação em Design de Interface Digital.Experiência Profissional:Desenvolvimento em projetos web sites, arquitetura de informação,wireframes, layouts e front-end.Projetos gráficos e comunicação visual para mídias impressas depequeno e grande formato.

×