Coletanea Front End Uma Antologia da Comunidade Front End Brasileira Casa do Codigo

Casa do Código

Sumário

Sumário
1

2

3

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

1

1.1

2

Os capítulos e os autores . . . . . . . . . . . . . . . . . . . . . . . . . .

Progressive Enhancement: construindo um site melhor para todos?

5

2.1

Por onde começar? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

9

2.2

Progressive Enhancement e HTML . . . . . . . . . . . . . . . . . . . .

11

2.3

Progressive Enhancement e CSS . . . . . . . . . . . . . . . . . . . . . .

13

2.4

Progressive Enhancement e JavaScript . . . . . . . . . . . . . . . . . . 17

2.5

Quando o Progressive Enhancement não é uma alternativa . . . . . . 22

Responsive, Adaptive e Fault Tolerance

25

3.1

Responsive é quebrado . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

3.2

Adaptive Delivery é quebrado . . . . . . . . . . . . . . . . . . . . . . . 26

3.3

O que realmente importa: Progressive Enhancement e o Fault Tolerance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30

3.4

Esqueça os nomes Responsive e Adaptive . . . . . . . . . . . . . . . . 32

4 Tudo que você precisa saber para criar um framework de sucesso

35

4.1

Guerra contra os frameworks prontos . . . . . . . . . . . . . . . . . . 38

4.2

Organização e padronização . . . . . . . . . . . . . . . . . . . . . . . . 39

4.3

Nomenclatura . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41

4.4

Regras de estado . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

4.5

Modularização: Pensando em seu projeto como um sanduíche . . . . 47

4.6

Agrupando seus componentes em um único local . . . . . . . . . . . 52

4.7

Tornando-se o rei dos padrões . . . . . . . . . . . . . . . . . . . . . . . 55 i Casa do Código

Sumário

5

Tornando a web mais dinâmica com AngularJS
5.1

Por que AngularJS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57

5.2

AngularJS . . . . . . . . . . . . . . . . . . . . . . . . . . . . .