Pergunta 1: Para quem é o produto?
Resposta 1: O produto é para pessoas que desejam aprender os fundamentos da linguagem JavaScript e ter embasamento para compreender facilmente um framework JavaScript.

Pergunta 2: O que será aprendido com o produto?
Resposta 2: Serão aprendidos os fundamentos necessários da linguagem JavaScript, design patterns, arquiteturas e as camadas do front-end em que os frameworks atuam.

Pergunta 3: O produto prepara para desafios em processos seletivos?
Resposta 3: Sim, o produto oferece embasamento suficiente para compreender facilmente um framework JavaScript durante o desafio de um processo seletivo.

Ayrton de Jesus Teshima

JS Raiz

Boas vindas! (Assista)

Começe aqui - Módulo semente

Aula #1: Introdução

Aula #2 - Evolução da Web (Site vs Web app; SEO; Performance...)

Aula #3: 5 etapas base do desenvolvimento para web

Aula #4: Armazenamento e seus novos tipos

Aula #5: Tudo sobre new Map

Aula #6: Tudo sobre WeakMap

Aula #7: Tudo sobre Set e WeakSet

Aula #8: Manipulando e convertendo tipos de estrutura

Aula #9: Aulão sobre módulos ES6

Aula #10: Formas e técnicas de estruturar dados

Aula #11: Normalizando dados - parte 1

Aula #12: Normalizando dados - parte 2

Aula #13: Revisão protocolo HTTP - pt1

Aula #14: Revisão protocolo HTTP - pt2

Aula #15: Visão geral de Node streams

Aula #16: Enviando arquivos estáticos de forma automática

Aula #17: Renderização - back-end com string

Aula #18: Renderização - back-end com template ejs

Aula #19: Renderização - front-end com string

Aula #20: Renderização - front-end com DOM API

Aula #21: Renderização - DOM API declarativo - visão geral

Aula #22: Renderização - implementando function el - parte 1

Aula #23: Renderização - corrigindo function el para texto

Aula #24: Expressões Regulares

Aula #25: Renderização - function el - extraindo nome da tag com regexp

Aula #26: Renderização - extraindo classes e id com regexp

Aula #27: Renderização - Interface única para back e front - Parte 1

Aula #28: Renderização - Interface única para back e front - Parte 2

Aula #29: Renderização - Interface única - Servidor + desafio

Aula #30: Renderização - Interface única - Navegador

Aula #31: Renderização - Interface única - Criando componente Fragment

Raiz

Contexto web e o que estudar!

Desenvolvendo lógica, curiosidades + desafios

Imersão fundamentos

Introdução

Revisando paradigmas

Definindo Programação Funcional

Motivos para usar Programação Funcional

Premisas da PF

Curva de aprendizado da PF

Diferenças entre uma function e uma procedure

Hoisting; Functions expression vs declaration

HOF no paradigma funcional

Parâmetro VS Argumento; Rest VS Spread

Contando parâmetros

Parâmetro default (veja macete)

Closures

Map e Filter (+macete com closures)

Reduce - Parte #1

Reduce - Parte #2

Reduce - Exercício 1

Reduce - Exercício 2

Reduce - Refatorando exemplo

Unary

Criando setup do curso

Identity

Adaptando argumentos para parâmetros

Partial Application - Parte 1

Partial Application - Parte 2

Adaptando função map

Exemplo de código funcional (Partial application, closures, etc.)

Curry

Pointfree style - Parte #1

Pointfree style - Parte #2 - Um pouco de Ramda JS

Composition - Parte #1 - Introdução

Composition - Parte #2 - Automatizando

Composition - Parte #3 - Promises (composeP, pipeP)

Programação funcional com JS

Aula #1: Introdução ao módulo

Aula #2: Por quê pensar em qualidade?

Aula #3: O que são code smells + long functions smell

Aula #4: [Code smell] Long parameter list

Aula #5: [Code smell] Purposeless conditions

Aula #6: [Code smell] Magic number/string

Aula #7: [Code smell] Conditional from hell

Aula #8: [Code smell] Multiple return statements

Aula #9: [Code smell] Repeat reassign

Aula #10: [Code smell] Shotgun Surgery

Aula #11: [Code smell] Duplication

Aula #12: [Code smell] Inappropriate Intimacy

Aula #13: [Code smells] Comments e Speculative Generality

Aula #14: [Code smells] Exercício!

Aula #15: [Condicionais] Introdução

Aula #16: [Condicionais] Smell purposeless condition

Aula #17: [Condicionais] Decompose

Aula #18: [Condicionais] Forma positiva

Aula #19: [Condicionais] Trocando por find

Aula #20: [Condicionais] Trocando por find (exemplo 2)

Aula #21: [Condicionais] Ternário

Aula #22: [Condicionais] Optional Chaining

Aula #23: [Condicionais] Substituindo por objetos

Aula #24: [Condicionais] Objetos - Parte 2

Aula #25: [Condicionais] Substituindo por includes

Aula #26: [Condicionais] Substituindo por every

Aula #27: [Condicionais] Substituindo por some

Aula #28: [Condicionais] Substituindo por nullish coalescing

Aula #29: [Refatorando] Calculadora salário líquido - Visão geral

Aula #30: [Calculadora] Identificando code smells

Aula #31: [Calculadora] Diminuindo funções

Aula #32: [Calculadora] Resolvendo leve acoplamento

Aula #33: [Calculadora]: Refatorando magic numbers - parte 1

Aula #34: [Calculadora] Refatorando magic numbers - parte 2

Aula #35: [Calculadora] Explicando refatoração para find

Aula #36: [Calculadora] Refatorando para find

Aula #37: [Calculadora] Finalizando refatoração

Aula #38: [Functions] Boas práticas - visão geral

Aula #39: [Functions] Explicando projeto para refatorar

Aula #40: [Functions] Funções anônimas

Aula #41: [Functions] Refatorando por duplicação

Aula #42: [Functions] Refatorando por responsabilidades

Aula #43: [Functions] Refatorando por bloco HTML

Aula #44: [Functions] Bind de eventos

Aula #45: [Functions] Inicialização de projeto

Aula #46: [Functions] Pattern Facade

Aula #47: [Functions] Explicando estado da galeria

Aula #48: [Functions] Estrutura estado da galeria

Aula #49: [Functions] getPosition, setPosition, prev e next

Aula #50: [Functions] hasPrev e hasNext

Qualidade de Código

Angular é difícil? Analisando...

Introdução ao paradigma reativo

Primeiro exemplo com RXJS

Sistemas Pull vs Push: Diferenças

Mais sobre observables e subjects

Operadores debounceTime e throttleTime

Exemplo duplo clique

Exercício: tratando autosuggest

Resolvendo exercício autosuggest

Criando contador (merge, scan, mapTo)

Diferenças entre observable e stream

Criando um observable

Subjects

BehaviorSubject, ReplaySubject e AsyncSubject

Entendendo asObservable

Paradigma reativo

Rápida introdução a evolução da web

Camadas de uma arquitetura web app

Composição de um framework

React não é framework?

Documentação de frameworks?

Web Atual

Visão geral do módulo

Criando markup HTML com Bootstrap do carrinho

Renderizando produtos via JavaScript

Renderizando carrinho [PARTE 1]

Um pouco sobre normalização de dados

Renderizando itens do carrinho [PARTE 2]

Dor da performance: Repaint e reflow

Delegação de eventos

Dor da reatividade: Adicionando item ao carrinho

Renderizando quantidade e total do carrinho

Finalizando carrinho vanilla

Resumo das dores de um pequeno projeto vanilla

Análise visual de componentes

Análise documentação React

[React] Iniciando com React

[React] Visão geral sobre virtual dom

[React] Fragment

[React] Renderizando produto

[React] Renderizando carrinho

[React] Separando componentes

[React] Renderizando produto dinamicamente

[React] Item de carrinho e total através das props

[React] Extensão do chrome

[React] Criando evento de adicionar

[React] Composição

[React] Passando produto ao clicar em adicionar

[React] Ajudando algoritmo de diff

[React] Introdução ao estado do componente

[React] Estado do componente na prática

[React] Removendo itens do carrinho

[React] JSX

[Babel JS] Introdução

[Babel JS] Compilando JSX

Introdução a Modulo bundler

Webpack na prática

[React] Modularizando os componentes

[Vue] Iniciando projeto

[Vue] Conhecendo instância do Vue

[Vue] Renderizando todo o carrinho

[Vue] Componentes e composition

[Vue] Diretivas v-for e v-bind

[Vue] Carrinho e computed property

[Vue] Propagando evento com this.$emit

[Vue] Finalizando

Componentes

Arquiteturas MV*

One-way, two-way e single-source of truth

Two-way e one-way no componente Vue e React

[Redux] Introdução na prática

[Redux] Adicionando mais propriedades no estado

[Redux] Quebrando nosso reducer

[Redux] Combinando reducers

Carrinho vanilla com Redux - Parte 1/2

Carrinho vanilla com redux - Parte 2/2

Gerenciamento de estado

JS Raiz

Avaliações

Perguntas Frequentes

JS Raiz

Avaliações

Perguntas Frequentes

Comece na Hotmart gratuitamente

Poucos passos, muitas possibilidades