BC 42 – INTERFACES WEB COM HTML 5 E CSS 3 (40h)

10 de 29 BC 42 – INTERFACES WEB COM HTML 5 E CSS 3 (40h)
OBJETIVOS:
Apresentar aos alunos as melhores técnicas de desenvolvimento Web. Voltado
ao programador de interfaces preocupado com a semântica, estilos CSS e
JavaScript correto e funcional. Um curso dedicado a criar interfaces Web com
experiência rica do usuário, estruturação correta e otimizações de layouts.
PRÉ-REQUISITOS:
Lógica de programação e conhecimento básico de desenvolvimento Web.
EMENTA:
•
Introdução à WEB: Infraestrutura, Como exibir dados em páginas
HTML?, Sintaxe, estruturas, Tags, Criação de páginas estáticas,
Facilitando o trabalho com IDEs, Organização de arquivos e pastas web;
•
Iniciando com estilo: Inclusão de CSS em páginas HTML, Estilizando
textos com fontes e alinhamentos, Imagens de fundo, Bordas, Cores e
Listas, Navegação entre páginas com links
•
Posicionamento de elementos: Tipos de seletores, Fluxo do
documentos HTML, Pensando em layouts, HTML semântico, Classes e
Headers, Reset, Block Inline, Static, Relative, Absolute;
•
Interação usando formulários: A tag para formulários, posicionamento
de componentes, Decoraão e Herança em CSS, Display inline-block,
seletores de atributos, Substituição por imagens
•
CSS Avançado: Pseudo classes e elementos, border-radius, textshadow, box-shadow, Prefixos, Gradientes, Transitions e Transforms
•
Mobile first: Media Types, Media queries, Viewport, Responsive Web
Design, adaptações necessárias, Progressive enhancement, Box model
e box-sizing, tabelas;
•
O framework bootstrap: Vantagens de framworks, Bootstrap e CSS,
Estilo de componentes base, Novos atributos e componentes,
Glyphicons, Grid responsivo, Navbar;
www.buritech.com.br | [email protected] | +55 92 8118-­‐7682 (vivo) 11 de 29 BC 43 – WEB DINÂMICA COM JAVASCRIPT E JQUERY (32h)
OBJETIVOS:
Oferecer ao aluno técnicas para melhorar a interação dos usuários nas suas
aplicações Web, mostrando como o JavaScript puro e JQuery podem ser
combinados para criar funcionalidades complexas no cliente.
PRÉ-REQUISITOS:
BC 41 – programação web com html, css e javascript ou conhecimento em
linguagens de programação, como Java, Ruby, PHP.
EMENTA:
•
Introdução ao JavaScript: Uma linguagem simples e robusta, variáveis
e inicialização, Console, tipos de dados e operadores, Estruturas
condicionais, Funções, Vetores, Laços de repetição
•
Componentes JavaScript: DOM e a leitura via JavaScript, Objetos
DOM, BOM e eventos, Navegação, Acessando CSS via JavaScript,
Progressive enhancement, Criação dinâmica de elementos,
compatibilidade de código
•
JQuery: Um framework para JavaScript, Eventos e Funções,
Construção de elementos, Delegação de eventos, Integração com AJAX,
Eventos customizados, Filtro de resultados, Trabalhando com datas;
•
Organização de código: Trabalhando com objetos, escopos e variáveis,
Module Pattern, Declaração de dependências, Strict mode, isolamento
de código;
•
Trabalhando com plug-ins e OO: Adicionando plug-ins de terceiros,
Autocomplete e eventos de “touch”, Plugins personalizados,
Transformando funções em classes, Encapsulamento, Herança e
sobrecarga
•
Introdução ao Angular JS: Características de framework MVC, Por
dentro dos conceitos, Entendendo as diretivas: ng-repeat e ng-model,
Disparando requisições assíncronas com Ajax;
•
Automação de builds: Entendendo Node.js e o Grunt, Merge e
Minificação de scripts e imagens, Trabalhando com Watch e LiveReload
com Grunt;
www.buritech.com.br | [email protected] | +55 92 8118-­‐7682 (vivo)