Sobre o Curso

13 Cursos! JavaScript, Node, HTML, CSS, Gulp, Webpack, jQuery, Bootstrap, React, VueJS, DB e muito mais - Aulas SEMANAIS

Seja muito bem vindo ao Curso Completo de Desenvolvimento Web Moderno!

Nesse curso iremos abordar o desenvolvimento Web de ponta a ponta, para que você seja capaz de construir uma aplicação com as principais tecnologias do mercado. São tecnologias bastante atuais, usadas e aprovadas por grandes empresas.

Deixa eu explicar o que seria construir uma aplicação de ponta a ponta. Você precisará dominar tecnologias de frontend - que é a parte da aplicação executada no browser do usuário, e tecnologias de backend - que é o código executado no lado do servidor. O curso vai abranger essas duas partes, além de se preocupar muito com os fundamentos que são comuns à toda aplicação.

Por isso o que temos aqui não é apenas um curso, e sim um agrupamento de 13 cursos: Javascript, Node, HTML, CSS, Gulp, Webpack, jQuery, Bootstrap, React, VueJS, ExpressJS, MySQL e MongoDB. O melhor de tudo é que durante a nossa jornada vou agrupar essas tecnologias em desafios e projetos para consolidar o conhecimento.

Assista as aulas abertas e veja os comentários dos nosso alunos sobre a nossa didática. Não tenho dúvida que você estará fazendo um excelente investimento e se juntando a nossa comunidade de mais de 25 mil alunos.

Grande abraço e bons estudos!

Sobre o Autor

Leonardo Leitão é graduado em Engenharia Elétrica pela Universidade Federal do Ceará e Mestre em Informática Aplicada pela Universidade de Fortaleza, na qual trabalhou com Integração de Redes de Sensores sem Fio e Computação em Nuvem. Há doze anos atua na área como desenvolvedor de softwares e atualmente trabalha na DATAPREV como arquiteto, desenvolvendo sistemas para o INSS. Professor de desenvolvimento de software há quase dez anos, iniciou recentemente um projeto de ensinar programação à distância.

Conteúdo Programático

Capítulo 1. Introdução

Visão Geral do Curso     13:50

Importância dos Fundamentos     08:12

Assine o Nosso Canal     02:15

Por que aprender Javascript?     07:48

Capítulo 2. Configuração do Ambiente

Instalação Node (Windows/Mac) 02:54

Configuração do Editor (VSCode) 04:54

Instalação do VSCode (Windows) 04:24

Capítulo 3. Fundamentos

Executando JavaScript     Visualizar Logado 10:31

Configuração do Projeto     Visualizar Logado 04:42

Organização Básica de um Código JS     Visualizar Logado 11:08

Comentários de Código     Visualizar Logado 08:43

O Básico de Var, Let e Const     Visualizar Logado 10:50

Tipagem Fraca     Visualizar Logado 07:01

Tipos em JavaScript: Number     Visualizar Logado 07:52

Number: Alguns Cuidados 06:09

Usando Math 02:36

Tipos em JavaScript: String 15:25

Usando Template Strings 07:09

Tipos em JavaScript: Boolean 13:49

Tipos em JavaScript: Array 10:52

Tipos em JavaScript: Object 12:44

Entendendo o Null & Undefined 18:53

Quase Tudo é Função!!! 05:50

Exemplos Básicos de Funções #01 11:10

Exemplos Básicos de Funções #02 08:14

Declaração de Variáveis Com Var #01 08:47

Declaração de Variáveis Com Var #02 03:14

Declaração de Variáveis Com Let 03:52

Usando Var em Loop #01 04:43

Usando Let em Loop #01 02:11

Usando Var em Loop #02 04:24

Usando Let em Loop #02 02:15

Entendendo o Hoisting 07:28

Função Vs Objeto 06:17

Par Nome/Valor 06:30

Notação Ponto 08:03

Operadores: Atribuição 03:50

Operadores: Destructuring #01 09:07

Operadores: Destructuring #02 06:19

Operadores: Destructuring #03 04:43

Operadores: Destructuring #04 04:59

Operadores: Aritméticos 05:50

Operadores: Relacionais 07:48

Operadores: Lógicos 17:54

Operadores: Unários 08:04

Operadores: Ternário 04:38

Contexto de Execução: Browser vs Node 19:06

Tratamento de Erro (Try/Catch/Throw) 09:10

Capítulo 4. Estruturas de Controle

Visão Geral do Capítulo 03:49

Usando a Estrutura IF #01 06:57

Usando a Estrutura IF #02 07:32

Usando a Estrutura IF/ELSE 03:55

Usando a Estrutura IF/ELSE IF… 08:20

Usando a Estrutura SWITCH 15:44

Usando a Estrutura WHILE 07:17

Usando a Estrutura DO/WHILE 04:25

Usando a Estrutura FOR 09:36

Usando a Estrutura FOR/IN 06:03

Usando Break/Continue 13:17

Capítulo 5. Função

Cidadão de Primeira Linha 16:49

Parâmetros e Retorno São Opcionais 05:51

Parâmetro Padrão 10:54

"this" pode Variar 13:30

"this" e a Função bind #01 06:53

"this" e a Função bind #02 08:02

Funções Arrow #01 07:53

Funções Arrow #02 02:38

Funções Arrow #03 08:50

Funções Anônimas 09:04

Funções Callback #01 08:05

Funções Callback #02 09:33

Funções Callback #03 07:47

Funções Construtoras 09:51

Tipos de Declaração 06:01

Contexto Léxico 05:23

Closures 05:43

Função Factory #01 04:43

Função Factory #02 03:22

Classe vs Função Factory 07:57

Desafio Função Construtora 03:36

IIFE 05:31

Call & Apply 08:39

Capítulo 6. Objeto

Introdução à OO 29:05

Revisão sobre Objeto 10:15

Estratégias de Criação de Objetos 13:24

Objetos Constantes 07:52

Notação Literal 04:40

Getters/Setters 08:26

Funções Importantes de Objeto 12:22

Herança #01 14:30

Herança #02 14:54

Herança #03 07:26

Herança #04 12:08

Herança #05 05:46

Herança #06 06:16

Evitando Modificações 07:35

JSON vs Objeto 13:51

Classe #01 08:46

Classe #02 07:13

Capítulo 7. Array

Array: Visão Geral 19:03

Array: Métodos Importantes 08:40

Simulando Array com Objeto 04:34

Foreach #01 10:01

Foreach #02 05:02

Map #01 09:57

Map #02 05:17

Map #03 03:49

Filter #01 10:24

Filter #02 04:25

Reduce #01 09:20

Reduce #02 05:57

Reduce #03 04:52

Imperativo Vs Declarativo 12:57

Concat 04:40

FlatMap 08:03

Capítulo 8. Node

Node: Visão Geral 15:57

Sistema de Módulos 20:33

Usando Módulos de Terceiros 11:21

Sistema de Módulos: Require 13:31

Sistema de Módulos: Exports 05:03

Arquivo package.json 14:23

Resolvendo Desafio 04:20

Instância Única vs Nova Instância 06:06

Objeto Global do Node 04:50

Entendendo o 'this' 03:34

Passando Parâmetros entre Módulos 02:50

Instalando Deps & Scripts 10:32

Lendo Arquivos 12:01

Escrevendo Arquivos 04:32

Frameworks Web 09:16

Padrão Middleware #01 07:42

Padrão Middleware #02 09:36

Instalando o Postman 03:14

Projeto: API com Express #01 17:36

Projeto: API com Express #02 12:46

Projeto: API com Express #03 12:47

Tarefas Agendadas com Temporizador 08:57

Process: Entrada e Saída Padrão 06:58

Capítulo 9. ESNext

Revisão #01 09:53

Revisão #02 06:48

Revisão #03 05:04

Operador Rest/Spread 04:18

Tagged Template #01 04:11

Tagged Template #02 05:23

Map 05:38

Set 03:24

For Of 06:21

Promises 10:53

Usando Callbacks Aninhadas 09:49

Refatorando Callbacks p/ Promises 08:20

Async/Await 07:35

Cenas dos Próximos Capítulos… 01:52

Capítulo 10. Conceitos sobre Web

Introdução à Web 25:45

Protocolo HTTP 20:20

Servidor Web 14:50

Client Side vs Server Side 14:50

Conteúdo Estático vs Dinâmico 10:10

HTML, CSS e JS 11:34

DNS 15:00

HTTP Seguro (HTTPS) 14:23

Web Service 27:01

Computação em Núvem 19:40

Capítulo 11. HTML

Anatomia da TAG 17:41

Anatomia de uma Página HTML 16:35

Um Pouco de CSS 23:38

Estruturando os Exercícios 18:48

Texto Puro vs Browser 03:07

Tag para Textos #01 12:33

Tag para Textos #02 13:50

Listas 04:55

Listas Aninhadas 09:43

Listas Aninhadas (Desafio) 08:53

Links #01 13:24

Links #02 08:20

Tabela 16:16

Formulário #01 11:39

Formulário #02 12:16

Formulário #03 10:55

Imagens 23:53

Desafio Slider #01 06:27

Desafio Slider #02 11:04

Vídeo 16:42

Desafio Controlar Vídeo 10:22

Tags Não Visuais 12:21

Capítulo 12. CSS

Baixando o Arquivo Zip 03:59

CSS: Introdução 12:55

Anatomia CSS 17:27

CSS Interno, Externo e Inline 07:01

Criando a Classe .tag 16:35

Seletores CSS #01 06:34

Seletores CSS #02 15:00

Especificidade CSS #01 10:14

Especificidade CSS #02 10:18

Herança 09:08

Box Model #01 08:23

Box Model #02 08:37

Margin Collapse 06:38

Propriedade Display 11:12

Inline-block: Comportamento Estranho 06:51

Altura & Largura 11:39

Box Sizing 09:12

Propriedade Overflow 04:38

Propriedade Float 08:01

Cores 14:16

Unidades #01 10:09

Unidades #02 11:13

Unidades #03 09:52

Texto 15:09

Propriedade Position 14:56

Media Query 09:44

Desafio Menu #01 08:21

Desafio Menu #02 21:14

Desafio Card #01 02:41

Desafio Card #02 08:27

Flex Box vs CSS Grid 04:36

Flex Box Nomenclatura 04:43

Flex Box #01 16:10

Flex Box #02 12:42

Flex Box #03 06:42

Desafio Menu (Flex Box) 06:27

CSS Grid #01 23:44

CSS Grid #02 09:50

CSS Grid #03 10:20

Capítulo 13. Integrando HTML, CSS e JS

Baixando o Zip 03:21

O que é DOM? 03:29

Selecionando Elementos #01 08:11

Selecionando Elementos #02 12:00

Selecionando Elementos #03 08:58

Selecionando Elementos #04 10:45

Acessando Atributos #01 10:52

Acessando Atributos #02 11:37

Acessando Atributos #03 04:52

Acessando Classes 05:45

Modificando HTML #01 10:53

Modificando HTML #02 04:31

Trabalhando c/ Eventos #01 15:09

Trabalhando c/ Eventos #02 07:38

Trabalhando c/ Eventos #03 09:54

Trabalhando c/ Eventos #04 08:49

Desafio Flappy Bird 05:26

Flappy Bird #01 10:40

Flappy Bird #02 18:15

Flappy Bird #03 14:03

Flappy Bird #04 08:19

Flappy Bird #05 07:12

Flappy Bird #06 09:43

Capítulo 14. Ajax

Baixando o Zip 02:36

O que é Ajax? 08:44

Implementando server.js 08:30

XMLHttpRequest #01 15:33

XMLHttpRequest #02 14:41

XMLHttpRequest #03 12:36

Fetch API #01 04:50

Fetch API #02 12:37

Axios #01 04:45

Axios #02 08:08

Ajax com jQuery 05:40

Carregando HTML via Ajax 12:46

Capítulo 15. Gulp

Baixando o Zip 01:15

O que é Gulp? 07:27

Instalando Gulp 02:16

Fundamentos de Gulp 17:57

Processando JavaScript com Gulp 17:10

O que é TypeScript? 03:41

Processando TypeScript com Gulp 08:43

O que é SASS? 06:21

Processando SASS com Gulp 08:36

Projeto SPA: Visão Geral do Código 09:51

Projeto SPA: Estrutura do Build 16:30

Projeto SPA: Build das Dependências 06:05

Projeto SPA: Build da Aplicação 08:54

Projeto SPA: Adicionando WebServer 05:31

Capítulo 16. Webpack

Visão Geral do Webpack 06:03

Estrutura Básica do Projeto 09:45

Sistema de Módulos 05:32

Configurando a Pasta de Saída 02:28

Carregando Arquivo .CSS 08:58

Externalizando Arquivo .CSS 04:41

Carregando Arquivo .SCSS (SASS) 08:09

Desenvolvimento & Produção 06:44

Carregando Arquivos de Imagens 04:54

Adicionando WebServer 03:48

Capítulo 17. jQuery

Baixando o Zip 01:26

O que é jQuery? 10:40

Entendendo jQuery 16:56

Selecionando Elementos #01 11:01

Selecionando Elementos #02 12:16

Modificando HTML #01 08:48

Modificando HTML #02 15:05

Modificando HTML #03 (Desafio) 01:32

Modificando HTML #03 (Resposta) 06:39

Manipulando Atributos 19:03

Manipulando CSS 07:07

Eventos #01 17:27

Eventos #02 09:58

Eventos #03 11:41

Animação #01 00:00

Animação #02 09:21

Plugin #01 09:58

Plugin #02 20:56

Capítulo 18. Bootstrap

Baixando o Zip 04:23

Opções de Instalação 05:23

Adicionando Navegação 09:10

Tipografia 07:24

Espaços (Margin & Padding) 08:14

Título & Breadcrumb 07:48

Cores 03:43

Flexbox 05:42

Imagens 05:16

Float 03:51

Sistema de Grid #01 12:41

Sistema de Grid #02 04:44

Sistema de Grid #03 02:38

Sistema de Grid #04 02:26

Sistema de Grid #05 03:29

Sistema de Grid #06 02:52

Botões 07:33

Barra de Progresso 03:59

Alertas 04:41

Paginação 03:50

Tooltip 08:46

Slider 06:05

Accordion 04:44

Formulário 14:09

Capítulo 19. Projeto Galeria

Visão Geral do Projeto 08:31

Referenciando os Estilos (SCSS) 08:52

Implementando o Header 09:20

Carregando HTML via Ajax (Includes) 08:31

Implementando a Galeria de Fotos 08:32

Filtrar Fotos por Cidade (jQuery Plugin) 14:21

Executando o Plugin 07:13

Implementando o Footer 02:51

Capítulo 20. React

Criando Projeto 16:33

Primeiro Componente 05:41

Componente Com Parâmetro 12:49

Múltiplos Componentes 07:46

Componente de Classe #01 19:45

Componente de Classe #02 06:50

Componentes: Pai & Filho #01 06:42

Componentes: Pai & Filho #02 10:39

Capítulo 21. Projeto Calculadora

Criando Projeto 04:13

Componente Calculator 09:32

Componente Button #01 08:21

Componente Display 06:55

Componente Button #02 16:29

Implementando a Lógica #01 13:41

Implementando a Lógica #02 13:32

Capítulo 22. Projeto Cadastro Usuário

Implementando Backend (JSON Server) 07:25

Criando Projeto Frontend 04:46

Criando Componentes (Template) 11:19

Aplicando Estilo (CSS Grid) 07:00

Componente Logo 03:30

Componente Cabeçalho 07:28

Componente Rodapé 02:02

Componente Navegação 06:05

Componente Conteúdo 05:18

Componente Cadastro Usuário #01 04:34

Implementando Rotas (React Router) 10:04

Componente Cadastro Usuário #02 11:05

Componente Cadastro Usuário #03 09:10

Componente Cadastro Usuário #04 11:28

Adicionando Responsividade 06:19

Capítulo 23. VueJS

Baixando o Zip 05:55

Conceitos Básicos 14:10

Binding 12:49

Eventos 10:20

Diretivas: v-if, v-for e v-show 08:45

Aplicando Estilo CSS 04:21

Template na Vue Instance 03:50

Componente #01 08:03

Componente #02 (Desafio) 03:46

Diretiva Personalizada 04:58

Capítulo 24. Projetos VueJS

Projeto QRCode 08:42

Projeto Sumário de Vendas #01 14:03

Projeto Sumário de Vendas #02 15:21

Capítulo 25. Projeto Calculadora (Vue)

Criando Projeto 13:10

Criando Componentes 05:04

Componente Button #01 06:19

Componente Display 02:57

Componente Button #02 07:05

Implementando a Lógica 14:21

Capítulo 26. Projeto Monty Hall (Vue)

Entendendo o Problema de Monty Hall 12:40

Problema de Monty Hall #01 12:20

Problema de Monty Hall #02 06:24

Problema de Monty Hall #03 19:36

Problema de Monty Hall #04 13:12

Capítulo 27. Banco Relacional

Instalação MySQL Server & Workbench - Windows 05:36

Instalação MySQL Server & Workbench - MacOS X 07:35

Modelo E/R 12:10

Chave Primária 08:36

Relacionamentos 21:09

SQL: Visão Geral 07:12

Criar Schema & Plugin VSCode 05:09

Visão Geral do Modelo 02:57

Criar Tabela Estados 07:50

Inserir Estados 09:24

Consultar Estados 08:05

Atualizar Estados 07:51

Inserir Estados com ID 03:50

Excluir Estados 04:16

Consultar Estados com Agregação 04:17

Criar Tabela Cidades 07:16

Inserir Cidades 05:15

Consultar Múltiplas Tabelas (JOIN) 08:00

Tipos de JOINs 06:54

Criar Tabela Prefeitos 05:09

Inserir Prefeitos 04:42

Explorando os Tipos de JOINs 07:29

Criar Tabela Empresas 08:31

Inserir Empresas 05:24

Consultar Empresas e Cidades 03:39

Capítulo 28. Banco Não Relacional

Instalação MongoDB (Mac) 06:27

NoSQL: Visão Geral 13:02

Relacional e Não Relacional (Exemplo) 06:20

Comandos Básicos 06:37

Inserir Dados 07:54

Desafio Inserir (São Paulo) 03:11

Desafio Inserir (São Paulo) - Resposta 04:38

Consultas #01 08:19

Consultas Agregadas (Teoria) 09:18

Consultas #02 11:29

Consultas #03 06:52

Update 05:20

Remove 07:04

Inserir Empresas 04:52

Consulta com Lookup #01 05:22

Consulta com Lookup #02 08:46

Capítulo 29. Express

Introdução do Capítulo 01:50

Criando o Projeto 05:19

Configuração & Launcher #01 13:13

Configuração & Launcher #02 08:19

Tratando a Primeira Requisição 09:15

Tipos de Resposta 06:56

Middleware #01 07:21

Middleware #02 07:18

Lendo Dados da Requisição 12:47

Entendendo o Body Parser 07:48

Comunicaçã Comunicação Entre Módulos #01 o Entre Módulos #01 05:40

Comunicação Entre Módulos #02 05:30

Capítulo 30. Projeto Base de Conhecimento • Backend

Configurar Projeto 10:30

Executar Versão Final do Projeto 11:16

Middlewares 08:39

Salvar Usuário (Estrutura) 08:23

Banco de Dados Usando Knex #01 08:09

Banco de Dados Usando Knex #02 17:30

Funções de Validação 06:42

API de Usuário 19:57

Desafio Obter Usuário Por ID 01:37

Desafio Obter Usuário Por ID (Resposta) 01:26

API de Categoria #01 24:31

API de Categoria #02 13:06

API de Artigo #01 23:10

API de Artigo #02 25:20

API de Autenticação 21:07

Protegendo a API com Passport 12:28

Validando Usuário Administrador 08:19

API de Estatísticas (MongoDB) 19:02

Integrando Bancos com Scheduler 09:51

Soft Delete de Usuário 11:48

Informações de Conexão no .env 03:18

Validar Cadastro de Administradores 08:43

Capítulo 31. Projeto Base de Conhecimento • Frontend

Estrutura Inicial do Template 16:01

Componente Cabeçalho 13:00

Visibilidade do Menu (Toggle) 15:50

Componente Menu do Usuário 19:15

Componente Título da Página 04:02

Router 11:47

Componente Home 18:44

Páginas Administrativas 06:30

Cadastro de Usuário #01 09:10

Configurando o Vue Toasted 09:22

Cadastro de Usuário #02 18:33

Cadastro de Usuário #03 10:23

Cadastro de Categoria #01 18:05

Cadastro de Categoria #02 02:42

Cadastro de Artigo #01 21:52

Cadastro de Artigo #02 04:45

Artigos Por Categoria #01 10:23

Artigos Por Categoria #02 07:58

Exibir Artigo 10:01

Artigos Por Categoria #03 10:50

Menu da Aplicação #01 14:13

Menu da Aplicação #02 05:59

Autenticação: Alterando Store 05:57

Autenticação: Tela de Login/Cadastro 19:47

Autenticação: Logout 02:43

Autenticação: Validar Token #01 06:44

Autenticação: Validar Token #02 03:39

Autenticação: Validando Admin 08:52

Autenticação: Token Expirado 05:48

Artigo com Highlight de Código 06:33

Responsividade do Menu 06:03

Capítulo 32. Conclusão

Muito Obrigado! 01:17

Avaliações de nossos alunos

4.9

Avaliação média

  • (97%)
  • (3%)
  • (0%)
  • (0%)
  • (0%)

Comentários

  • avatar

    Gabriel Vitor Valle

  • avatar

    Caio Ramos

  • avatar

    Alexon da Silva Moreira

    Sem dúvida o melhor curso da web! a didática do Leonardo é o segredo dos seus cursos!

  • avatar

    Darci Junior

  • avatar

    efrem ximenes

    Me-faz entender muito bem