Skip to content

Latest commit

 

History

History
344 lines (315 loc) · 10.3 KB

File metadata and controls

344 lines (315 loc) · 10.3 KB

Roadmap - JavaScript

0. Início

1. Fundamentos

2. Estruturas de controle

3. Função

4. Objeto

5. Array

6. Node

  • Visão Geral
  • Sistema De Módulos
  • Usando Módulos de Terceiros
  • Require
  • Exports
  • Package.json
  • Instância Única Vs Nova Instância
  • Objeto global do node
  • Entendendo o this
  • This em arrow function
  • Passando parâmetros entre módulos
  • Freameworks Web
  • Padrão MiddleWare
  • API com express
  • Process: Entrada e Saída Padrão

7. ESNext

  • Revisão
  • Operador Rest/Spread
  • Tagged Template
  • Map
  • Set
  • For Of
  • Promisses
  • Callbacks Aninhados
  • Refatorando Callbacks p/ Promises
  • Async/Await
  • Promise

8. Conceitos sobre Web

  • Introdução
  • Protocolo HTTP
  • 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

9. HTML

  • Anatomia da TAG
  • Anatomia de uma página HTML
  • Um Pouco de CSS
  • Textos
  • Listas
  • Links
  • Tabela
  • Formulário
  • Imagens
  • Vídeo
  • Tags Não Visuais

10. CSS

  • Introdução
  • Anatomia CSS
  • CSS interno, Externo e Inline
  • Criando a Classe .tag
  • Seletores CSS
  • Especificidade CSS
  • Herança
  • Box Model
  • Margin Collapse
  • Propriedade Display
  • Inline-block: Comportamento Estranho
  • Altura & Largura
  • Box Sizing
  • Propriedade Overflow
  • Propriedade Float
  • Cores
  • Unidades
  • Texto
  • Propriedade Position
  • Media Query
  • Flex Box vs CSS Grid
  • Flex Box
  • CSS Grid

11. Integrando HTML, CSS e JS

  • O que é DOM?
  • Selecionando Elementos
  • Acessando Atributos
  • Acessando Classes
  • Modificando HTML
  • Trabalhando c/ Eventos

12. Ajax

  • O que é Ajax?
  • Implementando server.js
  • XMLHttpRequest
  • Fetch API
  • Axios
  • Ajax com jQuery
  • Carregando HTML via Ajax

13. Gulp

  • Introdução
  • Entendendo o Gulp
  • Fundamentos de Gulp
  • O Que é Babel?
  • Processando JavaScript com Gulp
  • O Que é TypeScript?
  • Processando TypeScript com Gulp
  • O Que é SASS?
  • Processando SASS com Gulp

14. Webpack

  • Visão geral
  • Sistema de Módulos
  • Carregando Arquivo .CSS
  • Externalizando Arquivo .CSS
  • Carregando Arquivo .SCSS (SASS)
  • Desenvolvimento & Produção
  • Carregando Arquivos de Imagens
  • Adicionando WebServer

15. jQuery

  • O que é jQuery?
  • Entendendo jQuery
  • Selecionando Elementos
  • Modificando HTML
  • Manipulando Atributos
  • Manipulando CSS
  • Eventos
  • Animação
  • Plugin

16. Bootstrap

  • Adicionando Navegação
  • Tipografia
  • Espaços (Margin & Padding)
  • Título & Breadcrumb
  • Cores
  • Flexbox
  • Imagens
  • Float
  • Sistema de Grid
  • Botões
  • Barra de Progresso
  • Alertas
  • Paginação
  • Tooltip
  • Slider
  • Accordion
  • Formulário

17. React

  • Criando Projeto
  • Primeiro Componente
  • Componente Com Parâmetro
  • Múltiplos Componentes
  • Componente de Classe
  • Componentes: Pai & Filho

18. VueJS

  • Conceitos Básicos
  • Binding
  • Eventos
  • Diretivas: v-if, v-for e v-show
  • Aplicando Estilo CSS
  • Template na Vue Instance
  • Componente
  • Diretiva Personalizada

19. Angular 9

  • Introdução do Módulo
  • Backend com JSON Server
  • Visão Geral do Angular
  • Conceitos Essenciais
  • Criando APP com o Angular CLI
  • Conhecendo os Arquivos do Projeto
  • HTML do AppComponent
  • Componente Cabeçalho
  • Componente Rodapé
  • Componente Navegação
  • Elementos do Angular
  • Componente Início
  • Navegando entre Componentes
  • Diretivas na Prática
  • 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
  • Exibindo as Mensagens de Erro
  • Atualizando os Títulos

20. Banco Relacional

  • Modelo E/R
  • Chave Primária
  • Relacionamentos
  • SQL: Visão Geral
  • Criar Schema & Plugin VSCode
  • Problemas na integração do VSCode 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

21. Banco Não Relacional

  • NoSQL: Visão Geral
  • Relacional e Não Relacional
  • Comandos Básicos
  • Inserir Dados
  • Consultas
  • Update
  • Remove
  • Inserir Empresas
  • Consulta com Lookup

22. Express

  • Introdução
  • Criando o Projeto
  • Configuração & Launcher
  • Tratando a Primeira Requisição
  • Tipos de Resposta
  • Middleware
  • Lendo Dados da Requisição
  • Entendendo o Body Parser
  • Comunicação Entre Módulos

You can find me 📞

@nickolasluciano