Os padrões web – são recomendações para regulamentar códigos de desenvolvimento de sites e aplicações que rodam na web . Os padrões são definidos pelo World Wide Web Consortium (W3C), um consórcio internacional que reúne empresas como Google, Apple, Microsoft, IBM e muitas outras.

Escrever códigos (X)HTML (Hyper Text Markup Language) e CSS (Cascade Style Sheets) seguindo os padrões determinados pelo W3C é o primeiro passo para ter sites rápidos de carregar e extremamente compatíveis.
Além disso, os padrões web trazem mais vantagens para seu site: acessibilidade a portadores de deficiência, compatibilidade com dispositivos móveis, melhor posicionamentos nos mecanismos de busca, menor tempo de desenvolvimento, menor custo de desenvolvimento, menor consumo de banda, sites mais rápidos para carregar e interoperabilidade entre vários navegadores e sistemas operacionais.
Também a utilização correta do JavaScript, DOM, Ajax e Jquery uzufluido assim dos melhores recursos existente na Web 2.0.

Público alvo

O curso é dirigido aos desenvolvedores Web que queiram se especializar em Front-End, interessados no conhecimento teórico e prático da área, e designer interessado na utilização correto do CSS e Javascript, desenvolvendo projetos compatíveis aos padrões web.

Grade de Aula

1. Web Standards

• Qual é a importância do desenvolvimento dos padrões?
• Quais as tecnologias que posso aplicar em um site?
• Conceitos/Importâncias: XHTML, CSS, Javascript, PHP, etc.
• O que é Web Standards ?
• O poder dos Padrões Web

2. Semantic Web

• Web Semântica o que é?
• Web Semântica como funciona e quais as vantagens?
• Na pratica...

3. Tableless

• XHTML e CSS
• Metodologias
• O que é Tableless?
• Quais as vantagens?
• Tabela ou Div’s ?
• Como utilizar tabelas corretamentes
• Estrutura Fixas e flutuantes em Div’s
• Desenvolvimento em camadas
• Tableless na Pratica

4. Doctype

• Pra que serve o Doctype?
• Tipos de Doctype
• XML Prolog (Prólogo XML)

5. SEO - Search Engine Optimization e Meta tags

• O que é SEO?
• Bots o que são, como funcionam?
• Meta tags

6. SEO - Search Engine Optimization e Meta tags

• O que é SEO?
• Bots o que são, como funcionam?
• Meta tags

7. CSS

• Sintaxe CSS
• Propriedades de texto, fonte, background, margin, padding, border, display, float e clear
• Pseudo-classes / Pseudo-elementos
• Layout Fixo/Fluído/Elástico
• Layout Fixo de 3 Colunas (Exercício Prático)
• Layout Fluido de 3 Colunas (Exercício Prático)
• Propriedade Position
• Manipulando listas (ul, ol, dl)
• Doctypes, Modes e CSS Hacks
• CSS de impressão e dispositivos móveis

8. Técnicas e Dicas de CSS

• Dicas e Técnicas de CSS
• Truques com CSS
• Bugs do CSS
• CSS Hacks

9. JavaScript

• O que é JavaScript e como funciona?
• Dicas de estrutura em javascript
• Javascript e CSS
• JavaScript na pratica

 Carga horária

48 horas aula

Pré-requisitos

Conhecimento em HTML básico

Metodologia

A cada conceito apresentado no curso são realizados exercícios de fixação. O aluno também irá construir um web site como projeto de conclusão do treinamento.