[Curso] HTML e CSS [MP4] Alura

468x60

Aprenda de um jeito fácil HTML e CSS neste curso.

Curso Bootstrap: velocidade no front-end
Conhecendo o Bootstrap
Baixando o Bootstrap
Criando botões
Criando títulos
Layout responsivo
Representando um produto
Sistema de grids
Barra de navegação
Estrutura de um menu
Menu Dropdown
Barras de busca no menu
Menu responsivo
Banners
Criando um banner
Configurando um banner fullscreen
Adicionando controles ao banner
Trabalhando com listas
Criando uma lista
Adicionando um título a nossa lista
Criando um rodapé
Animações
Conhecendo o wow.js
Criando animações ao rolar a página
Criando página de produto
Trabalhando com abas
Trabalhando com tabelas
Página de pagamento
Criando uma página de pagamento
Aprendendo formulários
Addons em formulários
Criando botões com ícones

Google Chart Tools: Crie Gráficos Memoráveis na Web
Gráfico de Linhas
apis javascript no google
Google Visualization API
DataTable
gráficos de linha: LineChart
Tipos de curva
Cores
Gráfico de linha
2 linhas
Formatadores
Formatando datas: DateFormat
Múltiplas colunas de dados
Formatando números
Gráfico de Barras e Colunas
ColumnChart
BarChart
Configurando os eixos
Gráfico de pizza
PieChart
Lidando com eventos
Callbacks
Seleção no gráfico
Gráfico de intensidade
IntensityMap
Mapas do mundo e regiões
Remote Data Source
Acessando dados remotos
Data Source
API Playground

HTML e CSS – Os seus primeiros passos
Estrutura básica do HTML
O que é o HTML
A estrutura de uma página HTML
Adicionando cabeçalhos na página com as tags H
Adicionando textos na página com a tag p
Configurando o charset, para evitar problemas na acentuação das palavras
Configurando o título da página com a tag title
Aplicando estilos com CSS
O que é CSS
Modificando a cor de fundo de um elemento
Isolando os estilos da página com a tag style
Adicionando recuo aos parágrafos da página
Configurando classes de estilos
Configurando um texto para ficar em itálico e sublinhado
Seletores CSS
Outras tags HTML e como aplicar CSS nelas
Isolando o código CSS em um arquivo externo
Adicionando links na página com a tag a
Criando uma lista de elementos com a tag ul
A propriedade mailto
Configurando as fontes utilizadas na página
Centralizando a página e outros elementos
Configurando o espaçamento dos elementos com a propriedade padding
Elementos estruturais, imagens e tabelas
Criando uma nova página HTML
Adicionando uma imagem com legenda na página, com as tags figure, img e figcaption
Aplicando estilos na página
Adicionando algumas seções na página
Adicionando uma tabela na página com as tags table, tr e td
Adicionando cabeçalhos na tabela com a tag th
Adicionando alguns estilos na tabela
Configurando as cores de fundo das linhas pares e ímpares da tabela(efeito zebrado)
Adicionando um menu de navegação na página com as tags nav, ul e a
Configurando o menu para ficar na posição horizontal com a propriedade display:inline
Seletor CSS de hierarquia

HTML5 e CSS3 I: Suas primeiras páginas da Web
Introdução ao HTML
Site que vamos desenvolver
Para que serve o HTML
O que são tags
Tags básicas: h1, h2 e p
Tags de ênfase: em e strong
Estrutura básica de um arquivo HTML
Codificação de texto
Título e ícone da página
Boas práticas: indentação de código
Versões do HTML
Introdução a CSS
Para que serve o CSS
Atributo style e tag style
CSS em um arquivo separado
Cores no CSS
Alinhamento de texto
Mudando a fonte
Aprofundando no HTML
Links relativos e absolutos
Imagens
Acessibilidade
Tag blockquote
HTML e semântica
Tag div
Novas tags do HTML 5
Entidades HTML
Seletor de descendência do CSS
O navegador trabalhando a nosso favor
Inspecionando o HTML dentro do navegador
Verificando bugs no HTML
Inspecionando o CSS associado a um elemento
Verificando bugs no CSS
Testando alterações na página em tempo real
Aprimorando o layout
Espaçamentos no CSS (padding e margin)
Aplicando bordas a elementos
O box model do navegador
A propriedade box-sizing
Construindo uma base sólida
Estilo padrão do navegador
Sobrescrevendo o estilo padrão: CSS reset
Precedência de regras no CSS
Um pouquinho de posicionamento
A propriedade display
inline e inline-block
Mais seletores
Usando a propriedade id para estilização
Problemas no uso de id
Reaproveitamento de estilos com classes
Nem tudo é o que parece
Revendo a semântica da página
Impacto da semântica na acessibilidade
A propriedade text-transform
Substituindo texto por imagens
Posicionamento mais a fundo
O que é o fluxo do HTML
A propriedade float
A propriedade clear
Combinando floats em layouts complexos
Clearfix
Elementos onde queremos
A propriedade position
Posicionamento relativo
Posicionamento absoluto
Posicionamento fixo
Impacto da propriedade position no fluxo da página

HTML5 e CSS3 II: Turbinando as suas páginas
Unidades de medida do CSS
A medida em
A medida rem
A medida ch
A medida de porcentagem
Quando usar cada medida
Absolute mais a fundo
A verdadeira referência do absolute
Controlando o absolute
Bordas arredondadas e outras novidades do CSS3
A propriedade border-radius e seus usos
Prefixos no CSS
Construindo seu site para o futuro
Transformações
A propriedade transform
Rotações, escalas e outras transformações 2D
A propriedade perspective
Transformações 3D
O efeito de paralaxe
Sombras e opacidade
A propriedade text-shadow
A propriedade box-shadow
Truques com sombras
Cores semitransparentes
A propriedade opacity
Gradientes
A função linear-gradient
Propriedades do background do CSS3
Usos avançados de gradientes
A função radial-gradient
Seletores avançados do CSS
Seletor de irmão
Seletor de irmão seguinte
Seletor de filho direto
Seletor de atributo
Vantagens e desvantagens dos seletores avançados
Pseudoclasses
O que é uma pseudoclasse?
A pseudoclasse :nth-child
A pseudoclasse :nth-of-type
Pseudoclasses dinâmicas
Vantagens de se usar pseudoclasses
Pseudoelementos
O que é um pseudoelemento?
O pseudoelemento ::first-letter
Diferenças de sintaxe entre o CSS2 e o CSS3
Os pseudoelementos ::before e ::after
A propriedade content
Truques possíveis com pseudoelementos
Vantagens de se usar pseudoelementos
Formulários
Criando um formulário básico
Adicionando semântica a um formulário
Acessibilidade de formulários
Novos tipos de campos do HTML5
Validação de formulários com HTML5
Estilização de formulários
Cálculos com CSS
A função calc
Melhorando a legibilidade do código com a função calc
Layout mais flexível com a função calc
Novas possibilidades
Tabelas semânticas
Criando uma tabela simples com HTML
Adicionando semântica a tabelas
Estilizando tabelas
As propriedades rowspan e colspan
Quando usar tabelas?
Transições e animações
A propriedade transition
Transições e pseudoclasses dinâmicas
A propriedade transition-delay
Controle fino de transições
A propriedade animation e a declaração @keyframes
A propriedade animation-delay
Controlando o estado da animação com animation-play-state
Animações infinitas
Flexbox
A ideia por trás da especificação
Ativando o flexbox
Controlando o tamanho dos elementos com a propriedade flex
Espaçamento e a propriedade justify-content
Múltiplas linhas de elementos com a propriedade flex-wrap
A propriedade order

HTTP: Entendendo a web por baixo dos panos
O que é o HTTP?
cliente e servidor
regras de comunicação
protocolo HTTP
protocolos da Internet
A web segura
HTTPs
HTTPs a web é segura
Certificado digital
Identidade e validade do certificado
A chave pública
Cifrar os dados
Endereços sob seu domínio
URL: os endereços da Web
Protocolo e domínio
Entendendo o domínio
Recurso da aplicação
O cliente pede e o servidor responde
Modelo Requisição-Resposta
O cliente começa
HTTP e a comunicação stateless
O uso de sessões
Depurando a requisição HTTP
o primeiro método HTTP
GET
códigos de resposta
cabeçalhos da resposta
Parâmetros da requisição
Enviando vários parâmetros
Params no GET
outros métodos HTTP
Params no POST

Web Design Responsivo: Páginas que se adaptam do mobile ao desk
Web Design Responsivo
Site mobile ou design responsivo?
Base do responsivo
Pensando em proporções
Layout fluído e medidas flexíveis
Uso de porcentagens
O font-size
A medida ‘em’
Técnicas de design fluído
Imagens fluídas
Media queries
Layout condicional
CSS2 Media types e CSS3 Media queries
Sintaxe
Breakpoints de conteúdo
Mobile-first
Viewport & Workflow
Meta tag viewport
Estratégia de testes
Desktop browsers
Emuladores mobile
Dispositivos reais
Debug remoto (iOS, Android, Weinre, Windows Phone)
Device lab
Menu Responsivo
Grandes adaptações com media queries
JavaScript para controlar o menu
Imagens responsivas
Telas de alta resolução
Device Pixel Ratio
Cases de imagens responsivas
Media queries para troca de imagens
Srcset e picture
Compressive images
Performance
Imagens vetoriais
Efeitos CSS
Texto
Icon Fonts
SVG
Estratégias crossbrowser e fallbacks
Usabilidade mobile & estratégias resposivas
Content parity
Não existe contexto mobile
Touch-first
Usabilidade em touch screens
Exemplos de más práticas de UX mobile

Formato: MP4
Codec de Áudio: AAC
Codec de Vídeo: H.264
Idioma: Português

img-download

Categoria: Cursos > Video-Aula
Ano de lançamento: 2016
Autor: Alura
Idioma: Português
Tamanho: 5.0GB

img-download
logo-br2share
DOWNLOAD

PASTA COMPARTILHADA
Este download está divido em 03 partes. Baixe todas as partes, depois extraia.

torrentads

cliqueparafazerodownload
By WordPress