Arquivos do Curso Web Moderno com JavaScript Completo 2018 da plataforma Udemy
-
Seção 01 - Introdução
- 01 - Visão Geral do Curso
- 02 - Assine o Nosso Canal
- 03 - Canal Youtube & Repositório do Curso
- 04 - Importância dos Fundamentos
- 05 - Por que aprender JavaScript?
-
Seção 02 - Configuração do Ambiente
- 01 - Instalação Node (Windows/Mac)
- 02 - Configuração do Editor (VSCode)
- 03 - Configuração do Comando 'code'
- 04 - Instalação do VSCode (Windows)
-
Seção 03 - JavaScript: Fundamentos
- 01 - Organização Básica de um Código JS
- 02 - Configuração do Projeto
- 03 - Executando JavaScript
- 04 - Comentários de Código
- 05 - O Básico de Var, Let e Const
- 06 - Tipagem Fraca
- 07 - Tipos em JavaScript: Number
- 08 - Number: Alguns Cuidados
- 09 - Usando Math
- 10 - Tipos em JavaScript: String
- 11 - Usando Template Strings
- 12 - Tipos em JavaScript: Boolean
- 13 - Tipos em JavaScript: Array
- 14 - Tipos em JavaScript: Object
- 15 - Entendendo o Null & Undefined
- 16 - Quase Tudo é Função!!!
- 17 - Exemplos Básicos de Funções #01
- 18 - Exemplos Básicos de Funções #02
- 19 - Declaração de Variáveis Com Var #01
- 20 - Declaração de Variáveis Com Var #02
- 21 - Declaração de Variáveis com Let
- 22 - Usando Var em Loop #01
- 23 - Usando Let em Loop #01
- 24 - Usando Var em Loop #02
- 25 - Usando Let em Loop #02
- 26 - Entendendo o Hoisting
- 27 - Função Vs Objeto
- 28 - Par Nome/Valor
- 29 - Notação Ponto
- 30 - Operadores: Atribuição
- 31 - Operadores: Destructuring #01
- 32 - Operadores: Destructuring #02
- 33 - Operadores: Destructuring #03
- 34 - Operadores: Destructuring #04
- 35 - Operadores: Aritméticos
- 36 - Operadores: Relacionais
- 37 - Operadores: Lógicos
- 38 - Operadores: Unários
- 39 - Operadores: Ternário
- 40 - Contexto de Execução: Browser vs Node
- 41 - Tratamento de Erro (Try/Catch/Throw)
-
Seção 04 - JavaScript: Estruturas de Controle
- 01 - Visão Geral do Capítulo
- 02 - Usando a Estrutura IF #01
- 03 - Usando a Estrutura IF #02
- 04 - Usando a Estrutura IF/ELSE
- 05 - Usando a Estrutura IF/ELSE IF...
- 06 - Usando a Estrutura SWITCH
- 07 - Usando a Estrutura WHILE
- 08 - Usando a Estrutura DO/WHILE
- 09 - Usando a Estrutura FOR
- 10 - Usando a Estrutura FOR/IN
- 11 - Usando Break/Continue
-
Seção 05 - JavaScript: Função
- 01 - Cidadão de Primeira Linha
- 02 - Parâmetros e Retorno São Opcionais
- 03 - Parâmetros Variáveis
- 04 - Parâmetro Padrão
- 05 - "this" Pode Variar
- 06 - "this" e a Função bind #01
- 07 - "this" e a Função bind #02
- 08 - Funções Arrow #01
- 09 - Funções Arrow #02
- 10 - Funções Arrow #03
- 11 - Funções Anônimas
- 12 - Funções Callback #01
- 13 - Funções Callback #02
- 14 - Funções Callback #03
- 15 - Funções Construtoras
- 16 - Tipos de Declaração
- 17 - Contexto Léxico
- 18 - Closures
- 19 - Função Factory #01
- 20 - Função Factory #02
- 21 - Classe vs Função Factory
- 22 - Desafio Função Construtora
- 23 - IIFE
- 24 - Call & Apply
-
Seção 06 - JavaScript: Objeto
- 01 - Introdução à OO
- 02 - Revisão sobre Objeto
- 03 - Estratégias de Criação de Objetos
- 04 - Objetos Constantes
- 05 - Notação Literal
- 06 - Getters/Setters
- 07 - Funções Importantes de Objeto
- 08 - Herança #01
- 09 - Herança #02
- 10 - Herança #03
- 11 - Herança #04
- 12 - Herança #05
- 13 - Herança #06
- 14 - Evitando Modificações
- 15 - JSON vs Objeto
- 16 - Classe #01
- 17 - Classe #02
-
Seção 07 - JavaScript: Array
- 01 - Array: Visão Geral
- 02 - Array: Métodos Importantes
- 03 - Simulando Array com Objeto
- 04 - Foreach #01
- 05 - Foreach #02
- 06 - Map #01
- 07 - Map #02
- 08 - Map #03
- 09 - Filter #01
- 10 - Filter #02
- 11 - Reduce #01
- 12 - Reduce #02
- 13 - Reduce #03
- 14 - Imperativo vs Declarativo
- 15 - Concat
- 16 - FlatMap
-
Seção 08 - Node
- 01 - NOde: Visão Geral
- 02 - Sistema de Módulos
- 03 - Usando Módulos de Terceiros
- 04 - Sistema de Módulos: Require
- 05 - Sistema de Módulos: Exports
- 06 - Arquivo package.json
- 07 - Resolvendo Desafio
- 08 - Instância Única vs Nova Instância
- 09 - Objeto Global do Node
- 10 - Entendendo o 'this'
- 11 - Passando Parâmetros entre Módulos
- 12 - Instalando Deps & Scripts
- 13 - Lendo Arquivos
- 14 - Escrevendo Arquivos
- 15 - Frameworks Web
- 16 - Padrão Middleware #01
- 17 - Padrão Middleware #02
- 18 - Instalando o Postman
- 19 - Projeto: API com Express #01
- 20 - Projeto: API com Express #02
- 21 - Projeto: API com Express #03
- 22 - Tarefas Agendadas com Temporizador
- 23 - Process: Entrada e Saída Padrão
-
Seção 09 - ESNext
- 01 - Revisão #01
- 02 - Revisão #02
- 03 - Revisão #03
- 04 - Operador Rest/Spread
- 05 - Tagged Template #01
- 06 - Tagged Template #02
- 07 - Map
- 08 - Set
- 09 - For Of
- 10 - Promises
- 11 - Usando Callbacks Aninhadas
- 12 - Refatorando Callbacks p/ Promises
- 13 - Async/Await
- 14 - Cenas dos Próximos Capítulos...
-
Seção 10 - Conceitos sobre Web
- 01 - Introdução ã Web
- 02 - Protocolo HTTP
- 03 - Servidor Web
- 04 - Client Side vs Server Side
- 05 - Conteúdo Estático vs Dinâmico
- 06 - HTML, CSS e JS
- 07 - DNS
- 08 - HTTP Seguro (HTTPS)
- 09 - Web Service
- 10 - Computação em Nuvem
-
Seção 11 - HTML
- 01 - Anatomia da TAG
- 02 - Anatomia de uma Página HTML
- 03 - Um Pouco de CSS
- 04 - Estruturando os Exercícios
- 05 - Texto Puro vs Browser
- 06 - Tag para Textos #01
- 07 - Tag para Textos #02
- 08 - Listas
- 09 - Listas Aninhadas
- 10 - Listas Aninhadas (Desafio)
- 11 - Links #01
- 12 - Links #02
- 13 - Tabela
- 14 - Formulário #01
- 15 - Formulário #02
- 16 - Formulário #03
- 17 - Imagens
- 18 - Desafio Slider #01
- 19 - Desafio Slider #02
- 20 - Vídeo
- 21 - Desafio Controlar Vídeo
- 22 - Tags Não Visuais
-
Seção 12 - CSS
- 01 - Baixando o Arquivo Zip
- 02 - CSS: Introdução
- 03 - Anatomia CSS
- 04 - CSS Interno, Externo e Inline
- 05 - Criando a Classe .tag
- 06 - Seletores CSS #01
- 07 - Seletores CSS #02
- 08 - Especificidade CSS #01
- 09 - Especificidade CSS #02
- 10 - Herança
- 11 - Box Model #01
- 12 - Box Model #02
- 13 - Margin Collapse
- 14 - Propriedade Display
- 15 - Inline-block: Comportamento Estranho
- 16 - Altura & Largura
- 17 - Box Sizing
- 18 - Propriedade Overflow
- 19 - Propriedade Float
- 20 - Cores
- 21 - Unidades #01
- 22 - Unidades #02
- 23 - Unidades #03
- 24 - Texto
- 25 - Propriedade Position
- 26 - Media Query
- 27 - Desafio Menu #01
- 28 - Desafio Menu #02
- 29 - Desafio Card #01
- 30 - Desafio card #02
- 31 - Flex Box vs CSS Grid
- 32 - Flex Box Nomenclatura
- 33 - Flex Box #01
- 34 - Flex Box #02
- 35 - Flex Box #03
- 36 - Desafio Menu (Flex Box)
- 37 - CSS Grid #01
- 38 - CSS Grid #02
- 39 - CSS Grid #03
-
Seção 13 - Integrando HTML, CSS e JS
- 01 - Baixando o Zip
- 02 - O que é DOM?
- 03 - Selecionando Elementos #01
- 04 - Selecionando Elementos #02
- 05 - Selecionando Elementos #03
- 06 - Selecionando Elementos #04
- 07 - Acessando Atributos #01
- 08 - Acessando Atributos #02
- 09 - Acessando Atributos #03
- 10 - Acessando Classes
- 11 - Modificando HTML #01
- 12 - Modificando HTML #02
- 13 - Trabalhando c/ Eventos #01
- 14 - Trabalhando c/ Eventos #02
- 15 - Trabalhando c/ Eventos #03
- 16 - Trabalhando c/ Eventos #04
- 17 - Desafio Flappy Bird
- 18 - Flappy Bird #01
- 19 - Flappy Bird #02
- 20 - Flappy Bird #03
- 21 - Flappy Bird #04
- 22 - Flappy Bird #05
- 23 - Flappy Bird #06
-
Seção 14 - Ajax
- 01 - Baixando o Zip
- 02 - O que é Ajax?
- 03 - Implementando server.js
- 04 - XMLHttpRequest #01
- 05 - XMLHttpRequest #02
- 06 - XMLHttpRequest #03
- 07 - Fetch API #01
- 08 - Fetch API #02
- 09 - Axios #01
- 10 - Axios #02
- 11 - Ajax com jQuery
- 12 - Carregando HTML via Ajax
-
Seçao 15 - Gulp
- 01 - Baixando o Zip
- 02 - O que é Gulp?
- 03 - Instalando Gulp
- 04 - Fundamentos de Gulp
- 05 - Processando JavaScript com Gulp
- 06 - O que é TypeScript?
- 07 - Processando TypeScript com Gulp
- 08 - O que é SAAS?
- 09 - Processando SASS com Gulp
- 10 - Projeto SPA: Visão Geral do Código
- 11 - Projeto SPA: Estrutura do Build
- 12 - Projeto SPA: Build das Dependências
- 13 - Projeto SPA: Build da Aplicação
- 14 - Projeto SPA: Adicionando WebServer
-
Seção 16 - Webpack
- 01 - Visão Geral do Webpack
- 02 - Estrutura Básica do Projeto
- 03 - Sistema de Módulos
- 04 - Configurando a Pasta de Saída
- 05 - Carregando Arquivo .CSS
- 06 - Externalizando Arquivo .CSS
- 07 - Carregando Arquivo .SCSS (SASS)
- 08 - Desenvolvimento & Produção
- 09 - Carregando Arquivos de Imagens
- 10 - Adicionando WebServer
-
Seção 17 - jQuery
- 01 - Baixando o Zip
- 02 - O que é jQuery?
- 03 - Entendendo jQuery
- 04 - Selecionando Elementos #01
- 05 - Selecionando Elementos #02
- 06 - Modificando HTML #01
- 07 - Modificando HTML #02
- 08 - Modificando HTML #03 (Desafio)
- 09 - Modificando HTML #03 (Resposta)
- 10 - Manipulando Atributos
- 11 - Manipulando CSS
- 12 - Eventos #01
- 13 - Eventos #02
- 14 - Eventos #03
- 15 - Animação #01
- 16 - Animação #02
- 17 - Plugin #01
- 18 - Plugin #02
-
Seção 18 - BootStrap
- 01 - Baixando o Zip
- 02 - Opções de Instalação
- 03 - Adicionando Navegação
- 04 - Tipografia
- 05 - Espaços (Margin & Padding)
- 06 - Título & Breadcrumb
- 07 - Cores
- 08 - Flexbox
- 09 - Imagens
- 10 - Float
- 11 - Sistema de Grid #01
- 12 - Sistema de Grid #02
- 13 - Sistema de Grid #03
- 14 - Sistema de Grid #04
- 15 - Sistema de Grid #05
- 16 - Sistema de Grid #06
- 17 - Botões
- 18 - Barra de Progresso
- 19 - Alertas
- 20 - Paginação
- 21 - Tooltip
- 22 - Slider
- 23 - Accordion
- 24 - Formulário
-
Seção 19 - Projeto Galeria (BootStrap/jQuery/Webpack)
- 01 - Visão Geral do Projeto
- 02 - Referenciando os Estilos (SCSS)
- 03 - Implementando o Header
- 04 - Carregando HTML via Ajax (Includes)
- 05 - Implementando a Galeria de Fotos
- 06 - Filtrar Fotos por Cidade (jQuery Plugin)
- 07 - Executando o Plugin
- 08 - Implementando o Footer
-
Seção 20 - React
- 01 - Criando Projeto
- 02 - Primeiro Componente
- 03 - Componente Com Parâmetro
- 04 - Múltiplos Componentes
- 05 - Componente de Classe #01
- 06 - Componente de Classe #02
- 07 - Componentes: Pai & Filho #01
- 08 - Componentes: Pai & Filho #02
-
Seção 21 - Projeto Calculadora
- 01 - Criando Projeto
- 02 - Componente Calculator
- 03 - Componente Button #01
- 04 - Componente Display
- 05 - Componente Button #02
- 06 - Implementando a Lógica #01
- 07 - Implementando a Lógica #02
-
Seção 22 - Projeto Cadastro de Usuário
- 01 - Implementando Backend (JSON Server)
- 02 - Criando Projeto Frontend
- 03 - Criando Componentes (Template)
- 04 - Aplicando Estilo (CSS Grid)
- 05 - Componente Logo
- 06 - Componente Cabeçalho
- 07 - Componente Rodapé
- 08 - Componente Navegação
- 09 - Componente Conteúdo
- 10 - Componente Cadastro Usuário #01
- 11 - Implementando Rotas (React Router)
- 12 - Componente Cadastro Usuário #02
- 13 - Componente Cadastro Usuário #03
- 14 - Componente Cadastro Usuário #04
- 15 - Adicionando Responsividade
-
Seção 23 - VueJS
- 01 - Baixando o Zip
- 02 - Conceitos Básicos
- 03 - Binding
- 04 - Eventos
- 05 - Diretivas: v-if, v-for e v-show
- 06 - Aplicando Estilo CSS
- 07 - Template na Vue Instance
- 08 - Componente #01
- 09 - Componente #02 (Desafio)
- 10 - Diretiva Personalizada
-
Seção 24 - Projetos VueJS
- 01 - Projeto QRCode
- 02 - Projeto Sumário de Vendas #01
- 03 - Projeto Sumário de Vendas #02
-
Seção 25 - Projeto Calculadora (Vue)
- 01 - Criando Projeto
- 02 - Criando Componentes
- 03 - Componente Button #01
- 04 - Componente Display
- 05 - Componente Button #02
- 06 - Implementando a Lógica
-
Seção 26 - Projeto Monty Hall (Vue)
- 01 - Entendendo o Problema de Monty Hall
- 02 - Problema de Monty Hall #01
- 03 - Problema de Monty Hall #02
- 04 - Problema de Monty Hall #03
- 05 - Problema de Monty Hall #04
-
Seção 27 - Banco Relacional
- 01 - Instalação MySQL Server & Workbench
- 02 - Modelo E/R
- 03 - Chave Primária
- 04 - Relacionamentos
- 05 - SQL: Visão Geral
- 06 - Criar Schema & Plugin VSCode
- 07 - Visão Geral do Modelo
- 08 - Criar Tabela Estados
- 09 - Inserir Estados
- 10 - Consultar Estados
- 11 - Atualizar Estados
- 12 - Inserir Estados com ID
- 13 - Excluir Estados
- 14 - Consultar Estados com Agregação
- 15 - Criar Tabela Cidades
- 16 - Inserir Cidades
- 17 - Consultar Múltiplas Tabelas (JOIN)
- 18 - Tipos de JOINs
- 19 - Criar Tabela Prefeitos
- 20 - Inserir Prefeitos
- 21 - Explorando os Tipos de JOINs
- 22 - Criar Tabela Empresas
- 23 - Inserir Empresas
- 24 - Consultar Empresas e Cidades
-
Seção 28 - Banco Não Relacional
- 01 - Instalação MongoDB (Mac)
- 02 - NoSQL: Visão Geral
- 03 - Relacional e Não Relacional (Exemplo)
- 04 - Comandos Básicos
- 05 - Inserir Dados
- 06 - Desafio Inserir (São Paulo)
- 07 - Desafio Inserir (São Paulo) - Resposta
- 08 - Consultas #01
- 09 - Consultas Agregadas (Teoria)
- 10 - Consultas #02
- 11 - Consultas #03
- 12 - Update
- 13 - Remove
- 14 - Inserir Empresas
- 15 - Consulta com Lookup #01
- 16 - Consulta com Lookup #02
-
Seção 29 - Express
- 01 - Introdução do Capítulo
- 02 - Criando o Projeto
- 03 - Configuração & Launcher #01
- 04 - Configuração & Launcher #02
- 05 - Tratando a Primeira Requisição
- 06 - Tipos de Resposta
- 07 - Middleware #01
- 08 - Middleware #02
- 09 - Lendo Dados da Requisição
- 10 - Entendendo o Body Parser
- 11 - Comunicação Entre Módulos #01
- 12 - Comunicação Entre Módulos #02
-
Seção 30 - Projeto Base de Conhecimento - Backend
- 01 - Visão Geral do Projeto
- 02 - Instalação do Postgres (Windows)
- 03 - Instalação do Postgres (Linux)
- 04 - Configurar Projeto
- 05 - Executar Versão Final do Projeto
- 06 - Middlewares
- 07 - Salvar Usuário (Estrutura)
- 08 - Banco de Dados Usando Knex #01
- 09 - Banco de Dados Usando Knex #02
- 10 - Funções de Validadção
- 11 - API de Usuário
- 12 - Desafio Obter Usuário Por ID
- 13 - Desafio Obter Usuário Por ID (Resposta)
- 14 - API de Categoria #01
- 15 - API de Categoria #02
- 16 - API de Artigo #01
- 17 - API de Artigo #02
- 18 - API de Autenticação
- 19 - Protegendo a API com Passport
- 20 - Validando Usuário Administrador
- 21 - API de Estatísticas (MongoDB)
- 22 - Integrando Bancos com Scheduler
- 23 - Soft Delete de Usuário
- 24 - Informações de Conexão no .env
- 25 - Validar Cadastro de Administradores
-
Seção 30 - Projeto Base de Conhecimento - Frontend
- 01 - Estrutura Inicial do Template
- 02 - Componente Cabeçalho
- 03 - Visibilidade do Menu (Toggle)
- 04 - Componente Menu do Usuário
- 05 - Componente Título da Página
- 06 - Router
- 07 - Componente Home
- 08 - Páginas Administrativas
- 09 - Cadastro de Usuário #01
- 10 - Configurando o Vue Toasted
- 11 - Cadastro de Usuário #02
- 12 - Cadastro de Usuário #03
- 13 - Cadastro de Categoria #01
- 14 - Cadastro de Categoria #02
- 15 - Cadastro de Artigo #01
- 16 - Cadastro de Artigo #02
- 17 - Artigos Por Categoria #01
- 18 - Artigos Por Categoria #02
- 19 - Exibir Artigo
- 20 - Artigos Por Categoria #03
- 21 - Menu da Aplicação #01
- 22 - Menu da Aplicação #02
- 23 - Autenticação: Alterando Store
- 24 - Autenticação: Tela de Login/Cadastro
- 25 - Autenticação: Logout
- 26 - Autenticação: Validar Token #01
- 27 - Autenticação: Validar Token #02
- 28 - Autenticação: Validando Admin
- 29 - Autenticação: Token Expirado
- 30 - Artigo com Highlight de Código
- 31 - Responsividade do Menu
-
Seção 32 - Conclusão
- 01 - Muito Obrigado!