e-Genial Simplesmente Notável
O que vamos aprender?
O papel do Front-End Engineer é observar o ambiente em que as aplicações web são desenvolvidas para criar interfaces leves, interativas, flexíveis e fáceis de navegar e manter. Para isso é necessário entender de usabilidade, acessibilidade, padrões web, boas práticas de otimização, Ajax e design.
Nesse curso iremos partir do layout, passar pela estruturação das páginas (HTML/XHTML), aplicação do conteúdo, formatação (estilos) e programação client-side (javascript), sempre focando na otimização da performance para criar páginas leves e fáceis de navegar.
Vamos utilizar o jQuery como framework javascript, conhecer algumas dicas e truques para usar no Photoshop e saber das últimas novidades dos novos padrões web: HTML5 e CSS3.
Cada aluno terá um ambiente remoto e uma conta FTP para hospedar as páginas que serão criadas no curso. Além do photoshop iremos utilizar apenas os browsers e um editor comum.
Grade detalhada
Aula 1
-
- Introdução
- O que é Front-End?
- Visão geral
- Designer, Back-End e Front-End
- Camadas do Desenvolvimento Front-End
- HTML
- CSS
Aula 2
-
- HTML: Listas (ordenadas, desordenadas, de definição)
- CSS: Principais Propriedades
- CSS: Pseudo Classes
- Box Model
- Footer Stick
- Text Replacement
- DOM
- Técnicas de Otimização de Performance
- Montando o layout do ZERO
Aula 3
-
- HTML: Tabelas e Formulários
- CSS: Formatando tabelas e formulários
- CSS Sprite
- Javascript
- jQuery
- jQuery: consumindo plugins
- jQuery: criando nosso próprio plugin
- SEO: Otimização para Sistemas de Busca
- Photoshop: convertendo PSD para HTML+CSS
Aula 4
-
- Redesign
- Navegabilidade, Usabilidade e Acessibilidade
- Hacks, Dicas e Truques
- HTML 5: Novas Tags
- HTML 5: Novos recursos
- HTML 5: Dicas e Truques
- CSS 3: Novas propriedades
- Validação