Aprenda Desenvolvimento Web Front-End Completo

O que você aprenderá neste curso

Adquira habilidades do mundo real para construir sites profissionais, bonitos e verdadeiramente responsivos. Este curso o levará por um grande projeto que abrange tudo o que você precisa saber para começar com HTML, CSS e JS. Você aprenderá os comprovados 7 passos do mundo real para criar um site totalmente funcional e otimizado do zero. Além disso, você explorará efeitos super legais do jQuery, como animações, efeitos de rolagem e navegação sticky. Ao longo do curso, você receberá suporte útil no Q&A do curso e aprenderá diretrizes e dicas simples de design da web para destacar seu site da multidão.

Grade Curricular do Curso

Noções básicas de HTML

• Introdução
• Instalando as Ferramentas Necessárias
• Tags Básicas do HTML
• Tags de Lista no HTML
• Divisões e Comentários
• Imagens e Links
• Solução da Tarefa
• Tabelas no HTML
• Formulários Básicos
• Mais sobre Formulários no HTML
• Criando uma Página de Login do Facebook
• Adicionando Vídeos e Áudios

Noções básicas de CSS

• Introdução ao CSS
• Seleção de Cores
• Imagem de Fundo
• Modelo de Caixa e Centralização de Texto
• Usando Fontes do Google

Noções básicas de Bootstrap

• Introdução ao Bootstrap
• Instalando o Bootstrap
• Bootstrap - Visão Geral
• Sistema de Grade
• Conteúdo do Bootstrap
• Componentes do Bootstrap

Noções básicas de JavaScript

• Observação antes de aprender JavaScript
• O que é JavaScript e por que precisamos aprender
• Olá Mundo em JavaScript
• Variáveis em JavaScript
• Números em JavaScript
• Booleanos em JavaScript
• Indefinido em JavaScript
• Declaração If e Else em JavaScript
• Operadores Lógicos
• Palavra-chave Var e Escopo em JavaScript
• Arrays em JavaScript
• Funções em JavaScript
• Para Cada em JavaScript
• Loop For em JavaScript
• Aplicativo Todo em JavaScript
• Objetos em JavaScript
• Método e Palavra-chave This em JavaScript

JavaScript Avançado

• Noções básicas de Verificação de Nome de Usuário e Senha em JavaScript
• Geração de um Número Aleatório em JavaScript
• Construindo uma Função de Pesquisa em JavaScript
• JavaScript Avançado
• Funções de Seta em JavaScript
• Função de Seta e Palavra-chave This em JavaScript
• Tente Capturar para Evitar Congelamento do Programa em JavaScript

jQuery

• Introdução ao jQuery
• Selecionando Classe e ID com jQuery
• Atributo e Valor
• Ouvintes de Eventos no jQuery
• Evento Keypress no jQuery
• Método On Event no jQuery
• Animações com jQuery

Apresentação de Projetos

• Projeto 1 - Site de Confeitaria
• Projeto 2 - Hotel
• Projeto 3 - Página de Destino
• Projeto 4 - Site Corporativo
• Projeto 5 - Painel de Administração
• Projeto 6 - Gerador de Senhas Aleatórias
• Projeto 7 - LISTA DE TAREFAS

O que você aprenderá

Ao final deste curso, você terá adquirido conhecimento e experiência prática em:

• HTML
• HTML5
• CSS
• CSS3
• Bootstrap
• JavaScript
• jQuery
• Projeto do mundo real 06