Logo após “Onde é o melhor lugar para aprender?” talvez a pergunta mais comum que ouço de pessoas que estão entrando em código é “Que livros de desenvolvimento web devo aprender?” Bem, considere isso uma resposta a essa pergunta, pois selecionei uma lista de livros que não são apenas ótimos para entrar no desenvolvimento front-end, mas também disponíveis gratuitamente.
Livros sobre CSS
Esta é a maior parte de onde vamos sair porque, bem, este é um site na maioria das vezes sobre CSS!
A magia do CSS por Adam Schwartz
- Perfeito para: Próximos passos em sua jornada CSS
- Nível de aprendizagem: Nível intermediário
- Exige: Alguns conhecimentos básicos de CSS
Adam Schwartz abrange seis conceitos CSS neste livro, incluindo o modelo de caixa, layout, tabelas, cor, tipografia e transições. Essas são coisas que até confundem alguns CSSers experientes, alguns desses conceitos podem ser confusos. Adam fez um grande esforço para desmistificar cada um.
Além de o livro ser uma ótima cartilha sobre conceitos CSS complexos, adoro como cada uma das propriedades CSS mencionadas ao longo do livro é clicável, então você sempre pode clicar nelas para ver como cada uma é aplicada. Há muitos exemplos ilustrativos e recomendações para leitura adicional, caso você deseje aprender mais sobre cada capítulo.
Achei o capítulo sobre cores muito interessante não apenas porque aborda as melhores práticas para usar cores de forma acessível, mas também porque há aplicações super práticas, como quando Adam começa a usar CSS para dar suporte à marca de uma organização.
Web design resiliente por Jeremy Keith
- Perfeito para: Desenvolvimento de estratégias para escrever código
- Nível de aprendizagem: Nível intermediário
- Exige: Alguns conhecimentos básicos de CSS
Direto da introdução:
Você não encontrará nenhum código aqui para ajudá-lo a criar sites melhores. Mas você encontrará ideias e abordagens. As ideias são mais resilientes do que o código. Tentei combinar as ideias mais resilientes da história do web design em uma abordagem para construir os sites do futuro.
O que Jeremy faz tão bem é descrever habilidades sociais, como planejamento, delineamento e abordagens para escrever código. Portanto, em vez de incluir trechos de código ao longo do livro, o que você encontrará são detalhes sobre estratégias de código, como aprimoramento progressivo, decisão sobre quais ferramentas usar e os desafios de escrever código amigável ao futuro.
E para quem ainda não teve o prazer de ouvir Jeremy narrar conteúdo (como ele faz no Série Histórico da Web), há um arquivo de áudio disponível para download.
Iniciando o Desenvolvimento Web CSS: Do Iniciante ao Profissional por Simon Collison
- Perfeito para: Os fundamentos do CSS
- Nível de aprendizagem: Iniciantes absolutos
- Exige: Nada além de tempo e motivação
Pode ter sido escrito em 2006, mas a cobertura de Simon sobre padrões da web e acessibilidade é atemporal e relevante hoje. Ele fornece uma compreensão da interoperabilidade, bem como abordagens para a construção de aplicativos da Web, incluindo as fases iniciais de planejamento que muitas vezes passam despercebidas.
O livro tem duas grandes partes que são divididas em 16 capítulos. A Parte 1 cobre tópicos CSS, como trabalhar com texto, links, listas, planos de fundo, imagens, tabelas e formulários. Realmente não economiza nos detalhes também.
A Parte 2 trata do layout, esclarecendo a usabilidade e a manipulação do layout, além de um prático estudo de caso. Os capítulos são organizados de tal forma que um capítulo flui naturalmente para o próximo. Cada capítulo também contém uma seção de conclusão que destaca todos os conceitos importantes abordados no capítulo.
De fato, o livro fornece aos desenvolvedores iniciantes uma base sólida em CSS e os ajuda gradualmente com conceitos mais avançados. Isso tornará sua jornada CSS mais fácil.
Livros sobre HTML e CSS
CSS e HTML geralmente são ensinados juntos, o que pode ser especialmente útil quando você está escrevendo suas primeiras linhas de código e deseja saber como as duas linguagens interagem uma com a outra.
Aprenda a codificar HTML e CSS por Shay Howe
- Perfeito para: Iniciando sua jornada de front-end
- Nível de aprendizagem: Iniciantes
- Exige: Nenhuma experiência anterior em tudo
Shay refere-se a este livro como um guia simples e abrangente dedicado a ajudar iniciantes a aprender HTML e CSS.
Ele faz isso concentrando-se em elementos comuns de design e desenvolvimento de front-end. Algumas das lições abrangidas são Modelo de Caixa, Posicionamento, Tipografia, Fundo e Gradientes, Listas, Mídia, Formulários e Tabelas. No primeiro capítulo *Construindo sua primeira página da Web, Shay analisou o conteúdo de um site típico, incluindo elementos, atributos e configuração da estrutura do documento HTML, validação de código, seletores e redefinições de CSS. Acho o livro muito instrutivo, especialmente porque foi além da superfície para abordar muitos conceitos-chave com exemplos de código, que você pode acompanhar.
Uma coisa profunda sobre este grande livro é que Shay construiu um projeto completo do zero ao longo das 12 lições e no final de cada lição, ele forneceu um resumo e links para o estado atual desse site (para que você possa comparar com o seu se você acompanha) e o código-fonte em cada estágio das lições.
Se você é um aprendiz que aprende fazendo, achará este material muito útil e, quando terminar, terá desenvolvido um site funcional de várias páginas.
Uma sequência avançada do curso também está disponível gratuitamente no mesmo link.
HTML e CSS: aprenda os fundamentos em 7 dias por Michael Knap
- Perfeito para: Iniciando sua jornada de front-end
- Nível de aprendizagem: Iniciantes
- Exige: Nenhuma experiência anterior em tudo
Você pode aprender tudo o que há para saber sobre HTML e CSS em sete dias? Provavelmente não, mas é por isso que este livro de 2017 de Michael Knapp é focado diretamente nos fundamentos. Michael mergulha em uma breve lição de história antes de iniciar a estrutura, lógica e apresentação de HTML e CSS. Você vai se atualizar até o ponto em que deve se sentir bastante confiante em montar uma página da Web básica, além de alguns extras ao longo do caminho, à medida que o livro aborda SEO e análise.
O livro é composto de programas simples que você pode executar em seu computador se desejar acompanhar.
A versão ebook está disponível gratuitamente no Apple Books, mas também existe uma versão Kindle se você já tiver uma assinatura lá.
Os maiores truques de CSS Vol. 1 por Chris Coyier
- Perfeito para: Maravilhado com o que o CSS pode fazer
- Nível de aprendizagem: Nível intermediário
- Requer: Alguma experiência em CSS
Você sabia que CSS-Tricks também tem um livro sobre CSS? Seria tolice deixar isso de fora desta lista porque o que você obtém é uma coleção de truques CSS clássicos que são explicados por ninguém menos que Chris Coyier. Na verdade, Chris escolheu a dedo todos os exemplos abordados no livro de seus muitos, muitos (muitos!) anos administrando este site a partir da abundância de truques que cruzaram sua mesa.
Cada truque resolve um ponto de dor específico. Por exemplo, o primeiro Truque “Pin Scrolling to Bottom”demonstra como o overflow-anchor A propriedade CSS pode ser usada para criar a mesma interface de bate-papo de uma ferramenta como o Slack, onde a tela é ancorada na parte inferior de uma maneira que parece que a página está rolando para você à medida que novos itens são adicionados.
Livros em processo
Código é tanto sobre como escrevemos código e colaboramos em projetos com outras pessoas, pois trata-se do código real que escrevemos. Os livros a seguir são ótimos pontos de partida para tudo, desde planejamento e gerenciamento de projetos até comunicação e colaboração com outras pessoas.
Colabore: junte as pessoas em torno de projetos digitais por Ellen De Vries
- Perfeito para: Ser um melhor colaborador
- Nível de aprendizagem: N/D
- Exige: Uma mente aberta para trabalhar bem com os outros!
Ellen aborda algo neste livro com o qual todos nós temos que lidar: colaborar com os outros. E não é pouca coisa - o livro é dividido em quatro partes que vão muito fundo em coisas que podemos trabalhar bem com os outros:
- Saiba como preparar o terreno e criar as condições certas para a colaboração.
- Cultive a cultura do grupo nos estágios iniciais da colaboração.
- Manter um processo colaborativo saudável.
- Colha os frutos de uma colaboração.
Como estrategista de conteúdo, Ellen tem o tipo certo de experiência para ajudar qualquer pessoa a fazer parte de um projeto colaborativo ou obter o máximo de uma colaboração.
O Processo de Web Design Moderno por webflow
- Perfeito para: Designers seniores, gerentes de projeto
- Nível de aprendizagem: N/D
- Exige: Alguns conhecimentos básicos de CSS
Este e-book gratuito apresenta um processo de design de sete etapas que visa ajudar a definir o fluxo de trabalho para a marca atual de design da web.
Isso inclui:
- Estabelecendo objetivos
- Definindo o escopo
- Sitemaps e wireframes
- Trabalhando com conteúdo
- Manipulando elementos visuais
- ensaio
- Envios
Qualquer pessoa que esteja iniciando um novo projeto de design ou no meio de um projeto de design encontrará informações valiosas ao longo do livro. E o que é mais notável é como isso é escrito de uma maneira que quase parece que você está acompanhando um projeto inteiro, desde o conceito até a conclusão.
Projetando para a Web por Mark Bouton
- Perfeito para: Aprendendo a trabalhar com clientes
- Nível de aprendizagem: Iniciantes
- Requer: Um interesse genuíno em design
Parece que muitas organizações abordam o design de maneira diferente. Mas o autor Mark Boulton documenta um fluxo de trabalho de design completo em Projetando para a Web que desmistifica muitos desafios e cobre tudo o que você precisa saber.
O que é único neste livro é que ele é realmente sobre trabalho. Claro, há um monte de informações extremamente valiosas sobre as melhores práticas de design para coisas como tipografia, cor e layout, mas o que você realmente vai aprender com este livro é como estes se encaixam em um fluxo de trabalho de design. Ele ensina como pesquisar, as tecnologias que temos para implementar ideias e, em última análise, como trabalhar com outras pessoas e clientes - a forragem perfeita para pessoas, incluindo líderes de design, gerentes de projeto, freelancers ou qualquer pessoa envolvida no processo de entrega do projeto .
Aprenda o controle de versão com o Git por Torre
- Perfeito para: Dominando Git
- Nível de aprendizagem: Todos os níveis são bem-vindos
- Requer: Nenhum conhecimento prévio
Neste livro, a equipe por trás do popular Cliente de torre para Git apresentar aos alunos o cerne do sistema de controle de versão usando o Git. Os desenvolvedores que trabalham em equipe acharão isso particularmente útil, pois ajuda a colaborar efetivamente com os membros da equipe na criação de diferentes recursos de um projeto, mesmo quando você está a milhares de quilômetros de distância. Dito isso, ainda é ótimo para quem tem vergonha da linha de comando e quer construir confiança lá.
E como o livro é do criador de um aplicativo que interage com o Git, você terá uma boa dose de uso do Tower como uma GUI, além de trabalhar diretamente na linha de comando.
Então, seja fazendo commit, branching, merging, pull requests, bifurcação de trabalho ou tratamento de conflitos de merge, você obterá muito deste livro.
Livros sobre JavaScript
Aprender JavaScript sempre parece estar na moda. Na verdade, Jason Rodriguez escreveu sobre o cenário de aprendizado JavaScript em 2018 e forneceu uma boa lista de livros gratuitos. Não muito surgiu desde então, mas aqui estão meus pensamentos sobre os seguintes livros.
JavaScript eloquente por Marijn Haverbeke
- Perfeito para: Melhorando na escrita de JavaScript
- Nível de aprendizagem: Desenvolvedores intermediários a experientes
- Exige: Experiência prévia em JavaScript
JavaScript eloquente realmente faz jus ao seu nome. Pessoalmente, considero este um dos livros de JavaScript mais bem escritos que já encontrei. O estilo de escrita de Marjin é envolvente, especialmente com a forma como ele introduz conceitos de programação e leva o leitor adiante. Em suas palavras, o livro é simplesmente sobre instruir computadores e fazê-los fazer o que você quer que eles façam.
O livro é um mergulho profundo em JavaScript distribuído em três partes e 21 capítulos. Você vai ler muito sobre conceitos básicos de programação, como valores, tipos, operadores e funções, até conceitos avançados como expressões regulares, módulos, DOM e programação assíncrona. Ele começa cada capítulo com uma citação um tanto filosófica para preparar o leitor para o que está por vir e então mergulha direto no tópico.
Além disso, há três projetos para ajudá-lo a praticar suas novas habilidades.
Entendendo as promessas do JavaScript por Nicholas C. Zakas
- Perfeito para: Aqueles que querem aprender tudo sobre programação assíncrona com promessas em JavaScript.
- Nível de aprendizagem: Nível intermediário
- Exige: Dicas básicas de JavaScript
As promessas de JavaScript foram introduzidas em 2015 como parte da especificação ES6 para lidar com funções assíncronas em JavaScript. De acordo com MDN:
Uma promessa é um objeto que representa a eventual conclusão ou falha de uma operação assíncrona
Neste livro de 51 páginas, Nicholas explica o conceito de Promises em três capítulos: Basics, Chaining Promises e Working with Multiple Promises. Apesar de link para o livro que estamos fornecendo é a versão gratuita da comunidade, a versão completa (disponível na Amazon) tem mais dois capítulos sobre funções assíncronas e rastreamento de rejeição sem tratamento. Nicholas simplificou o conceito de Promises com várias ilustrações e exemplos. Você vai aprender a usar then(), catch() e finally() e entenda como encadear várias promessas juntas. Nicholas também cobre a atribuição de manipuladores de rejeição e liquidação. Você pode querer dar uma lida no livro para solidificar sua compreensão do tópico.
Nicholas é um autor veterano de livros sobre JavaScript que escreve sobre JavaScript há mais de 15 anos. Ele traz sua riqueza de experiência para suportar neste livro (assim como ele fez em seu trabalho aqui no CSS-Tricks).
Falando JavaScript por Axel Rauschmayer
- Perfeito para: Subindo de nível desde o início do JavaScript
- Nível de aprendizagem: Nível intermediário
- Requer: Conhecimento de programação orientada a objetos
Este livro é apresentado em quatro capítulos abrangendo mais de 30 tópicos. Veja como ele se divide:
- O primeiro capítulo é uma boa atualização sobre sintaxe, tipos de variáveis, funções e tratamento de exceções.
- O segundo capítulo oferece uma perspectiva histórica do JavaScript como um prelúdio para os tipos de recursos abordados no restante do livro.
- O Capítulo 3 é apresentado mais ou menos como um livro de referência com exemplos curtos e claros.
- O capítulo final descreve dicas, ferramentas e bibliotecas para ajudar a escrever melhor JavaScript e seguir as melhores práticas.
Segredos do JavaScript Ninja por John Resig e Bear Bibeault
- Perfeito para: Criando uma biblioteca JavaScript cross-browser do zero
- Nível de aprendizagem: Nível intermediário
- Requer: Alguma experiência anterior em programação
Existe na verdade um nova edição deste livro, mas a edição de 2012 é a que é gratuita. De qualquer forma, é uma boa oportunidade para aprender com John Resig; você sabe, o cara que criado jQuery.
As técnicas abordadas aqui incluem encerramentos, funções, DOM, orientação a objetos com protótipos e estratégias entre navegadores. Uma boa vantagem é que cada capítulo é seguido por uma breve recapitulação que é perfeita para uma referência depois de terminar o livro.
Aprendendo padrões de design JavaScript por Addy Osmani
- Perfeito para: Aprendendo a escrever JavaScript mais eficiente
- Nível de aprendizagem: Nível intermediário
- Requer: Um nível decente de experiência em JavaScript
O conceito de padrão de projeto refere-se a uma solução reutilizável para um problema recorrente no desenvolvimento de aplicativos. Neste livro, Addy Osmani aborda a implementação de padrões de design comuns usando ES6 e além, bem como padrões de design específicos do React, que podem ser super úteis ao trabalhar em aplicativos React complexos, onde a manutenção é um objetivo principal.
Alguns dos padrões cobertos incluem padrões Singleton, Proxy, Provider, Prototype e Observer. Em alguns casos, o Addy inclui prós e contras de usar alguns desses padrões e como eles podem afetar o desempenho do seu aplicativo.
Você não conhece JS por Kyle Simpson
- Perfeito para: Dominando JavaScript
- Nível de aprendizagem: Iniciante
- Requer: Pouca ou nenhuma experiência anterior em programação
Embora o título possa ser um pouco provocativo, o que Kyle está insinuando aqui é que ele escreve este livro assumindo que você não tem nenhuma experiência prévia com JavaScript.
Kyle começa passando pelos rudimentos da programação como vistos através das lentes do JavaScript. Ele então prossegue, nos capítulos subsequentes, introduzindo conceitos mais avançados como escopo e fechamento, o this palavra-chave, protótipos de objetos, async, e desempenho.
Há muitos detalhes e explicações excelentes aqui, e Kyle torna super fácil de entender, evitando jargões super técnicos. Há também muitos exercícios projetados para reforçar seu aprendizado. Este livro definitivamente o deixará atualizado com o JavaScript. Há segunda edição do livro em andamento que você pode acompanhar no GitHub.
O Manual do Iniciante em JavaScript por Flávio Copes
- Perfeito para: Referência de um iniciante
- Nível de aprendizagem: Apenas começando
- Exige: Inscrição de e-mail, talvez alguma experiência anterior
Flavio montou uma referência JavaScript muito útil para quem está começando. É mais como um guia de referência rápida do que um livro-texto, então aqueles que estão começando podem querer considerar isso como algo que você mantém em sua mesa, em vez de algo com o qual você fica sentado por longos períodos de tempo.
JavaScript para ciência de dados por Gans, Hodges & Wilson
- Perfeito para: Entrando nas visualizações de dados
- Nível de aprendizagem: Intermediário para avançado
- Exige: Um identificador decente em JavaScript
Os autores cobrem os principais recursos do JavaScript moderno, incluindo retornos de chamada, promessas, herança, objetos e classes. Eles também entram em testes usando ágata, React e visualização de dados, todos ótimos para quem deseja aprimorar seu código e como ele é escrito. O livro não se aprofunda em muitos conceitos como alguns dos outros livros, mas realmente brilha quando entra em ciência de dados.
O livro usa Data-Forge; uma biblioteca JavaScript projetada para trabalhar com dados tabulares. Existem inúmeros exercícios para ajudar os leitores a se manterem atualizados com o assunto da discussão. O último capítulo também inclui um projeto fundamental que reúne tudo.
Resumindo
Espero que esta coleção de livros ajude você, quer você esteja dando os primeiros passos no desenvolvimento web front-end, já tenha uma dúzia de anos de experiência ou esteja em algum ponto intermediário. Sei como é difícil entrar em algo novo pela primeira vez e a sensação de não saber onde procurar. Também sei como é atingir um patamar e precisar de algo para subir de nível. Deve haver algo para todos aqui, independentemente de onde você esteja em sua jornada de aprendizado.
E, ei, se você tiver outros livros disponíveis para comprar gratuitamente on-line, compartilhe-os nos comentários! Aposto que podemos fazer uma lista ainda maior.
