Conteúdo

Dúvidas, tempo, tecnologias, mercado, mais dúvidas. Será que existe um verdadeiro caminho das pedras que devemos percorrer para nos tornarmos bons e verdadeiros desenvolvedores front-end? O que estudar? Qual blog ler? Que fóruns acompanhar? Como participar da comunidade? Será que estou no caminho certo?

Se você é desenvolvedor front-end, quer entrar na área ou busca se tornar um grande profissional, essas dúvidas já devem ter passado por sua cabeça.

Neste livro, Diego Eis nos guia sobre o mundo de desenvolvimento web por meio de uma análise franca e objetiva de diversas tecnologias adotadas, necessidades do mercado e postura profissional. Você não vai aprender diretamente sobre essas tecnologias aqui, mas certamente vai desenvolver um senso mais apurado e uma nova forma de olhar para elas, o que é fundamental nesse mundo de aprendizado não linear.

Saiba o que você vai aprender

Sumário

• 1 HTML
• 1.1 Tudo começa e termina no HTML
• 1.2 Hipertexto
• 1.3 Marcação
• 1.4 Microdata
• 1.5 W3C e WHATWG ─ Amor e ódio

• 2 CSS
• 2.1 As camadas de desenvolvimento
• 2.2 Progressive Enhancement e Fault Tolerance
• 2.3 Organizando seus assets ─ Breve explicação
• 2.4 Organizando o código
• 2.5 CSSOM
• 2.6 Um pouco de CSS 3D
• 2.7 Sobre Frameworks CSS
• 2.8 Sobre Style Guides
• 2.9 Leitura recomendada

• 3 Um pitaco sobre editores
• 3.1 Esqueça os editores WYSIWYG
• 3.2 Sublime Text
• 3.3 Outros editores

• 4 Cuidando do seu código
• 4.1 Esqueça o FTP
• 4.2 Sobre controles de versão
• 4.3 Deploy usando Hook do Git

• 5 JavaScript
• 5.1 Aprenda pelo menos o básico de JavaScript
• 5.2 Escopo de variáveis
• 5.3 Module Pattern JavaScript
• 5.4 Aprenda jQuery
• 5.5 ReactJS: iniciando com o básico
• 5.6 Setup do projeto

• 6 Web Mobile
• 6.1 O que é o Adaptive Web Design
• 6.2 Media Queries
• 6.3 Metatag Viewport
• 6.4 Unidades em EM
• 6.5 Imagens
• 6.6 Muito mais

• 7 Performance
• 7.1 O processo
• 7.2 Saiba o que é Reflow e Repaint
• 7.3 Onde colocar as chamadas de CSS e JS?
• 7.4 Para estudar mais

• 8 Acessibilidade
• 8.1 O que é acessibilidade para web?
• 8.2 Acesso pelo teclado
• 8.3 Input Types
• 8.4 WAI-ARIA

• 9 Pré-processadores CSS
• 9.1 Por que usar pré-processadores?
• 9.2 Um pouco de SASS
• 9.3 Pontos para pensar

• 10 Ferramentário (Tooling)
• 10.1 Grunt
• 10.2 Bower
• 10.3 Dev Inspector
• 10.4 Console dos browsers
• 10.5 Sobre o uso do terminal

• 11 Produzindo sites com código estático
• 11.1 Para os novatos: usando Includes PHP
• 11.2 Gerando sites estáticos com Middleman ou Jekyll

• 12 Compartilhando o que sabe

• 13 Textos extras
• 13.1 Perfil-T e o Desenvolvedor Full Stack
• 13.2 Último conselho: não queira ser o próximo Zeno
• 13.3 Sobre os Pavões do Front-end
• 13.4 Sobre Aaron Swartz
• 13.5 Sobre o design oco

• 14 Até mais e obrigado pelos peixes
• 14.1 Devs que você deve seguir
• 14.2 50 palavras