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

Avaliações de nossos alunos

4.9

Avaliação média

  • (96%)
  • (4%)
  • (0%)
  • (0%)
  • (0%)

Comentários

  • avatar

    thiago shibata

  • avatar

    Robyson Agenor

  • avatar

    Thiago Moura

  • avatar

    Guilherme

  • avatar

    Giuliano