1. Acesso a um curso completo e abrangente que cobre as principais tecnologias da Stack JavaScript, permitindo que você se torne um profissional completo e preparado para o mercado de trabalho.
2. Conteúdo atualizado e de qualidade, com aulas práticas e teóricas que abordam desde conceitos básicos até tópicos avançados como SOLID, Arquitetura de Software, TDD, Docker, bancos de dados SQL e NoSQL, cache de dados, real-time com Websockets, testes unitários e de integração e muito mais.
3. Acesso a um passo a passo detalhado para a publicação de aplicativos mobile nas lojas da Apple e do Google, e também o deploy de aplicações web na AWS, permitindo que você tenha uma visão completa do processo de desenvolvimento e publicação de aplicações.
4. Aprendizado com um profissional experiente e renomado no mercado de tecnologia, que compartilha todo o seu conhecimento e experiência adquiridos em mais de 10 anos de atuação na área.
5. Flexibilidade para estudar no seu próprio ritmo, com acesso ilimitado ao conteúdo do curso e suporte para tirar dúvidas e resolver problemas ao longo do processo de aprendizado.

Pergunta 1: Para quem é o produto JStack?
Resposta 1: O produto JStack é para iniciantes e profissionais que desejam aprender e se aprimorar na Stack JavaScript, incluindo NodeJS, React, React Native e TypeScript.

Pergunta 2: O que será aprendido no curso JStack?
Resposta 2: No curso JStack, serão abordados assuntos como SOLID, Arquitetura de Software, TDD, Docker, bancos de dados SQL e NoSQL, cache de dados, real-time com Websockets, testes unitários e de integração, além de ensinar o passo a passo para a publicação de um aplicativo mobile nas lojas da Apple e do Google e o deploy de aplicações web na AWS.

Pergunta 3: O que o instrutor do curso JStack promete entregar?
Resposta 3: O instrutor do curso JStack promete entregar todo o conhecimento adquirido em mais de 10 anos no mercado de tecnologia, ou seja, literalmente tudo o que ele aprendeu está no curso.

Mateus Luiz da Silva

JStack Vitalício

Seja muito bem-vindo!

Comece por aqui

Instalando e configurando o VSCode

Setup

Como funciona o Node.js?

Instalando o Node.js

HTTP e API's REST

O que são módulos

Criando servidor HTTP

Criando a primeira rota da API

Criando Controller de Usuários e Sistema de Rotas

Query Params

Recebendo parâmetros na URL

Criando o método response.send

Capturando o body das requests

Criando o helper bodyParser

Rotas de edição de deleção

Revisão

Primeiros passos no Node.js

npm e yarn

Criando um servidor http com Express

Instalando o Nodemon

npm scripts

Configurando o Eslint e o editorconfig

Criando Controller de Contatos

Entendendo o Repository Pattern

Criando o Repository de Contatos

Criando as rotas de show e delete

O que são Middlewares?

Criando a rota de cadastro de Contatos

Criando a rota de edição de Contatos

Próximos passos

O que é Docker?

Instalando o Docker

Comandos básicos do Docker

Preparando o Banco de Dados

Criando a tabela de Contatos

Conectando o Node ao Postgres

Refatorando o método create

Refatorando os métodos de find

Ordenando os resultados do SELECT

Refatorando o método update

Refatorando o método delete

Criando o módulo de Categorias

Trabalhando com JOINS

Capturando e tratando erros

Node.js com Express

Objeto this, arguments e diferenças entre functions e arrow functions

Parâmetros default em funções

Destructuring

Rest Operator

Imutabilidade e Spread Operator

Template Strings

Promises

ESModules

.includes, .startsWith e .endsWith

.find e .findIndex

.some e .every

.map

.filter

.reduce

JavaScript Moderno

Entendendo o React

Configurando o Babel

Gerando o Bundle com o WebPack

Entendendo e configurando Loaders

Criando um servidor local de desenvolvimento

Criando nosso primeiro Componente

React Fragment

Expressões JS no JSX

O que são Props?

Prop children

Definindo tipos para as props

Renderizando listas

Trabalhando com States

Funções de Callback via Props

Renderização condicional

Trabalhando com a Context API

Inline styles

Trabalhando com arquivos css

CSS Modules

SASS e SASS Modules

Classes dinâmicas

Introdução ao Styled Components

Criando Styled Components

Estilizando Componentes com Styled

Trabalhando com props em Styled Components

Definindo vários estilos dentro da mesma função

Dicas de navegação entre componentes no VSCode

O que é Theming?

Implementando Theming com Styled Components

Utilizando o theme no restante dos componentes

Implementando a troca de temas

Usando o useTheme

Manipulando o lifecycle com o useEffect

Executando função quando o componente desmontar

Diferenças entre o useEffect e o useLayoutEffect

Parando a execução do useEffect no primeiro render

Bônus: adicionando e removendo eventListeners

Fundamentos do React

Introdução

Estrutura dos componentes de classe

Acessando props

Trabalhando com states

Binding de métodos

Refatorando para class properties

Forçando a renderização

Tipando as props

Consumindo a Context API

componentDidMount

componentDidUpdate

componentDidCatch

shouldComponentUpdate

componentWillUnmount

Bônus: Convertendo o ThemeProvider para Class Component

Bônus: Salvando o theme no localStorage

Bônus: Monitorar alterações de state ou prop

Bônus:  HOC para monitorar alterações na Context API

Class Components

Criando nossas primeiras rotas

Prop exact e componente Link

Página de erro 404 e componente Switch

Recebendo parâmetros e query params nas rotas

Parâmetros e query params em Class Components

Navegação programática

Bônus: Animando as transições entre as rotas

React Router

Apresentação do projeto

O que é o Create React App (CRA)?

Inicializando o projeto e entendendo a estrutura do CRA

Configurando o editorconfig e o ESLint

Criando os estilos globais

Criando o Header da aplicação

Criando o Header do ContactsList

Criando a listagem de contatos

Configurando o React Router

Criando a página Home e refatorando o Header

Criando o componente PageHeader

Criando os componentes Input e Select

Criando o componente Button

Criando o componente ContactForm

Criando o componente Modal

Status de danger no Modal

Entendendo e trabalhando com React Portals

Criando o componente Loader

Status de erro no FormGroup e no Input

MyContacts Front-end

Download do eBook

useState

useEffect

useContext

useReducer

useCallback

useMemo

useRef

useImperativeHandle

useEffect vs useLayoutEffect

Custom Hooks

useDebugValue

Playlist React Hooks + eBook

Modelos de Contrato

Materiais Baixáveis

Welcome

Design

Wallpapers

Fonts

Themes

How to be more productive with Alfred (MacOS)

eBook - 14 Hábitos de Desenvolvedores Altamente Produtivos

Dracula Pro + eBooks 14 Hábitos

JStack Vitalício

Avaliações

Perguntas Frequentes