Apresentação da Formação Desenvolvedor Web Completo
Apresentação
Como iniciar o curso
Paguei o curso e ele ainda não foi liberado. O que fazer?
Como organizamos nossas aulas
Interação
Curso I - Curso HTML 5 Essencial
Apresentação do curso
Softwares recomendados
Um breve histórico do HTML5
Curso I - Unidade 02 - Passos iniciais do curso
Como baixar os arquivos limpos
Link para download dos exercícios limpos HTML 5
Como usar os arquivos limpos
Está gostando do curso?
Curso I - Unidade 03 - Básico do HTML
Criar a primeira página HTML5
Adicionar as primeiras tags
Pré visualizar no navegador.
Compreendendo espaços vazios e comentários
Adicionar caracteres especiais
Curso I - Unidade 04 - Head do documento
Explorando o head
Aplicar CSS ao documento HTML
Aplicar SCRIPT javascript externo
Meta tag
Meta Refresh
Erros mais comuns da aula de Meta Refresh
Curso I - Unidade 05 - Texto do documento
Adicionando Heading
Adicionando parágrafo
Line Break
Usar uma marcação
Trabalhando com lista
Usar as tags "i" e "em"
Usar as tags b e strong
Curso I - Unidade 06 - Como adicionar imagens
Usando imagens
Alterando alinhamento da imagem
Alinhando imagem
Utilizar os elementos figure e figcaption
Curso I - Unidade 07 - Como adicionar links
Criar um hiperlink
Compreender os links relativos
Criar um link para dentro da própria página
Criar um link para uma imagem
Curso I - Unidade 08 - Como criar listas
Criação de listas
Criação de sub-listas
Criação de menu vertical com listas
Criar um menu horizontal
Curso I - Unidade 09 - Novos elementos estruturais do HTML5
Elemento main
Elemento header
Elemento nav
Elemento article
Elemento section
Elemento aside
Elemento footer
Curso I - Unidade 10 - Estrutura e Semântica
Elemento small
Elemento address
Elemento address para uso de número de telefone
Elemento mark
Curso I - Unidade 11 - Projeto do curso
Projeto número 1
Curso I - Unidade 12 - Tabelas
Criando sua primeira tabela
Tabela semântica
Usando do colgroup e col
Curso I - Unidade 13 - Formulários
O que é formulário
Criação de um formulário simples
Adicionar os novos input types como telefone, email e url
Adicionar os campos requeridos
Adicionar um placeholder e um autofocus
Adicionar um campo de número
Adicionar um campo datepicker
Adicionar um datalist ao um input text
Adicionar um type range
Adicionar um type color
Adicionar um type search
Curso II - CSS 3 Fundamental
Apresentação do curso
Softwares necessários
Como baixar os arquivos limpos
Link para download dos exercícios limpos
Como configurar os arquivos limpos no Brackets
Curso II - Unidade 02 - Fundamentos de CSS
O que é CSS
Sintaxe da linguagem
Tipos de selectores
Como criar CSS de forma eficiente
Como navegadores leem CSS
Curso II - Unidade 03 - Conceitos Básicos
Como aplicar o CSS no HTML
CSS inline
CSS externo
Propriedade de cascata
Curso II - Unidade 04 - Fontes
System fonts x Web Fonts
Formatando Texto
Espaçamento entre linhas e palavras
Curso II - Unidade 05 - Conceitos básicos de CSS
Cores
O que é Box Model
Margins e Padding
Border
Background
Sombra
Gradiente Linear
Gradiente Radial
Curso II - Unidade 06 - Page Layouts - Fundamentos
Conceitos de CSS na prática
Calculando larguras em EM
Calculando larguras em percentual
Elementos Floats
Compreender o Clear
Controlando elementos com overflow
Elementos com Float inline
Como criar um layout com 2 colunas
Como criar um layout com 3 colunas
Curso II - Unidade 07 - Page Layouts - Posicionamento de Elementos
Static Positioning
Relative positioning
Absolute positioning
Fixed Positioning
Controlando profundidade
Como aplicar Clip ( Máscara )
Controlar conteúdo com barra de rolagem
Curso II - Unidade 08 - Page Layouts - Layout Fixo
Considerações para uso de layout fixo
Aplicar CSS grid
Curso II - Unidade 09 - Page Layouts - Layout Adaptivo
Layout Flexivel
Configurando larguras máximas e mínimas
Redimensionar imagens
Curso II - Unidade 10 - Lista Mania
Personalizar aparência de uma lista
Personalizar primeira, última e qualquer ocorrência da lista.
Criar um menu vertical
Criar um menu horizontal
Criar um menu Drop Down
Criar elementos com cores alternadas
Curso III - Curso de Javascript
Apresentação do curso
Quais ferramentas utilizar?
Exercícios para download
Curso III - Unidade 02 - Apresentação da Linguagem Javascript
O que é Javascript
Onde escrever códigos Javascript
Curso III - Unidade 03 - Princípios Básicos
Variáveis
Operadores de Matemáticos
Operadores de Comparação e ação condicional IF-ELSE
Operadores de Comparação de Tipos
Operadores de Incremento
Compreender Loops
Curso III - Unidade 04 - Funções
Criando uma função de execução
Criando uma função com retorno
Funções matemáticas
Criando uma função com parâmetros
Escopo de variáveis
Curso III - Unidade 05 - Array
O que é um Array
Métodos de inserção e exclusão de elementos em Array
Métodos de Pesquisa
Colocar em Ordem os elementos
Curso III - Unidade 06 - Números
Como trabalhar com números
Como sortear números
Criar um sorteio de Mega-sena
Curso III - Unidade 07 - Strings
Como trabalhar com charAt
Como trabalhar com substr
Como trabalhar com split
Como trabalhar com toLowerCase e toUpperCase
Curso III - Unidade 08 - Date
Como trabalhar com Data
Como trabalhar com Hora
Curso III - Unidade 09 - Object
Como trabalhar com objeto Object
Como trabalhar com objeto definir um método
Curso IV - Curso jQuery Essencial
Apresentação do curso
Ferramentas que você pode utilizar
Link para download dos exercícios limpos
Curso IV - Unidade 02 - Introdução ao jQuery
O que é jQuery
Como realizar o download do jQuery
Como API JQuery é organizada
Curso IV - Unidade 03 - Fundamentos de jQuery
Organizando sua pasta de exercícios limpos
Adicionar jQuery na página
Selecionar elementos DOM utilizando seletores
Selecionar elementos através de atributos.
Projeto da unidade
Curso IV - Unidade 04 - Além do básico
Inserir conteúdo
Criar e pegar conteúdo
Alterar atributos de um elemento
Remover, alterar e embrulhar elementos
Curso IV - Unidade 05 - Scrolling Conteúdo
Detectar as dimensões da janela de um documento
Encontrar a posição de um elemento
Como alterar o scroll de uma página a partir de um evento
Como alterar o scroll direcionando para um elemento
Como alterar o scroll para mais de um elemento
Ajustando a altura e largura dos elementos
Redimensionar elementos
Curso IV - Unidade 06 - Eventos
Evento de Clique
Mostrar e esconder elementos com clique
Mostrar e esconder elementos ao rolar o mouse por cima.
Enviar parâmetros para um função com evento.
Curso IV - Unidade 07 - Animações e Efeitos
Efeitos básicos de animação
Efeitos de FadeIn, FadeOut, FadeTo e FadeToggle
Efeitos de SlideUp, SlideDown e SlideToggle
Efeitos de animação personalizado
Projeto - Criar um Image Rotator - aula 1
Projeto - Criar um Image Rotator - aula 2
Projeto - Criar um Image Rotator - aula 3
Projeto - Criar um Image Rotator - aula 4
Link para o Projeto finalizado
Curso V - Curso de BootStrap
Apresentação do curso
Softwares necessários
Link para download dos exercícios limpos
Curso V - Unidade 02 - Instalação do BootStrap
Como "instalar o bootstrap"
Apresentação dos exercícios limpos
Como trabalhar com Brackets
Curso V - Unidade 03 - Grid
Container
Compreender o Grid c/ exercício de colunas
Determinar layouts diferentes com Grid
Corrigindo problemas de CSS
Adicionando Row
Centralizar objetos com offset
Curso V - Unidade 04 - Bootstrap CSS Classes
Adicionando classes do BootStrap
Alterando alinhamento
Alterando aparência de listas com BootStrap
Curso V - Unidade 05 - Bootstrap Botões, Vídeos, Imagens, Textos e Tabelas.
Alterando os estilos dos botões
Alterando o tamanho dos botões
Habilitando ou desabilitando botões
Aplicando estilos em imagens
Aplicando estilos em textos
Aplicando estilos em tabelas
Adaptando o tamanho do vídeo
Curso V - Unidade 06 - Bootstrap Formulários
Aplicar BootStrap para otimizar Formulários
Criar formulários Inline
Formulários horizontais
Organizando Check Box e Radio Button
Definindo tamanho dos campos de texto
Group input
Curso V - Unidade 07 - Bootstrap Navegação
Criar Dropdown Menu
Grupo de Botões
Criando um menu com nav componente
Adicionar marca e botões na barra de navegação
Adaptar menu para dispositivos móveis
Alinhando o menu à direita
Curso V - Unidade 08 - Containers
Usando Painéis
Adicionando uma tabela ao painel
Formando Listas
Curso V - Unidade 09 - Criando um carrossel de imagens com BootStrap
Criando um carrossel
Adicionando botões de próximo anterior
Adicionar botões de navegação
Ajustando JS e CSS do carrosel
Adicionando Media Query
Curso VI - EcmaScript 6
Apresentação do curso.
Link para download dos exercícios
Exercícios Limpos
Curso VI - Unidade 02 - ECMAScript 6.0
O que é ECMAScript
Como utilizar o ECMAScript em suas páginas
Curso VI - Unidade 03 - Compilando de ES5 para ES6
Introdução à Babel.js
Como testar se seu navegador está apto para rodar ES6
Curso VI - Unidade 04 - Começando a programar em ES6
Hoisting
Diferenças entre var e let
Usando let para manter valor local.
Usando const
Template String
Operador Spread
Curso VI - Unidade 05 - Funções e Objetos
Parâmetro Default de funções
Repetindo strings
Arrow function
Usando o this
Usando o método bind e o método arrow function
Extrair valores de um array com Destructuring Assignment
Extrair valores de um Object com Destructuring Assignment
Generators
Generator - exemplo 2
Curso VI - Unidade 06 - Classes
Classes
Herança
Curso VI - Unidade 07 - Para onde ir a partir desse ponto?
Para o infinito e além.
Curso VII - Curso Youtube - API V3
Apresentação do curso
Passos iniciais
Criar credencial e chave da API
Link para download dos exercícios limpos.
Descompactar arquivos limpos
Definir pasta raiz do projeto
Informações necessárias antes de iniciar o curso
Curso VII - Unidade 02 - Galeria de vídeos para desktop
Dica importante do Brackets antes de você começar.
Conectar ao YouTube via API versão 3
Resgatar as informações dos últimos vídeos do canal
Criando a galeria de thumbnails com os últimos 12 vídeos do canal
Aplicar um efeito para mostrar os detalhes do vídeo
Mostrar a data e a descrição
Mostrar o vídeo do Youtube
Curso VII - Unidade 03 - Galeria de vídeos para dispositivos móveis
Criar galeria de vídeo para dispositivel móvel
Curso VII - Unidade 04 - Estatísticas do vídeo
Estatísticas do vídeo
Curso VIII - Curso SEO na Prática
Apresentação do curso
Link para download dos exercícios limpos
Curso VIII - Unidade 02 - Aplicando fundamentos de SEO no site
Organizando o site
Seis itens de sua página que merecem sua atenção
Fazer uma boa navegação
Construindo links dentro do site
Informação sobre a localização
Curso VIII - Unidade 03 - Construindo o site map
Como criar um arquivo robots.tx
Construindo XML Sitemaps
Submeter site map para Google
Curso VIII - Unidade 04 - Links
Importância de links externos para seu site
O Link Perfeito
Curso IX - Curso PHP Fundamental
Apresentação do curso
Softwares necessários
Link para download dos exercícios limpos
Curso IX - Unidade 02 - Introdução ao PHP
O que é PHP?
Fluxo de uma página dinâmica
Documentação da linguagem
Curso IX - Unidade 03 - Instalação dos softwares
Como instalar o XAMPP
Como baixar e instalar o xampp
Ativar o servico e testar o xampp
Como usar seus arquivos fontes
Como usar o Brackets
Curso IX - Unidade 04 - Fundamentos da linguagem
Como Adicionar códigos PHP a sua página
Inserir um comentário
Curso IX - Unidade 05 - Criando variáveis
Variáveis
Strings
Funções de Strings
Números inteiros
Números float
Arrays
Associative Array
Funções de arrays
Procurando um elemento em um array
Booleano
NULL
Empty
Testar se a variável está configurada
Constante
Curso IX - Unidade 06 - Estruturas de Controle
Estrutura condicional IF
Estrutura condicional ELSE e ELSE IF
Estrutura condicional SWITCH - CASE
Operador Ternário
Operadores
Unidade 07 - Estruturas de Repetição
O que são Loops?
Estrutura de Repetição - While
Estrutura de Repetição - Do While
Estrutura de Repetição - For
Estrutura de Repetição - Foreach
Estrutura de Repetição - Foreach com Associative Array
Exercício de Fixação - Criando um sistema de sorteio de Mega Sena
Curso IX - Unidade 08 - Funções
O que são funções
Função com retorno
Função com parâmetros
Função com múltiplos parâmetros
Função com múltiplos retornos
Curso IX - Unidade 09 - Como formatar datas
Como trabalhar com data
Como mostrar data completa
Como mostrar data em português
Diferença entre datas
Curso IX - Unidade 10 - Criar links com parâmetros
Criar um link com parâmetro
Resgatar uma variável enviada por URL
Mostrar um resultado
Curso IX - Unidade 11 - Formulário
Como preencher e receber campos de formulário com PHP
Como prever o preenchimento de campos
Adicionando um operador ternário
Enviando os dados para a mesma página do formulário
Curso IX - Unidade 12 - Conclusão
Conclusão do curso
Curso X - Curso de Banco de Dados MySQL
Apresentação do curso
Curso X - Unidade 01 - Introdução ao MySQL
Comandos SQL
Download do MySQL e Ferramentas
Link para download do banco de dados
Criando uma conexão local
Restaurar o banco de dados
Curso X - Unidade 02 - Criando Consultas
Comando SELECT
SELECT retornar valores individuais
Como ordenar e limitar registros
Curso X - Unidade 03 - Criar filtros
Aplicar um filtro simples
Aplicar um filtro maior e menor
Filtro com IN
Filtro com LIKE
Curso X - Unidade 04 - Funções do MySQL
Função MAX, MIN e AVG
Função SUM e COUNT
Curso X - Unidade 05 - Agrupar dados
Agrupar valores com group by
Filtrando valores em grupos
Curso X - Unidade 06 - Relacionamento entre tabelas
Relacionamento entre duas tabelas
Relacionamento entre duas tabelas com INNER JOIN
Relacionamento entre três tabelas
Relacionamento com grupos de dados
Curso X - Unidade 07 - INSERT, UPDATE e DELETE
Inserir um registro em uma tabela
Atualizar um registro em uma tabela
Excluir uma registro de uma tabela
Curso X - Unidade 08 - Criar um banco de dados
Criar banco de dados e tabelas
Curso XI - Curso PHP com MySQL
Apresentação do curso
Curso XI - Unidade 02 - Introdução ao Curso
Link para download dos exercícios limpos
Onde colocar os arquivos fontes
Manter o XAMPP ativo no Apache e MySQL
Curso XI - Unidade 03 - Como conectar com MySQL
Conhecer as API's de conexão.
Como criar uma conexão com MySQL
Criar uma consulta a uma tabela
Fazer listagem de dados
Mostrar os dados dentro de um elemento lista
Liberar os dados consultados
Diferenças entre include x require
Otimizando o código
Curso XI - Unidade 04 - Listagem de Produtos
Apresentar o objetivo da unidade
Realizar uma listagem de produtos
Mostrar a imagem do produto
Aplicando estilo a listagem de produtos
Curso XI - Unidade 05 - Listagem-Detalhe
Criar um link para página de detalhe
Receber o parâmetro de URL
Fazer uma query com filtro
Apresentar os dados na tela
Personalizar Moeda
Curso XI - Unidade 06 - Criar um tela de pesquisa
Apresentação de uma tela de pesquisa
Criar formulário de pesquisa
Criar filtro de dados
Curso XII - PHP Integração com MySQL - Avançado
Apresentação do curso
Curso XII - Unidade 07 - Criar um sistema de Login
Como funciona um sistema de login
Criar uma variável de sessão
Criar uma tela de login
Receber as informações enviadas
Realizar o filtro no banco de dados
Criar a variável de sessão
Proteger as páginas internas
Criar uma rotina de saudação
Criar uma página de logout
Curso XII - Unidade 08 - Inserindo dados em um B.D.
Explicar a rotina de inserir no banco de dados
Criar um formulário
Preencher o campo estados dinamicamente
Conferir a informação enviada via formulário
Inserir no banco de dados
Alterar o encode para inserção no banco
Curso XII - Unidade 09 - Página de Alteração
Apresentar o projeto da unidade
Criar o formulário de alteração
Criar a consulta ao banco de dados
Preencher os campos do formulário dinamicamente
Preencher o campo select com seleção do estado atual
Pegar as informações enviadas pelo formulário
Realizar a alteração de dados
Curso XII - Unidade 10 - Criar página para exclusão de dados
Mostrar a apresentação dos objetivos da unidade.
Criar consulta ao banco de dados
Montar o formulário de confirmação
Excluir o registro no banco de dados
Curso XII - Unidade 11 - Realizar upload de arquivo
Compreender as configurações padrões
Enviar os dados por um formulário
Conhecer o $_FILES
Explicando as mensagens de erros
Mover os arquivos publicados
Otimizar código do upload
Curso XII - Unidade 12 - Inserção no banco de dados com upload de arquivo
Apresentar o projeto da unidade
Apresentação dos arquivos do projeto
Função para gerar nome único
Função para pegar extensão do arquivo
Adicionar os códigos ao arquivo de funções
Curso XII - Unidade 13 (BÔNUS ) - Contato do site com Mail
Preparando o formulário
Recebendo as variáveis
Enviando os dados usando Mail
Curso XII - Unidade 14 - Exercício finalizados para download
Link dos exercícios finalizados do curso PHP Integração com Banco de Dados
Curso XIII - Curso PHP com AJAX
Apresentação do curso
Pré-requisitos para participar deste curso
Apresentar os exercícios limpos
Curso XIII - Unidade 02 - O que é AJAX
Introdução ao AJAX
Realizando uma requisição síncrona
Identificar os estágios de carregamento
Mostrar dados de retorno
Fazer o código compatível com todas as versões de navegadores
Alterar elemento do HTML pelo ID ou Nome da Tag
Adicionar um evento
Curso XIII - Unidade 03 - Introdução ao jQuery/AJAX
Introdução ao jQuery
Realizar uma requisição simples com jQuery
Carregar uma variável de um arquivo externo com jQuery/AJAX
Uso dos métodos done, fail e always
Curso XIII - Unidade 04 - XML com jQuery/AJAX
O que é um arquivo XML
Carregar um arquivo XML
Aplicar estilos para mudar aparência da listagem
Chamar carregamento através de um evento
Curso XIII - Unidade 05 - JSON com jQuery/AJAX
O que é JSON
Carregar um arquivo JSON
Mostrar dados em uma lista
Aplicar estilo e aplicar um evento para carregar os dados
Curso XIII - Unidade 06 - Como criar arquivos JSON com PHP
Criar um arquivo JSON dinâmico com PHP
Preparar o arquivo para consulta em outros domínios
Realizar uma consulta ao arquivo JSON
Curso XIII - Unidade 07 - Usando uma função de CallBack
Preparar o arquivo para uso do CallBack
Realizar a consulta usando a função de CallBack sem jQuery
Curso XIII - Unidade 08 - Inserção no B.D. via AJAX
Identificar os dados do formulário
Adicionando a função $.ajax
Tratar os dados de retorno
Curso XIII - Unidade 09 - Alteração de dados via AJAX
Mostrar arquivos da unidade
Adicionar função para retorno dos dados
Curso XIII - Unidade 10 - Excluir dados via AJAX
Como excluir um elemento da lista
Como excluir um elemento do banco de dados
Curso XIII - Unidade 11 - Lista aninhada
Preenchendo uma lista com dados dinâmicos
Realizar consulta relacionada
Lista itens da consulta
Preencher a segunda lista
Curso XIII - Unidade Bônus - CEP e Previsão do Tempo
Como utilizar serviço de CEP
Como aplicar o serviço em um formulário completo
Como testar se o CEP é válido
Como utilizar serviço de Previsão de tempo
Curso XIV - Webpack Essential
Bem-vindos ao curso de Webpack Essential
Editor de texto
Pré-requisitos
Node.js
Exercícios
Servidor local
Exercícios de Webpack
Curso XIV - Unidade 01 - Introdução
Introdução ao webpack
Instalação
Instalando prática
Inicializando um novo projeto
Executando webpack através do node.js
Configuração do Webpack teoria
Configuração do Webpack prática
Trabalhando com o modo watch
Curso XIV - Unidade 02 - Loaders
Introdução a Loaders
Conceito de transpiling
babel-loader
Configurando Babel com .babelrc
Validação de código javascript
Instalando eslint no visual code
Configurando eslint
Curso XIV - Unidade 03 - Webpack e CSS/SASS
Estilização de código com webpack
Separando o estilo em diferentes arquivos
css-loader
sass-loader
url-loader
file-loader
postCSS teoria
postCSS-loader
Trabalhando com autoprefixer
Trabalhando com Stylelint
Curso XIV - Unidade 04 - Servidor de desenvolvimento local e Plugins
Webpack devServer
Webpack devServer prática
Configurando Webpack devServer
Introdução a plugins
HTMLWebpackPlugin
Criando template HTML
Modificando content Path
Refatorações e lendo fontes
MiniCSSExtractPlugin
Curso XIV - Unidade 05 - criando arquivos de produção
Modos de compilação de código
Testando modo de produção e iniciando slipt de configuração
Criando configuração de arquivos de produção
Finalizando configuração
Plugins de optimização
Plugin de limpeza de assets
Finalização do curso
Curso XV - HTML 5 Avançado
Apresentação do curso
Editores de texto recomendados
Link dos exercícios limpos
Como organizar os exercícios limpos
Curso XV - Unidade 2 - Canvas e SVG
Introdução a desenho em HTML5
Desenhar um círculo com SVG
Desenhar um retângulo com SVG
Desenhar uma elipse com SVG
Desenhar um polígono com SVG
Desenhar linhas com SVG
Como desenhar um gráfico de barras com SVG
Como desenhar com CANVAS
Como criar um gráfico de linha com CANVAS
Animação com Canvas
Curso XV - Unidade 3 - Geolocalização
Como geolocalização funciona
Detectar suporte a geolocalização
Recebendo as coordenadas
Melhorando as mensagens de erro
Opções extras de Geolocalização
Atualizando posição em movimento
Curso XV - Unidade 4 - Vídeo e Áudio
Introdução de vídeo na web
Adicionar vídeos
Adicionar imagem de capa e legenda ao vídeo
Adicionar vídeo do youtube
Como adicionar áudio
Criar um controle de vídeo personalizado com Javascript
Curso XVI - CSS3 Avançado
Aula de apresentação
Software Necessário
Link para download
Como configurar os arquivos limpos no Brackets
Curso XVI - Unidade 02 - Transform e Transitions
Apresentação
Transform básico (scale, translate, rotate e skew)
Transform origin
Transitions
Movendo um segundo elemento
Curso XVI - Unidade 03 - Projeto de efeito surpresa
Apresentação do projeto
Como funciona o efeito
Adicionando os códigos
Melhorando a opacidade
Apresentando Clip-path
Curso XVI - Unidade 04 - Fundamentos de Web Responsivo
Apresentação à Media Type e Media Queries
Apresentação - Como organizar seu website responsivo
Aula prática do uso de Media Types
Criar sua primeira regra de Media Queries
Adaptando o layout para desktop e tablet
Corrigindo o aside
Adaptando o layout para desktop, tablet e smartphone
Como criar um menu diferente para desktop e smartphone
Como criar um arquivo global de css com todas as regras
Curso XVI - Unidade 05 - Arredondar elementos
Aplicar borda simples
Aplicar bordas separadas
Aplicar borda para virar um círculo
Aplicar uma máscara usando border-radius
Aplicar sombra interna na máscara
Curso XVI - Unidade 06 - Sombra avançada de elementos
Aplicar sombra apenas embaixo
Aplicar sombra tipo papel (de um lado)
Aplicar sombra tipo papel dos dois lados
Aplicar sombra no centro
Curso XVI - Unidade 07 - Multi-colunas
Apresentação da propriedade de multicolunas
Como dividir o texto em 2 colunas
Como dividir o texto em 3 colunas
Adicionar imagens e títulos
Adicionar filtro por orientação
Curso XVI - Unidade 08 - Web Responsivo - Background redimensionáveis
Background Size
Background Position
Background adaptado com Media Query
Curso XVI - Unidade 09 - Web Responsivo -Elementos redimensionáveis c Object Fit
Apresentação do Object fit
Compreendendo o Object Fit na prática
Criando Background de capa com Object Fit
Projeto de Thumbnail com Object Fit - Aula 1
Projeto de Thumbnail com Object Fit - Aula 2
Projeto de Thumbnail com Object Fit - Aula 3
Projeto de Thumbnail com Object Fit - Aula 4
Curso XVI - Unidade 10 - Web Responsivo - Menu
Apresentação do exercício da unidade
Criar menu responsivo - parte 1
Criar menu responsivo - parte 2
Criar menu responsivo - parte 3
Criar menu responsivo - parte 4
Curso XVI - Unidade 11 - Projeto Site Web Responsivo - Completo
Apresentação do projeto
Adicionar um texto de capa
Curso XVI - Unidade 12 - Dicas interessantes de CSS3
Trabalhar com opacidade de elementos
Link para download dos exercícios
Curso XVII - Javascript Avançado
Apresentação do curso
Quais ferramentas utilizar?
Como baixar os arquivos limpos
Como configurar os arquivos limpos
Curso XVII - Unidade 02 - Compreender Document Object Model - DOM
O que é o DOM?
Trabalhando com nós e elementos
Conceito de como pegar elementos
Dica importante do Brackets
Link para download dos exercícios
Como acessar elementos com getElementById()
Usar um laço para mostrar todos os elementos filhos
Como acessar elementos com getElementosByTagName()
Como usar o querySelector e querySelectorAll
Como adicionar um novo elemento
Como adicionar um novo elemento de forma mais otimizada
Alterar um atributo de um elemento
Compreender que ID pode funcionar como variável global
Curso XVII - Unidade 03 - Eventos de document
Introdução à Eventos
Eventos onClick e onLoad
Eventos onFocus e onBlur
Evento onchange
Curso XVII - Unidade 04 - Eventos com AddEventListener
Evento a partir de Event Listener
Passar parâmetros com Event Listener
Curso XVII - Unidade 05 - Javascript e CSS
Como alterar o CSS com Javascript
Alterar um className com Javascript
Curso XVII - Unidade 06 - Eventos diversos
Detectar resolução do usuário Mobile ou Desktop
Detectar a posição do mouse
Mostrar janela para capturar Lead
Detectar tecla pressionada
Detectar scroll do navegador
Mostrar um conteúdo após o scroll chegar em um ponto
Curso XVII - Unidade 07 - Construindo formulários inteligentes
Formulário ação onsubmit
Como esconder e mostrar seções de um formulário
Curso XVII - Unidade 08 - Ações de Repetição por Tempo
setTimeout
Introdução à setInterval
Como alterar fotos de forma contínua
Curso XVII - Unidade 09 - Relógio Digital e Analógico
Criar relógio digital
Como criar um relógio analógico
Fazer o relógio analógico na prática
Aprimorar os ponteiros da hora e minuto
Aprimorar o ponteiro do segundo
Curso XVII - Unidade 10 - Fundamentos de AJAX
Fundamentos de AJAX
Ajax na prática, como carregar um conteúdo externo
Curso XVII - Unidade 11 - AJAX na Prática
Apresentação do Projeto
Criação da API Key
Carregamento dos dados
Aplicar o Parse JSON
Preencher os dados no HTML
Detectando longitude e latitude automaticamente
Curso XVIII - jQuery Avançado
Apresentação do curso
Como usar o jQuery
Link para download dos exercícios
Como organizar e configurar seus arquivos no Brackets
Curso XVIII - Unidade 02 - Unidade 02 - jQuery UI - Widgets
Como usar o jQuery UI
Como configurar o Accordion
Como configurar o Menu
Como configurar o Tabs
Como configurar o Tabs - Parte 2
Como configurar o Tab vertical
Como configurar o DatePicker
Como configurar o Slider
Como configurar o Slider com 2 selectores
Curso XVIII - Unidade 03 - jQuery UI - Personalização por Temas
Como personalizar a aparência do Accordion
Como personalizar a aparência do Accordion
Como personalizar a aparência do Menu
Curso XVIII - Unidade 04 - Formulários
Criar uma dica elegante para seus campos de texto
Como habilitar e desabilitar campos
Selecionar todos os checkbox
Adicionar máscaras ao campos (Telefone, CPF e CEP)
Curso XVIII - Unidade 05 - Galeria de Imagem
Compreender o projeto e seus elementos
Criar os elementos da galeria via jQuery
Como mostrar a foto grande na mesma página
Adicionar legenda as imagens
Curso XIV - jQuery Libraries
Apresentação do curso
Link para download
Como configurar os arquivos
Curso XIV - Unidade 02 - Plugins para Formulário
Criar um select com pesquisa
Select com opções agrupadas e múltiplas seleções
Animação do PlaceHolder com Super Label
Curso XIV - Unidade 03 - Efeito Zoom de imagens
Efeito lente tela de retina (igual site da Apple)
Como aplicar efeito de zoom fora do objeto
Adicionar legendas
Curso XIV - Unidade 04 - Criar gráficos com jQuery
Gráfico de Barras com animação
Gráfico de Barras composto
Gráfico com múltiplas barras
Gráfico Pie - Como criar e personalizar
Gráfico Pie - Velocidade e efeito
Gráfico Pie - Como identificar início e fim da animação
Gráfico Pie - Adicionar labels
Gráfico Pie - Condicionar animação ao posicionamento da barra de rolagem
Curso XIV - Unidade 05 - Upload de imagem com gráfico de progresso
Apresentação do Projeto do Curso
Configurações necessárias
Aplicar upload de imagem
Personalizar os elementos