O que você aprenderá?

Confira algumas coisas que você aprenderá durante o curso.

  • Tudo que você precisa saber para construir aplicações modernas para Web

  • As principais tecnologias da web nas últimas versões

  • Dominar Javascript de verdade, não apenas aprendendo a sintaxe, mas como pensar em Javascript

  • Ser um desenvolvedor Fullstack dominando o frontend e o backend

  • OS últimos recursos de HTML, CSS, Javascript e vários frameworks

  • Entender os paradigmas de programação usados na Web Moderna: Funcional, Orientação a Objeto etc Boas práticas de programação e padrões de projeto

  • Conteúdo suficiente para você conseguir um emprego como desenvolvedor Web Fullstack

  • Todo o conteúdo para se tornar um profissional capacitado para o mercado de trabalho

Benefícios Inclusos no Curso

  • Áudio e Vídeo em Alta Definição

    587 aulas e 96 horas de conteúdo. Didática comprovada. Investimento garantido.

  • Certificado de Conclusão

    Ao final você receberá certificado com a carga horária apropriada para conclusão

  • Suporte Dedicado

    Conte com um time de especialistas e tire todas as suas dúvidas relativas ao curso

  • Sem prazo de expiração

    Assista o curso no seu tempo, sem pressa, sem nenhum prazo para expirar.

  • Recursos para download

    Baixe arquivos e artigos para melhor desenvolvimento do curso

  • Acesso Mobile

    Acesse por qualquer dispositivo: Computador, celular e Ipad

Reviews

5 classificação por estrelas

O melhor curso. Sabe por que?

Paulo Eduardo Duarte

Por aqui você irá aprender a entender as ferramentas, os conceitos das aplicações. como funciona todo o processo e onde irá usá-los na prática do mundo real....

Ler mais

Por aqui você irá aprender a entender as ferramentas, os conceitos das aplicações. como funciona todo o processo e onde irá usá-los na prática do mundo real. Não é apenas digitar os códigos para ficar igual ao que você vê nas aulas, mas sim montar qualquer aplicação SUA. Leo, seria importante que você implantasse um módulo falando sobre empreender na área, sobre vendas... A maioria dos programadores fazem freelancer. Para o curso ficar mais completo do que já é, na minha visão falta apenas isso! Obrigado por tudo!

Ler menos
5 classificação por estrelas

Curso completo.

Joao Carlos Moreno Monteiro

O instrutor tem ótima didática e domina o assunto. Vale a pena!

O instrutor tem ótima didática e domina o assunto. Vale a pena!

Ler menos
5 classificação por estrelas

Excelente

Miguel Fontes

Curso super completo, posso dizer mesmo o mais completo que já vi! Excelente!

Curso super completo, posso dizer mesmo o mais completo que já vi! Excelente!

Ler menos
5 classificação por estrelas

Muito bom

Pedro Jerônimo de Albuquerque Neto

Excelente a didática do Leo, parabens

Excelente a didática do Leo, parabens

Ler menos
5 classificação por estrelas

Ótimo curso

Luana Rupolo

Perfeito bem explicativo, recomendo

Perfeito bem explicativo, recomendo

Ler menos

Conteúdo do Curso

  • 1

    Introdução

  • 2

    Configuração do Ambiente

    • Aviso importante aos usuários de Windows

    • Instalação Node (Windows/Mac)

    • Instalar Node e Visual Studio Code em Linux

    • Configuração do Editor (VSCode)

    • Como abrir os terminais nos sistemas operacionais

    • Configuração do Comando 'code'

    • Instalação do VSCode (Windows)

    • Lembrem-se sempre de salvar o código!
  • 3

    Iniciando com Programação

    • Introdução do Módulo

    • Conhecendo o Visual Studio Code

    • Sentença de Código #01

    • Sentença de Código #02

    • Comentários de Código

    • Bloco de Código

    • Desafio Sentença e Bloco

    • Desafio Sentença e Bloco - Resposta

    • Trabalhando com Dados #01

    • Trabalhando com Dados #02

    • Trabalhando com Dados #03

    • Trabalhando com Dados #04

    • Desafio Área da Circunferência

    • Desafio Área da Circunferência - Resposta

    • Desafio Troca de Valores

    • Desafio Troca de Valores - Resposta
  • 4

    Javascript: Fundamentos

    • Visão Geral de Algoritmo

    • Visão Geral de Estruturas de Dados

    • Configuração do Projeto

    • Organização Básica de um Código JS

    • Executando JavaScript

    • Comentários de Código

    • O Básico de Var, Let e Const

    • Tipagem Fraca

      TESTE GRÁTIS

    • Tipos em JavaScript: Number

    • Number: Alguns Cuidados

    • Usando Math

    • Tipos em JavaScript: String

    • Usando Template Strings

    • Tipos em JavaScript: Boolean

    • Tipos em JavaScript: Array

    • Tipos em JavaScript: Object

    • Entendendo o Null & Undefined

    • Quase Tudo é Função!!!

      TESTE GRÁTIS

    • Exemplos Básicos de Funções #01

    • Exemplos Básicos de Funções #02

    • Declaração de Variáveis Com Var #01

    • Declaração de Variáveis Com Var #02

    • Declaração de Variáveis Com Let

    • Usando Var em Loop #01

    • Usando Let em Loop #01

    • Usando Var em Loop #02

    • Usando Let em Loop #02

    • Entendendo o Hoisting

    • Função Vs Objeto

    • Par Nome/Valor

    • Notação Ponto

    • Operadores: Atribuição

    • Operadores: Destructuring #01

    • Operadores: Destructuring #02

    • Operadores: Destructuring #03

    • Operadores: Destructuring #04

    • Operadores: Aritméticos

    • Operadores: Relacionais

    • Operadores: Lógicos

    • Operadores: Unários

    • Operadores: Ternário

    • Contexto de Execução: Browser vs Node

      TESTE GRÁTIS

    • Tratamento de Erro (Try/Catch/Throw)

    • Recursos
  • 5

    Javascript: Estruturas de Controle

    • Visão Geral do Capítulo

    • Usando a Estrutura IF #01

    • Usando a Estrutura IF #02

    • Usando a Estrutura IF/ELSE

    • Usando a Estrutura IF/ELSE IF...

    • Usando a Estrutura SWITCH

    • Usando a Estrutura WHILE

    • Usando a Estrutura DO/WHILE

    • Diferenças na estrutura While e Do/While

    • Usando a Estrutura FOR

    • Usando a Estrutura FOR/IN

    • Usando Break/Continue
  • 6

    Javascript: Função

    • Cidadão de Primeira Linha

    • Parâmetros e Retorno São Opcionais

    • Parâmetros Variáveis

    • Parâmetro Padrão

    • "this" pode Variar

    • "this" e a Função bind #01

    • "this" e a Função bind #02

    • Funções Arrow #01

    • Funções Arrow #02

    • Funções Arrow #03

    • Funções Anônimas

    • Funções Callback #01

    • Funções Callback #02

    • Funções Callback #03

    • Funções Construtoras

    • Tipos de Declaração

    • Contexto Léxico

    • Closures

    • Função Factory #01

    • Função Factory #02

    • Classe vs Função Factory

    • Desafio Função Construtora

    • IIFE

    • Call & Apply

    • Comparação entre string de números

    • Lista de exercícios: Fundamentos, Estruturas de controle e Funções
  • 7

    Javascript: Objeto

    • Introdução à OO

    • Revisão sobre Objeto

    • Estratégias de Criação de Objetos

    • Objetos Constantes

    • Notação Literal

    • Getters/Setters

    • Funções Importantes de Objeto

    • Herança #01

    • Herança #02

    • Herança #03

    • Herança #04

    • Herança #05

    • Herança #06

    • Evitando Modificações

    • JSON vs Objeto

    • Classe #01

    • Classe #02
  • 8

    Javascript: Array

    • Array: Visão Geral

    • Array: Métodos Importantes

    • Simulando Array com Objeto

    • Foreach #01

    • Foreach #02

    • Map #01

    • Map #02

    • Map #03

    • Filter #01

    • Filter #02

    • Reduce #01

    • Reduce #02

    • Reduce #03

    • Imperativo Vs Declarativo

    • Concat

    • FlatMap
  • 9

    Lista de Exercícios

    • Lista de Exercícios - Sem Resolução

    • Lista de Exercícios - Com Resolução
  • 10

    Node

    • Node: Visão Geral

    • Sistema de Módulos

    • Usando Módulos de Terceiros

    • Sistema de Módulos: Require

    • Sistema de Módulos: Exports

    • Arquivo package.json

    • Resolvendo Desafio

    • Instância Única vs Nova Instância

    • Objeto Global do Node

    • Entendendo o 'this'

    • This em Arrow Function

    • Passando Parâmetros entre Módulos

    • Instalando Deps & Scripts

    • Lendo Arquivos

    • Escrevendo Arquivos

    • Frameworks Web

    • Padrão Middleware #01

    • Padrão Middleware #02

    • Instalando o Postman

    • Projeto: API com Express #01

    • Projeto: API com Express #02

    • Erro do bodyParser deprecated

    • Projeto: API com Express #03

    • Configurando a função scheduleJob

    • Tarefas Agendadas com Temporizador

    • Process: Entrada e Saída Padrão
  • 11

    ESNext

    • Revisão #01

    • Revisão #02

    • Revisão #03

    • Operador Rest/Spread

    • Tagged Template #01

    • Tagged Template #02

    • Map

    • Set

    • For Of

    • Promises

    • Usando Callbacks Aninhadas

    • Refatorando Callbacks p/ Promises

    • Async/Await

    • Novas Aulas Promises & Async/Await

    • Promise #01

    • Promise #02

    • Promise #03

    • Desafio Promise

    • Desafio Promise - Resposta

    • Promise #04

    • Promise #05

    • Async/Await #1

    • Async/Await #2

    • Cenas dos Próximos Capítulos…
  • 12

    Conceitos sobre Web

    • Introdução à Web

    • Protocolo HTTP

    • Slides do Capítulo

    • Servidor Web

    • Client Side vs Server Side

    • Conteúdo Estático vs Dinâmico

    • HTML, CSS e JS

    • DNS

    • HTTP Seguro (HTTPS)

    • Web Service

    • Computação em Nuvem
  • 13

    HTML

    • Anatomia da TAG

    • Anatomia de uma Página HTML

    • Um Pouco de CSS

    • Live Server

    • Estruturando os Exercícios

    • Texto Puro vs Browser

    • Tag para Textos #01

    • Tag para Textos #02

    • Listas

    • Listas Aninhadas

    • Listas Aninhadas (Desafio)

    • Links #01

    • Links #02

    • Tabela

    • Cuidado com a url no navegador

    • Formulário #01

    • Formulário #02

    • Formulário #03

    • Imagens

    • Desafio Slider #01

    • Desafio Slider #02

    • Vídeo

    • Desafio Controlar Vídeo

    • Tags Não Visuais
  • 14

    CSS

    • Aviso sobre o próximo link

    • Baixando o Arquivo Zip

    • Anatomia CSS

    • CSS: Introdução

    • CSS Interno, Externo e Inline

    • Criando a Classe .tag

    • Seletores CSS #01

    • Seletores CSS #02

    • Especificidade CSS #01

    • Especificidade CSS #02

    • Herança

    • Box Model #01

    • Box Model #02

    • Margin Collapse

    • Propriedade Display

    • Inline-block: Comportamento Estranho

    • Altura & Largura

    • Box Sizing

    • Propriedade Overflow

    • Propriedade Float

    • Cores

    • Unidades #01

    • Unidades #02

    • Unidades #03

    • Texto

    • Propriedade Position

    • Media Query

    • Desafio Menu #01

    • Desafio Menu #02

    • Desafio Card #01

    • Desafio Card #02

    • Flex Box vs CSS Grid

    • Flex Box Nomenclatura

    • Flex Box #01

    • Flex Box #02

    • Flex Box #03

    • Desafio Menu (Flex Box)

    • Resumão Flex Box

    • CSS Grid #01

    • Propriedades CSS Grid obsoletas

    • CSS Grid #02

    • CSS Grid #03

    • Recursos
  • 15

    Integrando HTML, CSS e JS

    • Baixando o Zip

    • O que é DOM?

    • Selecionando Elementos #01

    • Selecionando Elementos #02

    • Selecionando Elementos #03

    • Selecionando Elementos #04

    • Acessando Atributos #01

    • Acessando Atributos #02

    • Acessando Atributos #03

    • Acessando Classes

    • Modificando HTML #01

    • Modificando HTML #02

    • Trabalhando c/ Eventos #01

    • Trabalhando c/ Eventos #02

    • Trabalhando c/ Eventos #03

    • Trabalhando c/ Eventos #04

    • Desafio Flappy Bird

    • Flappy Bird #01

    • Flappy Bird #02

    • Flappy Bird #03

    • Flappy Bird #04

    • Flappy Bird #05

    • Flappy Bird #06
  • 16

    Ajax

    • Baixando o Zip

    • O que é Ajax?

    • Implementando server.js

    • XMLHttpRequest #01

    • XMLHttpRequest #02

    • XMLHttpRequest #03

    • Fetch API #01

    • Fetch API #02

    • Axios #01

    • Axios #02

    • Ajax com jQuery

    • Carregando HTML via Ajax
  • 17

    Gulp

    • Introdução do Módulo

    • Documentação do Gulp

    • Entendendo o Gulp

    • Baixando o Arquivo Inicial

    • Atualização do Gulp-Sass

    • Instalando o Gulp e as Dependências

    • Fundamentos de Gulp #01

    • Fundamentos de Gulp #02

    • O Que é Babel?

    • Processando JavaScript com Gulp

    • O Que é TypeScript?

    • Processando TypeScript com Gulp

    • O Que é SASS?

    • Correção para problemas com npm install

    • Processando SASS com Gulp #01

    • Processando SASS com Gulp #02

    • Projeto SPA: Estrutura do Projeto

    • Projeto SPA: Criando a Estrutura do Build

    • Projeto SPA: Tasks Dependências

    • Projeto SPA: Tasks Aplicação

    • Projeto SPA: Tasks Servidor

    • Conclusão do Módulo

    • Código Final do Capítulo
  • 18

    Webpack

    • Visão Geral do Webpack

    • Estrutura Básica do Projeto

    • Sistema de Módulos

    • Configurando a Pasta de Saída

    • Carregando Arquivo .CSS

    • Externalizando Arquivo .CSS

    • Corrigir problemas do módulo node-sass.

    • Carregando Arquivo .SCSS (SASS)

    • Desenvolvimento & Produção

    • Atualização

    • Carregando Arquivos de Imagens

    • Adicionando WebServer
  • 19

    jQuery

    • Baixando o Zip

    • O que é jQuery?

    • Entendendo jQuery

    • Selecionando Elementos #01

    • Selecionando Elementos #02

    • Modificando HTML #01

    • Modificando HTML #02

    • Modificando HTML #03 (Desafio)

    • Modificando HTML #03 (Resposta)

    • Manipulando Atributos

    • Manipulando CSS

    • Eventos #01

    • Eventos #02

    • Eventos #03

    • Animação #01

    • Animação #02

    • Plugin #01

    • Plugin #02

    • Links úteis
  • 20

    Bootstrap

    • Baixando o Zip

    • Links Úteis

    • Opções de Instalação

    • Projeto Galeria

    • Adicionando Navegação

    • Tipografia

    • Espaços (Margin & Padding)

    • Título & Breadcrumb

    • Cores

    • Flexbox

    • Imagens

    • Float

    • Sistema de Grid #01

    • Sistema de Grid #02

    • Sistema de Grid #03

    • Sistema de Grid #04

    • Sistema de Grid #05

    • Sistema de Grid #06

    • Botões

    • Barra de Progresso

    • Alertas

    • Paginação

    • Tooltip

    • Slider

    • Accordion

    • Formulário

  • 21

    Projeto Galeria (Bootstrap/jQuery/Webpack)

    • Visão Geral do Projeto

    • Referenciando os Estilos (SCSS)

    • Implementando o Header

    • Carregando HTML via Ajax (Includes)

    • Implementando a Galeria de Fotos

    • Filtrar Fotos por Cidade (jQuery Plugin)

    • Executando o Plugin

    • Implementando o Footer

    • React Web Worker
  • 22

    React

    • Atualização na criação do projeto React

    • Criando Projeto

    • Primeiro Componente

    • Componente Com Parâmetro

    • Múltiplos Componentes

    • Componente de Classe #01

    • Componente de Classe #02

    • Componentes: Pai & Filho #01

    • Componentes: Pai & Filho #02
  • 23

    Projeto Calculadora

    • Criando Projeto

    • Componente Calculator

    • Componente Button #01

    • Componente Display

    • Componente Button #02

    • Implementando a Lógica #01

    • Implementando a Lógica #02

    • Solução do Bug NaN do projeto Calculadora (React)
  • 24

    Projeto Cadastro de Usuário

    • Implementando Backend (JSON Server)

    • Criando Projeto Frontend

    • Criando Componentes (Template)

    • Aplicando Estilo (CSS Grid)

    • Componente Logo

    • Componente Cabeçalho

    • Componente Rodapé

    • Componente Navegação

    • Componente Conteúdo

    • Componente Cadastro Usuário #01

    • Atualização do React-Router-Dom

    • Implementando Rotas (React Router)

    • Componente Cadastro Usuário #02

    • Componente Cadastro Usuário #03

    • Componente Cadastro Usuário #04

    • Adicionando Responsividade

  • 25

    Projeto Cadastro - Integração com Banco de dados (Firestore)

    • Configuração do Projeto

    • O que é Next.js?

    • Estrutura de Pastas

    • Primeiro Componente & Rotas

    • Entendendo o JSX

    • Integração JavaScript/JSX

    • CSS Global

    • CSS Modularizado

    • Usando Componente

    • Propriedades de Componentes

    • Navegação entre Componentes

    • Componente Layout

    • Componente Navegador

    • Navegação Simples

    • Navegação Dinâmica

    • Componente com Estado

    • Usando API #01

    • Usando API #02

    • Integração com API

    • Recomendação de Vídeo

    • Modelos de Pré-Renderização

    • Pré-Renderização na Prática

    • Introdução do Módulo

    • Resultado Final

    • Configuração: NextJS, TailwindCSS e Firebase

    • Componentes Layout e Título

    • Classe Cliente

    • Componente Tabela #01

    • Componente Tabela #02

    • Componente Tabela #03

    • Componente Botão

    • Componente Formulário

    • Alternando entre Tabela e Formulário

    • Integrando Tabela e Formulário

    • Atualização no Firebase

    • Configurando Firebase no Projeto

    • Repositório de Clientes

    • Integrando Cadastro com Firebase

    • Organizando Código com Hooks

    • Excluindo Projeto Firebase
  • 26

    VueJS

    • Baixando o Zip

    • Conceitos Básicos

    • Binding

    • Eventos

    • Diretivas: v-if, v-for e v-show

    • Aplicando Estilo CSS

    • Template na Vue Instance

    • Componente #01

    • Componente #02 (Desafio)

    • Diretiva Personalizada
  • 27

    Projetos VueJS

    • Projeto QRCode

    • Projeto Sumário de Vendas #01

    • Projeto Sumário de Vendas #02
  • 28

    Projeto Calculadora (Vue)

    • Versão do Vue

    • Criando Projeto

    • Criando Componentes

    • Componente Button #01

    • Componente Display

    • Componente Button #02

    • Implementando a Lógica

    • Solução do Bug NaN do projeto Calculadora
  • 29

    Projeto Monty Hall (Vue)

    • Entendendo o Problema de Monty Hall

    • Problema de Monty Hall #01

    • Aviso do erro multi-word-component do vue.js

    • Problema de Monty Hall #02

    • Problema de Monty Hall #03

    • Problema de Monty Hall #04
  • 30

    Aplicação Desktop com JavaScript, Electron JS e Vue JS

    • Introdução

    • Repositório do Projeto

    • Configuração do Projeto

    • Ajustes Iniciais e Alterando o Título da Janela

    • Interface Gráfica com Vue JS #01

    • Interface Gráfica com Vue JS #02

    • Utilizando Electron IPC (Inter-Process Communication)

    • Electron ICP __dirname is not defined

    • Processando Arquivos #01

    • Processando Arquivos #02

    • Processando Arquivos #03

    • Testando a Aplicação

    • Conclusão
  • 31

    Angular 9

    • Introdução do Curso

    • Código Fonte Final

    • Backend com JSON

    • Visão Geral do Angular

    • Conceitos Essenciais

    • Criando APP com o Angular CLI

    • Conhecendo os Arquivos do Projeto

    • HTML do AppComponent

    • Instalar os Componentes do Material

    • Componente Cabeçalho

    • Componente Rodapé

    • Componente Navegação

    • Elementos do Angular #01

    • Elementos do Angular #02

    • Elementos do Angular #03

    • Componente Início (Home)

    • Navegando entre Componentes

    • Diretivas na Prática #01

    • Diretivas na Prática #02

    • Componente Criar Produto

    • Bindings

    • Navegar para Tela de Criar Produtos

    • Produto Modelo

    • Produto Service

    • Método Criar Produto

    • Formulário Criar Produto

    • Componente Obter Produto

    • Exibindo Produtos com *ngFor

    • Gerando Componente Tabela

    • Entendendo Componente Gerado

    • Tabela Produtos

    • Adicionando Coluna Ações

    • Novos Métodos em Produto Service

    • Componente Atualizar Produto #01

    • Componente Atualizar Produto #02

    • Desafio Método Excluir Produto

    • Desafio Método Excluir Produto - Resposta

    • Desafio Componente Excluir Produto

    • Desafio Componente Excluir Produto - Resposta

    • Repositório do Projeto

    • Exibindo as Mensagens de Erro

    • Atualizando os Títulos

    • Conclusão do Curso
  • 32

    Banco Relacional

    • Aviso sobre a versão do MySQL

    • Instalação MySQL Server & Workbench

    • Modelo E/R

    • Chave Primária

    • Relacionamentos

    • SQL: Visão Geral

    • Criar Schema & Plugin VSCode

    • Problemas com o MySQL

    • Visão Geral do Modelo

    • Criar Tabela Estados

    • Inserir Estados

    • Consultar Estados

    • Atualizar Estados

    • Inserir Estados com ID

    • Excluir Estados

    • Consultar Estados com Agregação

    • Criar Tabela Cidades

    • Inserir Cidades

    • Consultar Múltiplas Tabelas (JOIN)

    • Tipos de JOINs

    • Criar Tabela Prefeitos

    • Inserir Prefeitos

    • Explorando os Tipos de JOINs

    • Criar Tabela Empresas

    • Inserir Empresas

    • Consultar Empresas e Cidades

    • Recursos
  • 33

    Banco Não Relacional

    • Aviso sobre a instalação do MongoDB (Windows)

    • Download do instalador do MongoDB

    • Instalação MongoDB (Windows)

    • Instalação MongoDB (Mac)

    • NoSQL: Visão Geral

    • Relacional e Não Relacional (Exemplo)

    • Problemas nos comandos do Mongo

    • Comandos Básicos

    • Inserir Dados

    • Desafio Inserir (São Paulo)

    • Desafio Inserir (São Paulo) - Resposta

    • Consultas #01

    • Consultas Agregadas (Teoria)

    • Consultas #02

    • Consultas #03

    • Update

    • Remove

    • Inserir Empresas

    • Consulta com Lookup #01

    • Consulta com Lookup #02
  • 34

    Express

    • Introdução do Capítulo

    • Criando o Projeto

    • Configuração & Launcher #01

    • Configuração & Launcher #02

    • Tratando a Primeira Requisição

    • Tipos de Resposta

    • Middleware #01

    • Middleware #02

    • Lendo Dados da Requisição

    • Entendendo o Body Parser

    • Comunicação Entre Módulos #01

    • Comunicação Entre Módulos #02
  • 35

    Projeto Base de Conhecimento • Backend

    • Visão Geral do Projeto

    • Instalação do Postgres (Windows)

    • Instalação do Postgres (Linux)

    • Solução dos erros do backend - Projeto Base de Conhecimento

    • Configurar Projeto

    • Executar Versão Final do Projeto

    • Middlewares

    • Salvar Usuário (Estrutura)

    • Banco de Dados Usando Knex #01

    • Banco de Dados Usando Knex #02

    • Funções de Validação

    • API de Usuário

    • Desafio Obter Usuário Por ID

    • API de Categoria #01

    • API de Categoria #02

    • API de Artigo #01

    • API de Artigo #02

    • API de Autenticação

    • Protegendo a API com Passport

    • Validando Usuário Administrador

    • API de Estatísticas (MongoDB)

    • Integrando Bancos com Scheduler

    • Soft Delete de Usuário

    • Informações de Conexão no .env

    • Desafio Obter Usuário Por ID (Resposta)

    • Validar Cadastro de Administradores
  • 36

    Projeto Base de Conhecimento • Frontend

    • Estrutura Inicial do Template

    • Componente Cabeçalho

    • Visibilidade do Menu (Toggle)

    • Componente Menu do Usuário

    • Componente Título da Página

    • Router

    • Componente Home

    • Páginas Administrativas

    • Cadastro de Usuário #01

    • Configurando o Vue Toasted

    • Cadastro de Usuário #02

    • Cadastro de Usuário #03

    • Cadastro de Categoria #01

    • Cadastro de Categoria #02

    • Cadastro de Artigo #01

    • Cadastro de Artigo #02

    • Artigos Por Categoria #01

    • Artigos Por Categoria #02

    • Exibir Artigo

    • Artigos Por Categoria #03

    • Menu da Aplicação #01

    • Menu da Aplicação #02

    • Autenticação: Alterando Store

    • Autenticação: Tela de Login/Cadastro

    • Autenticação: Logout

    • Autenticação: Validar Token #01

    • Autenticação: Validar Token #02

    • Autenticação: Validando Admin

    • Autenticação: Token Expirado

    • Artigo com Highlight de Código

    • Responsividade do Menu
  • 37

    Publicando uma Aplicação VueJS na Amazon

    • Introdução do Módulo

    • Gerar Build de Produção

    • Deploy do Frontend no S3

    • Criar Certificado SSL

    • Criar Distribuição no CloudFront (CDN)

    • Criar Segundo Bucket para Deploy Alternativo (Correção)

    • Configurar DNS (Registro BR)

    • Conclusão do Módulo
  • 38

    Conclusão

    • Muito Obrigado! Curso Web Concluído
  • 39

    Gulp - Versão 3 [LEGADO]

    • Baixando o Zip

    • O que é Gulp?

    • Instalando Gulp

    • Fundamentos de Gulp

    • Processando JavaScript com Gulp

    • O que é TypeScript?

    • Processando TypeScript com Gulp

    • O que é SASS?

    • Processando SASS com Gulp

    • Resolução de problemas como projeto SPA

    • Projeto SPA: Visão Geral do Código

    • Projeto SPA: Estrutura do Build

    • Projeto SPA: Build das Dependências

    • Projeto SPA: Build da Aplicação

    • Projeto SPA: Adicionando WebServer

Descrição

Seja muito bem vindo ao Curso Desenvolvimento Web Moderno com JavaScript! COMPLETO 2020 + Projetos! Esse que talvez seja o maior e mais completo curso de tecnologia do mercado. São quase 600 aulas divididas em 33 capítulos com mais de 85 horas. Além dos fundamentos e vários exercícios, são vários projetos com as principais tecnologias da atualidade com aplicação na vida real, te ensinando a ser um desenvolvedor Web desde o básico até ao nível profissional avançado. Neste curso você vai aprender os 3 principais frameworks do mercado: Angular, React e VUE.

Tudo que você precisa aprender para construir aplicações modernas para Web você aprenderá aqui e com aplicações reais.

Desenvolvimento Web é hoje um dos assuntos mais relevantes do momento porque o mercado respira Web. E Se você deseja ser um profissional preparado para o mercado e não quer aprender apenas fórmulas, mas o porquês, esse curso é a escolha certa pra você.

Neste 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 14 cursos dentro de um só. Você irá aprender Javascript, que é hoje a linguagem da atualidade, várias empresas estão migrando suas bases de PHP, Python e outras para terem suas bases completamente feitas em javascript. Também irá aprender Node, os últimos recursos de HTML e  CSS, Gulp, Webpack, jQuery, Bootstrap, React ( Tecnologia usada por umas das maiores empresas do mundo, o Facebook), Angular, Vue JS, ExpressJS, MySQL, MongoDB e Electron.

O melhor de tudo é que durante a nossa jornada iremos agrupar essas tecnologias em desafios e projetos para consolidar o seu conhecimento. Você aprenderá a 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.

Nesse curso você também irá aprender os paradigmas de programação usados na Web Moderna: Funcional, Orientação a Objeto e etc. Aplicações Web baseadas em Componentes. Conteúdo suficiente para você conseguir um emprego como desenvolvedor Web Fullstack e se tornar um desenvolvedor Web de sucesso.

Um dos maiores diferenciais dos nossos cursos é que Nós não ensinamos apenas fórmulas, você vai terminar esse curso entendendo os porquês, a lógica de como a coisa acontece, o que vai te tornar um profissional muito mais qualificado e competitivo no mercado. E no projeto final do curso iremos desenvolver uma aplicação exclusiva que surgiu de uma necessidade real da Cod3r. Assista a essa aula sem custo e confira o que você vai poder desenvolver junto com a gente.

Por isso o que temos aqui não é apenas um curso, e sim um agrupamento de 14 cursos e um investimento certo pra sua carreira. Assista as aulas abertas e confira a qualidade do nosso conteúdo, e veja também, os comentários dos nosso alunos sobre a nossa didática. Somos a escola de tecnologia com uma das melhores avaliações do mercado. Não tenho dúvida que você estará fazendo um excelente investimento se juntando à nossa comunidade de mais de 60 mil alunos.

E sabe o que mais? Você vai receber um certificado de conclusão ao final do curso, e o seu acesso é vitalício, não expira. E se mesmo depois de tudo que apresentamos, mesmo assim você não gostou do curso, nós garantimos o seu dinheiro de volta em até 30 dias após a compra de forma simples.

Desenvolvimento Web Moderno com JavaScript Completo é um curso voltado para todos os tipos de público: Iniciantes, intermediários e avançados. Um curso de desenvolvimento web zero to hero, onde você aprenderá dos conceitos básicos de programação, JavaScript, Node.js, Web, ESNext, HTML5, CSS3, Ajax, Gulp, Webpack, jQuery, Bootsrap, React, VueJS, Angular 9, banco de dados relacional, banco de dados não relacional, Express… Faremos vários projetos utilizando essas tecnologias, projetos que simulam aplicações reais, com backend e frontend para tornar-te um desenvolvedor fullstack, profissão com alta demanda no mercado de trabalho.

Nosso curso também contará com uma aplicação que vai te ajudar nos estudos de inglês que é uma Aplicação Desktop com JavaScript, Electron JS e Vue JS - Neste curso iremos também desenvolver um projeto desktop com JavaScript! E que pode ajudar você nos seus estudos de inglês.

Nessa aplicação usaremos: Electron JS, VueJS, Vuetify, Promises, Regex, Processamento de arquivos, Map, reduce, filter

A aplicação que será desenvolvida irá processar várias legendas no formato SRT e procurar e agrupar quais são as palavras mais utilizadas nas legendas fornecidas.

Essa aplicação pode ser útil para se descobrir quais são as palavras mais utilizadas em filmes e seriados, ou seja, além de aprender várias tecnologias, esse projeto pode te ajudar no aprendizado de inglês!

Nosso curso termina com um projeto base de conhecimento que vai da primeira linha de código até a publicação da aplicação na AWS (Amazon Web Services). Dispomos de um suporte ágil e pronto para atendê-los em suas dúvidas, sejam conceituais, configuração de ambiente até codificação em si.

Alguns conceitos sobre os tópicos que são abordados no curso:

Lógica de programação: Lógica é a ferramenta mais importante do desenvolvedor. Nesse tópico abordaremos conceitos fortes para o desenvolvimento do programador tais quais algoritmo, estrutura de dados, conceito de lógica.

JavaScript: JavaScript é, sem dúvidas, uma das linguagens mais utilizadas do mundo. Hoje em dia JavaScript é forte no frontend (Páginas da web) como no backend (Node.js). No módulo de Javascript abordaremos conceitos fundamentais como Var, Let, Const, Tipagem, Number, Math, String, Boolean… Abordaremos também conceitos importantes como: Array, Object, null, undefined, this, function, hoisting, estrutura de objetos. Operadores destructuring, atribuição, aritméticos, relacionais, unários, ternários. Falaremos sobre contexto de execução Browser x Node, tratamento de erros e mais. Abordaremos estruturas de controle tais como, if, if/else, if/else/if, switch, while, do/while, for, for/in e a utilização de break e continue para controle de fluxo do código.

Nos aprofundaremos bastante no conceito mais importante de JavaScript: Funções! Em function veremos parâmetros, retorno com return, parâmetros variáveis com parâmetros Rest e Arguments, parâmetro padrão, variações do this, função bind, arrow functions ou funções arrow, funções anônimas, funções callbacks, funções construtoras, contexto léxico, closures, funções factory, IIFE (Immediately Invoked Function Expression ou funções auto invocadas. Call e Apply, etc. Outro conceito muito utilizado em JavaScript que é amplamente abordado no nosso curso é o de Objeto! Veremos uma introdução à orientação a objetos. Criação de objetos, objetos constantes, notação literal, getters e setters, funções do objeto, herança, comparação JSON x Objeto e classes. Também estudaremos sobre Arrays, forte ferramenta utilizada no JavaScript, veremos seus métodos importantes, Foreach, Map, Filter, Reduce, Concat, FlatMap que são fundamentais para desenvolvimento em JavaScript. Veremos também a diferença entreas abordagens Imperativa e Declarativa para desenvolvimento de código.

Node.js: Estudaremos, Node.js, a utilização de JavaScript no backend. Abordaremos a definição de módulo, estudaremos o sistema de módulos, utilização de módulos de terceiros, require, exports, o famoso arquivo package.json, instância única x nova instância, objeto global do Node x objeto global browser, aprofundaremos nossos estudos sobre o conceito de this, como passar parâmetros entre módulos, instalar deps e scripts, ler arquivos, escrever arquivos, frameworks web, padrão middleware, utilizaremos a ferramenta postman, estudaremos express, entrada e saída padrão.

ESNext: São os novos conceitos do JavaScript, o que acabou de chegar e o que está por vir na linguagem. Veremos o operador Rest/Spread, tagged template, Map, Set, For Of, Promises, uso de callbacks aninhadas, refatoração de callbacks para promises, Async/Await. Conceitos Web: JavaScript é uma linguagem fortemente ligada à web e é absoluto que devemos entender como funciona a programação web, então estudaremos os conceitos de protocolo HTTP, servidor web, client side x server side, conteúdo estático x dinâmico. HTML5, CSS3 , JavaScript. DNS, HTTPS, Web Service, computação em nuvem.

HTML5: HTML5 (Hypertext Markup Language ou Linguagem de Marcação de Hipertexto) é o bloco de construção mais básico da web e possui fundamental importância para o seu funcionamento. Abordaremos extensivamente seus conceitos como: Anatomia de uma tag, de uma página, as tags propriamente ditas, texto, listas, links, tabelas, formulários, imagens, vídeos e tags não visuais.

CSS3: CSS3 (Cascading Style Sheets) é o responsável pela estilização do HTML5, portanto das páginas web. Ferramenta importantíssima e largamente abordada no nosso curso de web moderno. Estudaremos: Anatomia do CSS3, criação de classes, seletores CSS3, especifidades do CSS3, herança, box model, margin collapse, propriedade display, altura e largura, inline-block, box sizing, overflow, float, unidades, texto, positon, media query, flex box, css grid.

Integração HTML5, CSS3 e Javascript: Após estudá-los separadamente faremos a sua integração e veremos como eles funcionam bem em conjunto! Veremos a DOM, elementos, atributos, classes, modificar html, trabalharemos com eventos e finalizaremos o módulo com um projeto para a criação de um game Flappy Bird utilizando HTML5, CSS3 e JavaScript.

Ajax: Ajax (Asynchronous JavaScript and XML) é um conjunto importantíssimo de técnicas de desenvolvimento para trabalharmos de forma assíncrona na web. Veremos XMLHttpRequest, Fetch, Axios, Ajax com jQuery e como carregar HTML via Ajax.

Gulp: Gulp é uma ferramenta de automação de tarefas em JavaScript. Veremos os conceitos, a documentação, fundamentos, Babel, processando JavaScript e TypeScript com Gulp, processando SASS com Gulp.

Webpack: Webpack é um empacotador de módulo JavaScript, HTML, CSS, imagens, etc. Veremos configuração e estruturação do projeto, pasta de saída, carregamento e externalização do arquivo .CSS, .SCSS (SASS). Desenvolvimento e produção, carregamento de arquivos de imagens. Adicionando WebServer.

jQuery: jQuery é uma biblioteca de funções JavaScript que interage com HTML, desenvolvida para simplificar os scripts interpretados no navegador do cliente. Veremos como selecionar elementos, modificar HTML, manipular atributos, manipular CSS, eventos, animação, plugins.

Bootstrap: Bootstrap é um framework para desenvolvimento de componentes de interface e frontend para sites e aplicações web usando HTML, CSS e JavaScript. Veremos como adicionar navegações, tipografia, espaços, título e bradcrumb, cores, flexbox, imagens, float, sistema de grid, botões, alertas, paginação, tooltip, slider, accordion, formulário.

React: React é uma biblioteca JavaScript com foco em criar interfaces de usuário em páginas web. É mantida pelo Facebook, Instagram e outras empresas. Utilizada nos sites da Netflix, Walmart, entre outros. Estudaremos componentes, componentes com parâmetros, múltiplos componentes, componentes de classe, componentes pai e filho.

Next: Nesta seção serão abordados os principais fundamentos e conceitos do NextJS. O Next.JS nada mais é do que um framework para React, a principal biblioteca para desenvolvimento web. As principais funcionalidades do Next são a renderização estática e pelo lado do servidor (SSR), possuir suporte para o TypeScript e um serviço próprio de tratamento de rotas. Nessa seção também será criada uma aplicação para Criação, Leitura, Edição e Remoção de dados, o famoso CRUD (Create, Read, Update, Delete) com NextJS. Utilizando o Firebase e Firestore como banco de dados, utilizando também o TailwindCSS para criar o visual do projeto e integrando com TypeScript. Tudo isso será mostrado e explicado durante a seção, desde a criação do projeto, a instalação das dependências, configuração e integração com o banco de dados e também a integração e uso tanto do Tailwind quanto do TypeScript.

VueJS: VueJS é um framework JavaScript focado no desenvolvimento de interfaces para usuários e aplicativos de página única. Estudaremos os conceitos, binding, eventos, diretivas v-if, v-for e v-show. Aplicação de estilo CSS, templeta na Vue instance, componentes e diretivas personalizadas.

Angular 9: Angular 9 é uma plataforma de aplicações web baseado em TypeScript liderado pela equipe Angular do Google. Faremos um backend com JSON server, conceituaremos a ferrementa, utilização do angular-cli, AppComponent, componente cabeçalho, rodapé, navegação, elementos do Angular, componente início, diretivas, bindings, *ngFor, mensagens de erro.

Banco de Dados Relacional: Utilizaremos o MySQL para estudarmos modelo E/R, chave primária, relacionamentos, SQL, schema, modelo, tabelas, inserir, consultar, atualizar, excluir, id, consultas, consultas com agregação, inner join, outer join, left join, right join. Banco de Dados

Banco de Dados Não Relacional: Utilizaremos o MongoDB para estudarmos NoSQL, as diferenças entre bancos relacionais e não relacionais, comandos básicos, inserção de dados, consultas, consultas agregadas, update, remove, consultas com lookup.

Express: Express é um framework com uma miríade de métodos utilitários HTTP e middleware para criação de API’s. Estudaremos as configurações e launcher, tipos de respostas, Middleware, leitura de dados da requisição, body parser, comunicação entre módulos.

Finalmente, nosso curso é bastante voltado para a prática com várias partes importantes de projetos reais e projetos complexos de vários graus de dificuldade. Conosco é teoria na cabeça e mão na massa! Sejam bem vindos ao melhor curso de web moderno da internet.

Invista em desenvolvimento web, invista na sua carreira, venha pra Cod3r.

Grande abraço e bons estudos!

Para quem é este curso:
  • Pessoas que desejam se tornar desenvolvedores Web Fullstack, dominando tanto backend e frontend
  • Pessoas que desejam aprender banco de dados relacional, SQL e banco não relacional (NoSQL)
  • Pessoas que desejam aprender a usar MySQL, Postgres e MongoDB
  • Pessoas que desejam aprender Node JS e como desenvolver Javascript no backend
  • Pessoas que desejam aprender as tecnologias da web nas últimas versões: HTML5, CSS3, Javascript (como os novos recursos do ES2015 em diante)
  • Pessoas que desejam aprender as principais frameworks e bibliotecas do mercado: React, Vue JS, jQuery, Bootstrap 4 ...
  • Pessoas que querem entrar no mercado de trabalho como desenvolvedor frontend, backend ou fullstack
  • Pessoas que querem empreender e precisam desenvolver soluções para Web
  • Pessoas que nunca desenvolveram aplicações REAIS e querem aprender a construir várias APP do ZERO
  • Pessoa que querem aprender em apenas um curso tudo para precisa para se tornar um desenvolvedor Fullstack
  • O necessário para se tornar um desenvolvedor web completo
  • Pessoas que desejam entender o desenvolvimento web como um todo

Instrutor

Leonardo Leitão

Leonardo Leitão é mestre em Informática Aplicada e fundador da Cod3r, já treinou mais de 380.000 alunos. São mais de 15 anos como professor e uma premiação internacional em reconhecimento da qualidade dos cursos produzidos. Há 16 anos atua na área como desenvolvedor de softwares e trabalhou como arquiteto de software em grandes projetos para o Governo Federal.

Cursos Relacionados

Pessoas que adquiriram este curso também se interessaram pelos cursos abaixo

Seja Nosso Assinante

Tenha acesso a este curso e muitos outros por um preço muito mais acessível. Junte-se a muitos outros assinantes e venha fazer parte desta comunidade. Clique no botão abaixo e descubra como!

Plano de Assinatura

FAQ

  • Após a compra do curso tenho prazo pra poder assistir?

    Não, o curso pode ser assistido a qualquer tempo sem limite de prazo.

  • O curso oferece certificado?

    Sim, ao final do curso você receberá um certificado baseado na carga horária pra concluir o curso

  • Existe suporte para as minhas dúvidas?

    Sim, temos um time de suporte pronto pra tirar as dúvidas relativas ao conteúdo do curso.

  • Adquirindo o plano de assinatura também terei acesso a este curso?

    Sim

  • Existe a possibilidade de pagar este curso por boleto?

    Sim, basta clicar no link boleto e enviar o comprovante de pagamento para o email [email protected]