Use o código e tenha 10% de desconto!

Coletânea Front-end Uma antologia da comunidade front-end brasileira

Almir Filho, Bernard De Luna, Caio Gondim, Deivid Marques, Diego Eis, Eduardo Shiota, Giovanni Keppelen, Luiz Corte Real, Jaydson Gomes, Reinaldo Ferraz, Sérgio Lopes
Capa

Coletânea Front-end

Sumário

  • 1 - Uma coletânea com o melhor da comunidade front-end brasileira
    • 1.1 - Os capítulos e os autores
  • 2 - Progressive Enhancement: construindo um site melhor para todos
    • 2.1 - Por onde começar?
    • 2.2 - Progressive Enhancement e HTML
    • 2.3 - Progressive Enhancement e CSS
    • 2.4 - Progressive Enhancement e JavaScript
    • 2.5 - Quando o Progressive Enhancement não é uma alternativa
  • 3 - Responsive, Adaptive e Fault Tolerance
    • 3.1 - Responsive é quebrado
    • 3.2 - Adaptive Delivery é quebrado
    • 3.3 - O que realmente importa: Progressive Enhancement e o Fault Tolerance
    • 3.4 - Esqueça os nomes Responsive e Adaptive
  • 4 - Tudo que você precisa saber para criar um framework de sucesso
    • 4.1 - Guerra contra os frameworks prontos
    • 4.2 - Organização e padronização
    • 4.3 - Nomenclatura
    • 4.4 - Regras de estado
    • 4.5 - Modularização: Pensando em seu projeto como um sanduíche
    • 4.6 - Agrupando seus componentes em um único local
    • 4.7 - Tornando-se o rei dos padrões
  • 5 - Tornando a web mais dinâmica com AngularJS
    • 5.1 - Por que AngularJS
    • 5.2 - AngularJS
    • 5.3 - Módulos e injeção de dependências
    • 5.4 - Service AngularJS
    • 5.5 - Comunicando com servidor back-end
    • 5.6 - $route AngularJs
    • 5.7 - Conclusão
  • 6 - As diretrizes de acessibilidade para conteúdo na Web – WCAG
    • 6.1 - Acessibilidade na Web
    • 6.2 - Por trás do WCAG 2.0
    • 6.3 - Princípio 1: perceptível
    • 6.4 - Princípio 2: operável
    • 6.5 - Princípio 3: compreensível
    • 6.6 - Princípio 4: robusto
    • 6.7 - Conclusão
  • 7 - Aplicações web super acessíveis com WAI-ARIA
    • 7.1 - Leitores de tela
    • 7.2 - Roles
    • 7.3 - Formulários acessíveis
    • 7.4 - Role Document Structure
    • 7.5 - Landmarks
    • 7.6 - Conclusão
  • 8 - APIs geniais da Web moderna
    • 8.1 - WebStorage (localStorage e sessionStorage)
    • 8.2 - postMessage
    • 8.3 - Web Notifications
    • 8.4 - History API
    • 8.5 - Conclusão
  • 9 - As APIs de acesso a dispositivos do HTML5
    • 9.1 - Dispositivos e suas APIs
    • 9.2 - Como o navegador acessa os dispositivos
    • 9.3 - Câmera e microfone
    • 9.4 - Geolocalização
    • 9.5 - Acelerômetro e giroscópio
    • 9.6 - Bateria
    • 9.7 - Vibração
    • 9.8 - Iluminação ambiente
    • 9.9 - Conclusão
  • 10 - Debugando sua Web App — ou, Como se estressar menos
    • 10.1 - Console
    • 10.2 - Utilizando breakpoints
    • 10.3 - Emulando dispositivos móveis
    • 10.4 - Debug remoto
    • 10.5 - Dicas e truques
    • 10.6 - Extensões
    • 10.7 - Conclusão
  • 11 - Testando códigos JavaScript
    • 11.1 - Introdução
    • 11.2 - Os benefícios de testar uma aplicação
    • 11.3 - Escrevendo os testes unitários
    • 11.4 - No mundo real
    • 11.5 - Concluindo
Capítulo1

Uma coletânea com o melhor da comunidade front-end brasileira

A comunidade brasileira de programadores front-end e Web Designers é fantástica. Possui uma força imensa de elevar a qualidade da Web brasileira. Os milhares de representantes dessa comunidade produzem conteúdos ótimos em seus blogs, listas de discussão, Facebook e conversas de boteco. Nós nos encontramos em eventos memoráveis em todo o Brasil. Fazemos a diferença.

Esse livro quer ser uma pequena celebração desse sucesso.

Inspirados em projetos internacionais semelhantes – como o recomendadíssimo Smashing Book – trazemos essa Coletânea de Front-end. Um grupo de 11 autores de renome nacional na comunidade se juntou para escrever artigos que julgamos relevantes para a Web.

E mais importante até que o pequeno grupo de desbravadores desse projeto, queremos abrir o caminho para mais um canal da comunidade front-end. Queremos feedback, queremos que briguem conosco pra que lancemos novas edições, com mais autores e mais temas.

1.1 - Os capítulos e os autores

O livro está organizado em capítulos independentes, cada um com seu autor. Conversamos entre nós, mas cada tópico é expressão do próprio criador.

A única regra era: escrever algo memorável, que fizesse a diferença na Web brasileira. Nesse nosso meio que muda rápido, não queríamos falar da moda do mês. Focamos em temas atuais mas duradouros.

Começamos tentando rediscutir o papel da Web redescobrindo o Progressive Enhancement com Luiz Real. É impressionante como uma técnica com anos de idade é cada vez mais atual. E como há muita gente ainda ignorando essa prática essencial.

Na sequência, Diego Eis aborda Responsive, Adaptive e Fault Tolerance com muitas buzzwords e polêmicas. O autor mostra como a Web é genialmente imprevisível, adaptativa e flexível e discute o mindset correto pra lidar com isso.

Entra então Bernard De Luna falando sobre Como criar frameworks CSS. Mais que uma abordagem puramente técnica, é um tratado sobre a necessidade de padrões nos projetos e uma discussão interessante sobre o papel dos frameworks nas equipes Web.

Em seguida temos Giovanni Keppelen, que apresenta uma introdução detalhada ao AngularJS, um dos principais expoentes atuais do grupo de frameworks JavaScript MVC. Ele demonstra códigos práticos dos principais módulos do Angular e os motivos pelos quais você deve considerar essa ferramenta em suas aplicações.

A discussão sobre acessibilidade é bastante profunda com dois nomes de peso. Primeiro, Reinaldo Ferraz discute o coração da acessibilidade vista pelo W3C, mostrando as práticas fundamentais das WCAG que muitas vezes ainda são ignoradas no mercado.

Depois, Deivid Marques expande o tema abordando WAI-ARIA e as novas marcações de acessibilidade pensando em interações ricas na Web. Com exemplos excelentes, ele mostra como os novos atributos podem ser incorporados sem esforço nas suas aplicações.

Com a Web evoluindo a passos largos e browsers cada vez mais espertos, o que não faltam são novas APIs para explorar todo esse potencial. Jaydson Gomes mostra várias APIs modernas que você já pode usar hoje, como WebStorage, PostMessage, WebNotifications e History.

Como o tema é longo, Almir Filho mostra ainda mais APIs, agora com foco em acesso a recursos de dispositivos modernos. Aborda aspectos sobre câmera, acelerômetro, aúdio, GPS, vibração e mais. É o que você precisa saber pra dominar a Web em suas novas fronteiras.

Na sequência, Caio Gondim mostra como dominar todo esse mundo do front-end e facilitar o desenvolvimento com Debug no browser e Dev Tools. É um capítulo bastante aprofundado em como incorporar o uso das ferramentas de desenvolvimento no seu dia a dia com bastante produtividade e recursos úteis.

No último capítulo, Eduardo Shiota fala de testes com JavaScript. Um assunto de vital importância para garantir a qualidade de qualquer projeto que envolva front-end.

E, por fim, eu, Sérgio Lopes, idealizador da coletânea, escrevi esse prefácio e fiz o papel de editor, revisor técnico, cobrador de prazos e distribuidor de pitacos no texto alheio.

Em nome de todos os autores, espero que goste dos temas que escolhemos e aproveite o livro. Vamos mudar a Web juntos!

Sobre o editor

Sérgio Lopes é instrutor e desenvolvedor na Caelum, onde dá aulas de front-end e outras coisas. Escreve bastante conteúdo sobre front em seu blog (sergiolopes.org), twitter (@sergio_caelum) e outros lugares. Participa de muitos eventos no Brasil todo e publicou o livro "A Web Mobile" também pela editora Casa do Código.

sergio-lopes.png

Dados do produto

Número de páginas:
272
ISBN:
978-85-66250-47-3
Data publicação:
03/2014

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter