Apostila Desenvolvimento Web com HTML, CSS e JavaScript

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Compartilhar apostila WD-43 no Facebook Opções Navegação
 	 Capítulos 
 1. Sobre o curso - o complexo mundo do front-end 
 2. Introdução a HTML e CSS 
 3. HTML semântico e posicionamento no CSS 
 4. Mais HTML e CSS 
 5. CSS Avançado 
 6. Web para dispositivos móveis 
 7. Progressive enhancement e mobile-first 
 8. Bootstrap e formulários HTML5 
 9. JavaScript e interatividade na Web 
 10. jQuery 
 11. Integrações com serviços Web 
 12. Apêndice - Otimizações de front-end 
 13. Apêndice - LESS 
 14. Apêndice - Introdução a PHP 
 15. Apêndice - PHP: parâmetros e páginas dinâmicas 
 16. Apêndice - PHP: Banco de dados e SQL 
 17. Apêndice - Subindo sua aplicação no cloud 
 18. Apêndice - Mais integrações com serviços Web 
 
 
	 Busca Buscar 
 
 Mais
 	 Curso Caelum dessa apostila 
	 Compartilhar no Facebook 
	 Download da apostila 
	 Outras apostilas abertas 
 
 
 
 
 
 
 
 Apostila do Curso WD-43 Desenvolvimento Web com HTML, CSS e JavaScript 
 
 Aprenda HTML5, CSS3 e JavaScript e programe a Web do futuro. Veja boas práticas como performance e design responsivo, e frameworks modernos como jQuery e Bootstrap. Este material gratuito é o que usamos no curso de HTML, CSS e JavaScript da Caelum e esperamos que seja útil no seu aprendizado. Não deixe também de compartilhar essa apostila com seus amigos.
 A Caelum oferece cursos de TI desde 2004 em todo o Brasil. É conhecida por seus cursos nas áreas de Java, mobile, front-end, .NET, agile, além de cursos online. Temos diversas apostilas abertas para download e consulta gratuita. E, se estiver interessado em nossos cursos, não deixe de entrar em contato.
 
 Sumário
 	 Sobre o curso - o complexo mundo do front-end 	1.1 O curso e os exercícios
	1.2 O projeto de e-commerce
	1.3 Tirando dúvidas com instrutor
	1.4 Tirando dúvidas online no GUJ
	1.5 Bibliografia
	1.6 Para onde ir depois?
 
	 Introdução a HTML e CSS 	2.1 Exibindo informações na Web
	2.2 Sintaxe do HTML
	2.3 Estrutura de um documento HTML
	2.4 Tags HTML
	2.5 Imagens
	2.6 A estrutura dos arquivos de um projeto
	2.7 Editores e IDEs
	2.8 Primeira página
	2.9 Exercícios: primeiros passos com HTML
	2.10 Estilizando com CSS
	2.11 Sintaxe e inclusão de CSS
	2.12 Propriedades tipográficas e fontes
	2.13 Alinhamento e decoração de texto
	2.14 Imagem de fundo
	2.15 Bordas
	2.16 Exercícios: primeiros passos com CSS
	2.17 Cores na Web
	2.18 Listas HTML
	2.19 Espaçamento, margem e dimensões
	2.20 Exercícios: listas e margens
	2.21 Links HTML
	2.22 Exercícios: links
	2.23 Elementos estruturais
	2.24 CSS: Seletores de ID e filho
	2.25 Fluxo do documento e float
	2.26 Exercícios: seletores CSS e flutuação de elementos
	2.27 O futuro e presente da Web com o HTML5
 
	 HTML semântico e posicionamento no CSS 	3.1 O processo de desenvolvimento de uma tela
	3.2 O projeto Mirror Fashion
	3.3 Analisando o Layout
	3.4 HTML semântico
	3.5 Pensando no header
	3.6 Estilização com classes
	3.7 Exercícios: header semântico
	3.8 CSS Reset
	3.9 Block vs Inline
	3.10 Exercícios: reset e display
	3.11 Position: static, relative, absolute
	3.12 Exercícios: posicionamento
	3.13 Para saber mais: suporte HTML5 no Internet Explorer antigo
	3.14 Exercícios opcionais
 
	 Mais HTML e CSS 	4.1 Analisando o miolo da página
	4.2 Formulários
	4.3 Posicionamento com float e clear
	4.4 Decoração de texto com CSS
	4.5 Cascata e herança no CSS
	4.6 Para saber mais: o valor inherit
	4.7 Exercícios: menu e destaque
	4.8 Display inline-block
	4.9 Exercícios: painéis flutuantes
	4.10 Seletores de atributo do CSS3
	4.11 Rodapé
	4.12 Substituição por Imagem
	4.13 Estilização e posicionamento do rodapé
	4.14 Exercícios: rodapé
	4.15 Exercícios opcionais
 
	 CSS Avançado 	5.1 Seletores avançados
	5.2 Pseudo-classes
	5.3 Pseudo elementos
	5.4 Exercícios: seletores, pseudo-classes e pseudo-elementos
	5.5 Exercícios opcionais
	5.6 CSS3: border-radius
	5.7 CSS3: text-shadow
	5.8 CSS3: box-shadow
	5.9 Opacidade e RGBA
	5.10 Prefixos
	5.11 CSS3: Gradientes
	5.12 Progressive Enhancement
	5.13 Exercícios: visual CSS3
	5.14 CSS3 Transitions
	5.15 CSS3 Transforms
	5.16 Exercícios: CSS3 transform e transition
	5.17 Para saber mais: especificidade de seletores CSS
 
	 Web para dispositivos móveis 	6.1 Site mobile ou mesmo site?
	6.2 CSS media types
	6.3 CSS3 media queries
	6.4 Viewport
	6.5 Exercícios: adaptações para mobile
	6.6 Responsive Web Design
	6.7 Mobile-first
	6.8 Exercícios opcionais: versão tablet
 
	 Progressive enhancement e mobile-first 	7.1 Formulário de compra
	7.2 Exercícios: formulário da página de produto
	7.3 Design mobile-first
	7.4 Progressive enhancement
	7.5 Box model e box-sizing
	7.6 Exercícios: página de produto
	7.7 Evoluindo o design para desktop
	7.8 Media queries de conteúdo
	7.9 Exercícios: responsive design
	7.10 HTML5 Input range
	7.11 Exercícios: seletor de tamanho
	7.12 Tabelas
	7.13 Exercícios: detalhes
	7.14 Exercícios opcionais: fundo
 
	 Bootstrap e formulários HTML5 	8.1 Bootstrap e frameworks de CSS
	8.2 Estilo e componentes base
	8.3 A página de checkout da Mirror Fashion
	8.4 Exercícios: página de checkout
	8.5 Formulários a fundo
	8.6 Novos componentes do HTML5
	8.7 Novos atributos HTML5 em elementos de formulário
	8.8 Ícones
	8.9 Exercícios: Formulários
	8.10 Validação HTML5
	8.11 Exercícios: validação com HTML5
	8.12 Grid responsivo do Bootstrap
	8.13 Exercícios: grids
	8.14 Para saber mais: componentes JS do Bootstrap
	8.15 Exercícios opcionais: navbar e JavaScript
	8.16 Para saber mais: outros frameworks CSS
 
	 JavaScript e interatividade na Web 	9.1 Porque usamos JavaScript?
	9.2 Um pouquinho da história do JavaScript
	9.3 Características da linguagem
	9.4 Console do navegador
	9.5 Sintaxe básica
	9.6 A tag script
	9.7 DOM: sua página no mundo JavaScript
	9.8 Funções e os eventos do DOM
	9.9 Exercícios: mostrando tamanho do produto com javascript
	9.10 Funções Anônimas
	9.11 Manipulando strings
	9.12 Manipulando números
	9.13 Concatenações
	9.14 Exercícios: Calculando o total da compra
	9.15 Array
	9.16 Blocos de Repetição
	9.17 Funções temporais
	9.18 Exercícios opcionais: banner rotativo
	9.19 Para saber mais: vários callbacks no mesmo elemento
	9.20 Para saber mais: controlando as validações HTML5
 
	 jQuery 	10.1 jQuery - A função $
	10.2 jQuery Selectors
	10.3 Filtros customizados e por DOM
	10.4 Utilitário de iteração do jQuery
	10.5 Características de execução
	10.6 Mais produtos na home
	10.7 Exercícios: jQuery na home
	10.8 Plugins jQuery
	10.9 Exercícios: plugin
 
	 Integrações com serviços Web 	11.1 Web 2.0 e integrações
	11.2 iframes
	11.3 Vídeo embutido com YouTube
	11.4 Exercícios: iframe
	11.5 Exercícios opcionais: Google Maps
	11.6 Fontes customizadas com @font-face
	11.7 Serviços de web fonts
	11.8 Exercícios: Google Web Fonts
 
	 Apêndice - Otimizações de front-end 	12.1 HTML e HTTP - Como funciona a World Wide Web?
	12.2 Princípios de programação distribuída
	12.3 Ferramentas de diagnóstico - YSlow e PageSpeed
	12.4 Compressão e minificação de CSS e JavaScript
	12.5 Compressão de imagens
	12.6 Diminuir o número de requests
	12.7 Juntar arquivos CSS e JS
	12.8 Image Sprites
	12.9 Para saber mais
	12.10 Exercícios: otimizações Web
 
	 Apêndice - LESS 	13.1 Variáveis
	13.2 Contas
	13.3 Hierarquia
	13.4 Funções de cores e palhetas automáticas
	13.5 Reaproveitamento com mixins
	13.6 Executando o LESS
	13.7 Para saber mais: recursos avançados e alternativas
	13.8 Exercícios: LESS
 
	 Apêndice - Introdução a PHP 	14.1 Libertando o HTML de suas limitações
	14.2 Como funciona um servidor HTTP
	14.3 Como funciona o PHP no servidor
	14.4 Para saber mais: instalação do PHP em casa
	14.5 Exercícios: executando o PHP
	14.6 Reaproveitamento de código com include
	14.7 Exercícios: include
	14.8 Para saber mais: ainda
mais flexibilidade com variáveis
	14.9 Exercícios opcionais: variáveis em PHP
 
	 Apêndice - PHP: parâmetros e páginas dinâmicas 	15.1 Submissão do formulário
	15.2 Parâmetros com PHP
	15.3 Listas de definição no HTML
	15.4 Exercícios: checkout da compra
 
	 Apêndice - PHP: Banco de dados e SQL 	16.1 MySQL e phpMyAdmin
	16.2 Para saber mais: instalação do MySQL em casa
	16.3 Buscas no MySQL com PHP
	16.4 Refinando as buscas com WHERE
	16.5 Exercícios: phpMyAdmin
	16.6 Exercícios: PHP com MySQL
	16.7 Busca de muitos resultados
	16.8 Ordenação dos resultados
	16.9 Exercícios: mais buscas com PHP
	16.10 Exercícios opcionais
 
	 Apêndice - Subindo sua aplicação no cloud 	17.1 Como escolher um provedor
	17.2 O Jelastic Cloud Locaweb
	17.3 Criando a conta
	17.4 Importando dados no MySQL
	17.5 Preparando o projeto
	17.6 Enviando o projeto e inicializando servidor
 
	 Apêndice - Mais integrações com serviços Web 	18.1 Botão de curtir do Facebook
	18.2 Exercícios: Facebook
	18.3 Para saber mais: Twitter
	18.4 Para saber mais: Google+
	18.5 Exercícios opcionais: Twitter e Google+
 
 
 Você encontra a Caelum também em:
 	 Blog Caelum
 
	 Cursos Online
 
	 Facebook
 
	 Newsletter
 
	 Casa do Código
 
	 Twitter