SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
www.facebook.com/muller.santos.714 muller@codemohawk.com
5 ANOSE CONTANDO
O lado oculto da forçaO lado visível da força
LINGUAGENS SERVER-SIDE
PHP JAVA RUBY PYTHON
Somente o servidor entende
LINGUAGENS CLIENT-SIDE
JAVA SCRIPT
O seu navegador processa a linguagem
HTML CSS
Bom raciocínio lógico
Gostar de resolver problemas
Ter visão do futuro
Boa comunicação
Noções de design
Ser detalhista / perfeccionista
Boa capacidade de organização
Ter uma excelente comunicação
SEPARAÇÃO DE CAMADAS NO FRONT-END
Linguagem de Marcação de Hipertexto ( Estrutura )
•Títulos •Blocos de texto •Imagens •Links •Formulários
Folhas de estilo em Cascata ( Estilo )
•Tamanho fonte •Cores de BG •Bordas arredondas •Animações
JavaScript - Interação
•Manipular elementos da página •Validação de formulários •Lógica
Lógica de programação, ajuda a
entender como construir algoritmos,
muito importante para programar
instruções em JS
Cursos de graça
46 Aulas de JS , CSS e HTML
Como obter a força
Cursos pagos
Como obter a força
Como obter a força
Referências criativas
Blog do AI UI LABS

Mais conteúdo relacionado

Semelhante a Camadas do frontend

Semântica e Boas Práticas de Código Orientadas a SEO
Semântica e Boas Práticas de Código Orientadas a SEOSemântica e Boas Práticas de Código Orientadas a SEO
Semântica e Boas Práticas de Código Orientadas a SEODouglas Faria
 
Criando cultura de acessibilidade
Criando cultura de acessibilidadeCriando cultura de acessibilidade
Criando cultura de acessibilidadeSilene Velasco
 
TDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseTDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseDr. Spock
 
#devcast SEO Básico
#devcast SEO Básico#devcast SEO Básico
#devcast SEO Básicofocusontarget
 
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...Alex Pelati
 
Programa curso broffice avançado
Programa curso broffice avançadoPrograma curso broffice avançado
Programa curso broffice avançado3jinformatica
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraenteSuzana Viana Mota
 
Aula 1 - Apresentação da Disciplinatec.pptx
Aula 1 - Apresentação da Disciplinatec.pptxAula 1 - Apresentação da Disciplinatec.pptx
Aula 1 - Apresentação da Disciplinatec.pptxHailtonReis
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designerRoney Sousa
 
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEBComo aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEB4Life Marketing Digital
 
Semântica SEO: do HTML ao conteúdo
Semântica SEO: do HTML ao conteúdoSemântica SEO: do HTML ao conteúdo
Semântica SEO: do HTML ao conteúdosemrush_webinars
 
Consultor de SEO ensina o que é Semântica na otimização de sites
Consultor de SEO ensina o que é Semântica na otimização de sitesConsultor de SEO ensina o que é Semântica na otimização de sites
Consultor de SEO ensina o que é Semântica na otimização de sitesPaulo Augusto Sebin
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de EstratégiaLuiz Agner
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteRenato Bongiorno Bonfanti
 
Curso SEO Avancado - Digitalks
Curso SEO Avancado - DigitalksCurso SEO Avancado - Digitalks
Curso SEO Avancado - DigitalksRicardo T. Dias
 

Semelhante a Camadas do frontend (20)

Semântica e Boas Práticas de Código Orientadas a SEO
Semântica e Boas Práticas de Código Orientadas a SEOSemântica e Boas Práticas de Código Orientadas a SEO
Semântica e Boas Práticas de Código Orientadas a SEO
 
Criando cultura de acessibilidade
Criando cultura de acessibilidadeCriando cultura de acessibilidade
Criando cultura de acessibilidade
 
Aula 01 drean
Aula 01 drean Aula 01 drean
Aula 01 drean
 
TDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software EnterpriseTDC2011: Arquitetura de Software Enterprise
TDC2011: Arquitetura de Software Enterprise
 
#devcast SEO Básico
#devcast SEO Básico#devcast SEO Básico
#devcast SEO Básico
 
Curso de Joomla! no Metro
Curso de Joomla! no MetroCurso de Joomla! no Metro
Curso de Joomla! no Metro
 
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...
Qual Parafuso Apertar? Como ter Sucesso em seu Projeto de SEO - Search Master...
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
Ementa de web1
Ementa de web1Ementa de web1
Ementa de web1
 
Programa curso broffice avançado
Programa curso broffice avançadoPrograma curso broffice avançado
Programa curso broffice avançado
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site Atraente
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
Aula 1 - Apresentação da Disciplinatec.pptx
Aula 1 - Apresentação da Disciplinatec.pptxAula 1 - Apresentação da Disciplinatec.pptx
Aula 1 - Apresentação da Disciplinatec.pptx
 
Aula 01- web designer
Aula 01- web designerAula 01- web designer
Aula 01- web designer
 
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEBComo aumentar o fluxo de seu site, suas interações e vendas na WEB
Como aumentar o fluxo de seu site, suas interações e vendas na WEB
 
Semântica SEO: do HTML ao conteúdo
Semântica SEO: do HTML ao conteúdoSemântica SEO: do HTML ao conteúdo
Semântica SEO: do HTML ao conteúdo
 
Consultor de SEO ensina o que é Semântica na otimização de sites
Consultor de SEO ensina o que é Semântica na otimização de sitesConsultor de SEO ensina o que é Semântica na otimização de sites
Consultor de SEO ensina o que é Semântica na otimização de sites
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de Estratégia
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu site
 
Curso SEO Avancado - Digitalks
Curso SEO Avancado - DigitalksCurso SEO Avancado - Digitalks
Curso SEO Avancado - Digitalks
 

Camadas do frontend