Domine JavaScript e o desenvolvimento web

Saiba 70% de qualquer framework,

mesmo sem nunca ter utilizado.

7 dias de garantia incondicional
pagamento 100% seguro

Solidifique suas bases e tenha facilidade com qualquer nova tecnologia

Se você fica perdido com tantos novos frameworks ou mesmo se você tem dificuldade em dominar apenas um, a verdade é que te falta fundamentos, uma base sólida. Fundamentos não é básico, muito pelo contrário! Geralmente com uma aparência mais rústico e primitivo, acaba afastando qualquer dev iniciante.

O JS Raiz é para você, se:
1

Seu JavaScript está travado, não consegue engrenar

2

Apenas reproduz soluções de ExpressJS, etc. sem saber o que acontece no back-end

3

Não consegue dominar um único framework front-end sequer (React, Vue...)

4

Fica perdido em documentações

5

Está assustado com tantas tecnologias web que surge a cada dia

Motivo do JS Raiz existir

Estava um pouco frustrado com o ciclo que se criou:

Ciclo de um dev JS ruim

Esse ciclo está criando muito programador despreparado e frustrado que criam projetos de baixa qualidade.

Se você faz um curso de React mas aparece uma oportunidade para desenvolvedor Angular, você não vai tentar?

Com isso em mente surgiu o JS Raiz, para te dar os fundamentos necessários para ter uma base sólida para saber o que está fazendo.

O JS Raiz é um ambiente para você se especializar em JavaScript e desenvolvimento Web. Os módulos são pensados com base no conhecimento que você precisa adquirir para dar seus próximos passos como desenvolvedor.

O JS Raiz é para você que quer

Dominar o JavaScript e seus paradigmas

Desenvolver no back e front 100% JS puro para entender tudo o que acontece na WEB

Conhecer 70% de qualquer framework

Escrever código com qualidade

Entender como as partes do desenvolvimento se encaixam

Estar preparado para qualquer desafio e processo seletivo

Metodologia do JS Raiz

A seguir são as principais ideias e premissas que descrevem a proposta do JS Raiz

Fulstack

JavaScript 100% puro

Vamos caminhar por todo desenvolvimento fullstack utilizando JavaScript 100% puro e se aprofundando em tópicos essenciais no desenvolvimento Web que você precisa conhecer:

  • Protocolo HTTP
  • Node streams
  • Expressões regulares
  • APIs do navegador
  • Renderização isomórfica HTML
  • Roteamento

Vamos iniciar do absolutamente ZERO criando uma estrutura fullstack com JS 100% vanilla. Nesse percurso vamos aprender muito sobre a linguagem, sobre APIs do navegador, sobre servidor, sobre estratégias de renderização de HTML e muito, muito mais!

Mudando de patamar

Paradigmas

O JavaScript é uma linguagem multiparadigma. Para você ganhar fluência com a linguagem e entender sintaticamente bibliotecas e frameworks, tais como React, Vue, Redux e Angular, você precisa conhecer seus paradigmas!

Paradigmas são formas de pensar em como você escreve seus códigos e aqui vamos explorar desde reduce até composition, partial application e curry no paradigma funcional!

Exemplo código paradigma funcional
Você vai aprender a escrever códigos como esse!

Esse é um exemplo de código explorando paradigma funcional.

Como o JavaScript permite funções de ordem superior e são cidadões de primeira classe, é possível explorar o paradigma funcional.

Essas duas características empoderam a linguagem e abre um leque enorme de novas possibilidades

Também vamos aprender sobre o paradigma reativo já explorado por Angular e mais algumas bibliotecas!

Qualidade de código

Escrevendo códigos melhores

Na jornada de desenvolvimento e aprendizado de JavaScript, acabamos escrevendo código que poderia ser escrito de forma bem melhor. Nesse módulo exploro diversas formas com exemplos para termos o máximo de qualidade em nossos códigos.

Vamos aprender muitas técnicas de refatoração.

👎

Um exemplo é a melhoria do código cheio de condicionais, que é de difícil leitura/entendimento e muito confuso, podendo levar a diversos bugs.

👍

Aqui já temos um código sem ninhos, sem condicionais que levam a diversos fluxos difíceis de saber o resultado final.

Temos um código reutilizável e muito mais óbvio.

Temos um módulo de qualidade de código onde vamos explorar todas essas técnicas para que você escreva códigos melhores!

Você vai de fato aprender:

  • Desenvolvimento avançado com JavaScript
  • Dominar API DOM criando uma LIB que renderiza no front e back
  • Protocolo HTTP e Node streams
  • Expressões regulares
  • Técnicas para estruturar e normalizar dados
  • Renderização back-end com Node passo a passo do zero
  • Paradigma funcional explorado pelos principais frameworks
  • Paradigma reativo
  • Escrever códigos melhores
  • Entender como todas as partes se encaixam, do back ao front

Bônus


Além dos conteúdos atuais e dos novos que estão por vir, você vai ter acesso:

Semana JavaScript Raiz 1

Aqui entendemos a arquitetura das webapps além de criar um projeto prático para entender a implementação com JS puro e com framework

Aulão processo seletivo

Um compilado de dicas para mandar bem em um desafio técnico e entrevista. Além de eu abrir um desafio que fiz para uma empresa

Comunidade Discord

Um local para você interagir com todos do JS Raiz e também falar diretamente comigo!

Aulas realizadas ao vivo

Praticando código (Conversor de moedas)

Uma das primeiras aulas ao vivo onde resolvi criar um conversor de moedas na hora

Tudo sobre async await

Super aula mostrando tudo sobre async await

Código previsível (map, filter, flat, flatMap, entries, etc.)

Explorando funcionalidades da linguagem que melhoram muito nossas vidas de dev

Analisando meu desafio técnico de 2017

Abrindo um desafio que fiz e o que faria de diferente atualmente

Aprendendo JS hoje

Muitas dicas sobre como aprender JavaScript nos dias de hoje

Tudo sobre prototype

Desmistificando de vez a herança prototípica

Guia JS web para total iniciantes

Uma explicação teórica e prática para iniciantes JavaScript

Aprendendo lendo código

Uma das melhores formas de melhorar como dev. Vou mostrar técnicas de como você pode se beneficiar da leitura para evoluir como programador

JavaScript para dev React

Visão geral do JavaScript para quem quer utilizar React

Tudo sobre callbacks

Vamos acabar com qualquer dúvida sobre callback nessa aula

Como ser um dev JS Jedi!

Como trilhar um caminho para ser o melhor dev JS que você pode ser

Removendo loops for do seu código!

Melhorando a qualidade do seu código eliminando loops for

Como iniciar projeto do zero

Dicas valiosas de como sair da tela branca e se organizar para construir um projeto do zero

JS para dev Vue 3

Explorando Proxy, um dos recursos mais explorado pelos desenvolvedores do Vue 3

Iniciando com Vue 3

Primeiro contato com Vue 3, explorando sua sintaxe

Composition API Vue 3

Um dos principais recursos do Vue 3 para melhorar o código utilizando este framework

Vuex - Maratona #4/4

Biblioteca para gerenciar o estado em aplicações utilizando Vue

SETUP do ZERO com Webpack, Babel, Jest, Styled-Componentes e mais

Criando do absolutamente zero um SETUP completo para você aprender tudo sobre Webpack, Babel e muito mais

Compiladores são os novos frameworks

Como funciona os compiladores. O papel do babel e como os desenvolvedores estão explorando compiladores para desenvolver melhores frameworks e bibliotecas

Como o navegador funciona

Não tem como ser um desenvolvedor Web que não conhece a fundo o ambiente que vai rodar seu programa. Nessa mega aula vamos explorar o processo de renderização do navegador e falar como ele utiliza as threads e processos

Tudo sobre assincronismo no JS

Vamos entender desde os bastidores (event loop, callback queue, job queue...) até o impacto disso em funções de callback, promise e async/await.

Origem Sintaxe JavaScript

Herança prototípica, protocolo de iteração, event-driven, evolução da linguagem e muito mais

Tudo sobre tratamento de erros

Como gerar, lançar e tratar erros síncronos e assíncronos. Também mostro como o JS lida com erros na callstack e seu sistema event-driven

Algoritmos e estrutura de dados

Na prática com JavaScript fazemos os algoritmos list, stack, queue e linked list

Algoritmo Binary Search Tree na prática

Criamos todo o algoritmo BST utilizando JavaScript. Aula de muito código e conceitos

Guia do autodidata

Um passo a passo de minha própria experiência sobre ser autodidata

Clone Airbnb - parte 1: Tudo sobre mapas com Leaflet

Essa é a primeira parte do clone que fizemos da página do Airbnb que contém o mapa. Nessa aula falamos tudo sobre criação de mapas

Clone Airbnb - parte 2: estilizando

Uma aula exclusiva de HTML e CSS para estruturar e estilizar toda a página clonada

Clone Airbnb - parte 3: JavaScript

Aula de puro e muito JavaScript raiz onde integramos o mapa com as demais funcionalidades da página tudo utilizando JS vanilla

O que aprendi em 14 anos de dev

Um overview com várias dicas e virada de chave na parte técnica que podem te ajudar também

Comece hoje mesmo. Faça sua inscrição

R$797,00

Ou em 12X 77,65

7 dias de garantia incondicional
pagamento 100% seguro

Para quem se destina

Importante você entender se o JS Raiz realmente é para você.

Não ensinamos
  • HTML e CSS
  • Lógica de programação
  • Básico da linguagem (variáveis, condicionais, loops, funções, operadores lógicos, operadores aritméticos)
  • Desenvolvimento avançado com frameworks
Se destina a quem
  • Já brinca com JavaScript
  • Experimentou um framework (React, Vue, Angular..) e não sabe como funcionam por baixo dos panos
  • Só reproduz soluções sem saber o motivo
  • Quer elevar o nível do JavaScript atual
  • Conhecer as tecnologias que envolvem o desenvolvimento
  • Entender o porquê de cada coisa
  • Sair do labirinto e ter uma visão geral sobre desenvolvimento
  • Se tornar um desenvolvedor capacitado para os melhores projetos e empregos

Módulos & organização

Módulo Raiz

Principal módulo do curso onde vamos explorar o desenvolvimento 100% JavaScript puro, passando por conceitos cruciais como protocolo HTTP, Node streams, DOM Api, Map, Set, expressões reguladores, roteamento, renderização, estáticos, ES modules e muito mais.

Nesse módulo faremos um desenvolvimento fullstack construindo do zero e passo a passo para entender todo processo de funcionamento de uma aplicação Web.

Paradigma funcional

Os principais frameworks e bibliotecas utilizam uma forma de escrita que confunde muito quem está iniciante, que é com base no paradigma funcional. Por isso temos um módulo inteiro para explorar o paradigma.

Vamos entender o motivo de usar o paradigma e aprender conceitos de reduce até partial application, curry e muito mais.

Paradigma reativo

Uma outra forma de pensar em programação é através do paradigma reativo, que é explorado pelo framework Angular. Não se engane, é um paradigma poderoso que você pode aplicar em seus projetos independente de framework.

Vamos ver conceitos fundamentais do paradigma como observables, streams, subjects e vamos utilizar a lib RxJS.

Qualidade de código

Exploro diversas formas de como você pode escrever um código melhor identificando code smells, removendo condicionais, melhorando funções, etc.

Componentes

Hoje basicamente toda nova lib de UI (React, Angular) são baseados em componentes. Entender a razão disso e as dores do desenvolvimento JavaScript puro vai dar um salto no seu entendimento.

Nesse módulo vamos demonstrar com JS puro as dores para entender a necessidade de utilizar libs como React e Vue. Posteriormente, vamos utilizar essas bibliotecas para sanar essas dores.

Gerenciamento de estado

Assim como componentes, gerenciamento de estado é uma camada no desenvolvimento de sistemas web. Libs como Redux, Mobx, Vuex, Ngrx surgiram para atuar nessa camada. Você entende os porquês e os termos técnicos?

O que os alunos estão dizendo


Philippe Armond

Me disseram que gerenciamento de estado era o bicho e quanto vi o Ayrton explicando eu pensei "nossa, é só isso?

Jordão

O curso é sensacional. Dá bons fundamentos sobre paradigmas de linguagem, componentização...

Igor Turano

Uma qualidade que eu não vejo aqui no Brasil

Juliana

Ele explica muito bem como os frameworks e libraries resolvem as dores do desenvolvimento vanilla

Sidnei

Quando estou descabelado assim como estou, é hora de procurar as explicações do Ayrton

F.A.Q.


Quem sou eu?

Muito prazer, me chamo Ayrton e tenho 29 anos. Comecei na programação aos 15 anos com Visual Basic e logo depois com PHP. Aos 17 caí de cabeça no desenvolvimento web. Nesse período estava no SENAI, tive uma formação técnica e disputei competições na modalidade Web.

O interessante dessa tragetória é que desenvolvimento web era bem diferente e pude focar nos fundamentos desde cedo.

Aos 21 anos (2013) ingressei no mercado de trabalho e passei por empresas como Jornal O Globo, Hotel Urbano e Globo.com, nas últimas duas sendo desenvolvedor 'fullstack' e trabalhando com linguagens das mais diversas: JavaScript, Python, Go, Scala e Java.

Fim de agosto de 2019 tomei a decisão de me dedicar apenas ao Programador a Bordo e iniciar o JS Raiz com o objetivo de passar conhecimento da forma que acredito ser correta.

Razão Social: AYRTON DE JESUS TESHIMA 14409748700

JS Raiz @copyright 2021 - Todos os direitos reservados