Programador Full Stack Javascript Profissional | Onebitcode

SE TORNE UM PROGRAMADOR PROFISSIONAL ATRAVÉS DE UM CURSO PRÁTICO E FOCADO NO MERCADO DE TRABALHO

Aprenda com projetos reais que vão além do teoria e te colocam
frente a frente com os códigos já nas primeiras aulas!

Vá do básico ao profissional sem perda de tempo e esteja dentro
de uma das áreas mais promissoras para o futuro, a programação!


logo
QUERO ME TORNAR UM PROGRAMADOR!

Desenvolva projetos reais
e ganhe experiência

Projeto completo: JavaScript Notes

App inspirado no Evernote direto para o seu portfólio.

Planejamento completo: Desenho dos mockups, Projeção do banco de dados e Projeção dos Endpoits.

Criação da API NodeJs.

Criação do cliente Web com React.

Teste da integração entre a API e o cliente.

Deploy (deixando o serviço online)

+ Detalhes

Projeto Extra: OneBitFlix

Estamos criando um APP inspirado no Netflix que será liberado como um extra para todos os alunos deste treinamento.

Ele será criado com Node.js como API e React como cliente, além disso a interface será semelhante a do Netflix (elegânte e fluída) com muitos efeitos e interação.

Tecnologias que você vai aprender

Mergulhe no universo da programação com conteúdos extras valiosos

GUIA DE CARREIRA

Aulas extras para você entender como é a carreira de um(a) programador(a), como conseguir jobs, o que estudar, etc.

Entendendo a Carreira de Programador(a).

Como buscar e encontrar Jobs.

Como trabalhar como freelancer.

Como continuar evoluindo.

TÓPICOS AVANÇADOS

Neste módulo extra nós adicionamos, conforme necessidade dos alunos, alguns conteúdos mais avançados.

Como criar APPs desktop com Electron

O que é e como usar Redux [em breve].

O que é e como usar Next.js [em breve]

O que é e como usar SWR [em breve].

ENTREVISTAS

Neste múdulo você vai ter contato com programadores que já passaram pelo Onebitcode e que já estão trabalhando e tendo sucesso com a programação.

Alberto Rocha: Desenvolvedor Remoto para o Canadá.

Leonardo Rocha: Desenvolvedor Remoto Backend (AIS Digital).

Mais entrevistas em breve.

Depoimentos

São mais de 5000 programadores neste treinamento, veja alguns depoimentos de quem já passou por esta experiência.

Plano de Estudos Detalhado

O seu acesso é vitalício, porém se você quer estudar de forma mais intensa e organizada, nós criamos um plano de aulas para que você consiga concluir o curso em até 8 semanas.

Introdução à Web + Dominando o HTML5

Dia 1

Introdução à Web

  1. • Seja bem vindo(a) ao módulo Introdução à Web
  2. • O que é a Web e como ela funciona
  3. • Desenvolvedor Frontend, Backend e Full Stack

Dominando o HTML5

  1. • Objetivos
  2. • Conhecendo o HTML
  3. • Links para a documentação do HTML
  4. • Estrutura de uma página Web
  5. • Tags básicas do HTML
  6. • Listas no HTML
  7. • Exercício: Criando uma lista

Dominando o HTML5

  1. • Resolução: Criando uma lista
  2. • Organizando nosso código com Divs e Span
  3. • Atributos HTML
  4. • Exercício: Guia de galáxias

Dominando o HTML5

  1. • Resolução: Guia de Galáxias
  2. • Criando Tabelas
  3. • Exercício: Criando sua primeira Tabela
  4. • Resolução: criando sua primeira tabela
  5. • Conhecendo os Forms

Dominando o HTML5

  1. • Criando um form para pesquisar no Google
  2. • Validação de forms
  3. • Aprofundando nos Inputs
  4. • Exercício: Criando seu primeiro Form
  5. • Resolução: Criando seu primeiro Form

Dominando o HTML5

  1. • Novidades do HTML5
  2. • Leituras recomendadas
  3. • Elementos semânticos do HTML5
  4. • Exercício: Criando um site completo​
  5. • Resolução: Criando um site completo​

Dominando o CSS + Bulma

Dia 1

Dominando o CSS

  1. • Objetivos deste módulo
  2. • Básico do CSS
  3. • Primeiro CSS
  4. • Cores no CSS​
  5. • Background e Borders
  6. • Seletores
  7. • Inspetor do Chrome

Dominando o CSS

  1. • Seletores mais avançados
  2. • Especificidade
  3. • Herança
  4. • Exercício: Recriando um site com CSS #1​
  5. • Resolução: Recriando um site com CSS #1
  6. • Texto e Fontes

Dominando o CSS

  1. • Usando o Google Fonts
  2. • Box Model
  3. • Exercício: Recriando um site com CSS #2
  4. • Resolução: Recriando um site com CSS #2​

Bulma

  1. • Objetivos deste módulo
  2. • O que é o Bulma?

Bulma

  1. • Adicionando o Bulma ao seu projeto
  2. • Conhecendo os components
  3. • Barra de navegação e footer
  4. • Aplicando Responsividade

Bulma

  1. • Exercício: Criando um Portfólio com Bulma
  2. • Resolução: Criando um Portfólio com Bulma (Parte 1)
  3. • Resolução: Criando um Portfólio com Bulma (Parte 2)
  4. • Resolução: Criando um Portfólio com Bulma (Parte 3)

JavaScript e Lógica de Programação

Dia 1

Javascript – Primeiros Passos

  1. • Seja bem-vindo(a) ao modulo Javascript + Lógica de programação
  2. • O que é Javascript
  3. • Tipos Primitivos
  4. • Operações Básicas
  5. • Exercício 1: Operações Básicas
  6. • Recursos Nativos do Browser
  7. • Declarando Variáveis
  8. • Exercício 2: Pegando dados do Usuário
  9. • Exercício 2: Resolução
  10. • Comentários
  11. • Javascript fora do Console
  12. • Exercício 3: Utilizando JS Externo
  13. • Exercício 3: Resolução

Javascript – Condicionais

  1. • Comparações de Dados
  2. • Operações Lógicas (Parte 1)
  3. • Operações Lógicas (Parte 2)
  4. • Condicionais
  5. • Exercício 4: Utilizando condicionais
  6. • Exercício 4: Resolução
  7. • MiniApp com Boolean, Operadores e Condicionais
  8. • Conhecendo o Switch
  9. • Exercício 5: Fixando uso do Switch
  10. • Exercício 5: Resolução

Javascript – Loops

  1. • Estruturas de Repetição
  2. • Exercício 6: Utilizando o While
  3. • Exercício 6: Resolução
  4. • Loops com For
  5. • Exercício 7: Utilizando o For
  6. • Exercício 7: Resolução
  7. • Do While
  8. • Usando o break
  9. • Exercício básico de loops 3
  10. • Resolução exercício de loops 3

Javascript – Funções

  1. • Introdução às funções
  2. • Parâmetros das Funções
  3. • Parâmetros com Valor Padrão
  4. • Armadilhas dos Parâmetros
  5. • Retorno da função
  6. • Exercício 9: Exercitando Funções
  7. • Exercício 9: Resolução
  8. • Scope
  9. • Funções Anônimas
  10. • Arrow functions
  11. • High Order Functions
  12. • Exercício 10: Aprofundando nas Funções
  13. • Exercício 10: Soluçãos

Javascript – Arrays

  1. • Introdução aos arrays
  2. • Funções Básicas de arrays
  3. • Arrays Bidimensionais
  4. • Exercício 11: Quizz sobre arrays
  5. • Splice e Slice
  6. • Iteração em Arrays
  7. • Exercício 12: Praticando Arrays
  8. • Exercício 12: Resolução

Javascript – Objetos

  1. • Introdução à Objetos (Parte 1)
  2. • Introdução à Objetos (Parte 2)
  3. • Exercício 13: Quizz sobre objetos
  4. • Comparando objetos e arrays
  5. • Aninhando Objetos e Arrays
  6. • Adicionando funções aos objetos
  7. • Exercício 14: Praticando Objetos
  8. • Exercício 14: Resolução

JavaScript e Lógica de Programação + Git e GitHub

Dia 1

Javascript – Classes e POO

  1. • Classes e POO (Parte 1)
  2. • Classes e POO (Parte 2)
  3. • Construtores e Instâncias
  4. • Métodos
  5. • Exercício 15: Praticando Classes
  6. • Exercício 15: Resolução
  7. • Associando classes
  8. • Herança
  9. • Sobrescrita de Métodos
  10. • Método super
  11. • Exercício 16: Quizz sobre Herança

Javascript – Objetos

  1. • Métodos Get e Set
  2. • Métodos estáticos
  3. • Variáveis estáticas
  4. • Exercício 17: Revisão de Classes
  5. • Exercício 17: Resolução
  6. • O que são Exceções
  7. • Cláusula throw
  8. • Bloco try catch finally

Javascript – Manipulando o DOM

  1. • Módulos Math e Date
  2. • Eventos no HTML
  3. • Introdução ao DOM

Javascript – Manipulando o DOM

  1. • Selecionando Elementos no DOM
  2. • Manipulando o DOM
  3. • Enviando o DOM para a função
  4. • Exercício 18: Manipulando o DOM
  5. • Exercício 18: Resolução
  6. • Seletores para Formulários
  7. • Evento para o formulário
  8. • Manipulando estilos
  9. • Manipulando atributos
  10. • Exercício 19: Praticando o DOM
  11. • Exercício 19: Resolução

Javascript – Eventos

  1. • Eventos a partir do Javascript
  2. • Manipulando eventos
  3. • “This” e as Arrow functions
  4. • Exercício básico de eventos

Git e GitHub

  1. • Objetivos deste módulo
  2. • O que é o Git
  3. • O que é o GitHub
  4. • Instalando o Git
  5. • Configurando o Git
  6. • Criando um novo repositório
  7. • Ciclo de vida dos arquivos

Git e GitHub

  1. • Realizando o primeiro commit
  2. • Exercício: Seu primeiro commit
  3. • Resolução: Seu primeiro commit
  4. • Visualizando os logs
  5. • Visualizando as diferenças
  6. • Desfazendo alterações
  7. • Exercício: Observando as diferenças e desfazendo alterações
  8. • Resolução: Observando as diferenças e desfazendo alterações
  9. • O que são Branchs
  10. • Como utilizar branchs
  11. • O que é merge e como utilizar

Git e GitHub

  1. • Exercício: Usando o merge
  2. • Resolução: Usando o merge
  3. • Conhecendo um repositório no GitHub
  4. • Clonando um projeto do Github
  5. • Criando um novo repositório no GitHub
  6. • Baixando as atualizações de um projeto
  7. • Ignorando Arquivos
  8. • Exercício: Crie seu primeiro repositório online
  9. • Resolução: Crie seu primeiro repositório online
  10. • Conectando ao Github com uma chave SSH

JavaScript Moderno (ES6+)

Dia 1

Javascript Moderno – Evolução e compatibilidade

  1. • Versões do ECMAScript
  2. • Interpolação de String
  3. • Desestruturação de Objetos e Arrays
  4. • Operador Spread
  5. • Rest Param
  6. • O que é NodeJS e como Instalar
  7. • Formato JSON
  8. • Npm e Yarn (instalando o npm)
  9. • Npm init e instalação de pacotes
  10. • Transpilação com Babel
  11. • babel.config.js e .babelrc
  12. • NPX e NPM Scripts

Javascript Moderno – Evolução e compatibilidade

  1. • Desvendando o Webpack – Parte 1
  2. • Desvendando o Webpack – Parte 2
  3. • Desvendando o Webpack – Parte 3

Javascript Moderno – Modules

  1. • Introdução aos Módulos
  2. • Exportando um modulo
  3. • Usando um móodulo
  4. • Exercício 1: Módulos CommonJS
  5. • Exercício 1: Resolução
  6. • Export default
  7. • Import default

Javascript Moderno – Modules

  1. • Export nomeados
  2. • Import nomeados
  3. • Exercício 2: Módulos do ES6
  4. • Exercício 2: Resolução
  5. • Renomeando Exports e Imports
  6. • Renomeando um Import

Javascript Moderno – Assincronicidade e Promises

  1. • SetInterval e SetTimeout
  2. • Síncrono e Assíncrono
  3. • O que são Promises
  4. • Utilizando o Then
  5. • Utilizando o Catch
  6. • Exercício 3 – Utilizando Promises
  7. • Exercício 3 – Resolução

Javascript Moderno – Assincronicidade e Promises

  1. • Promises encadeada
  2. • Executando várias Promise
  3. • Exercício 04 – Avançando Promise
  4. • Exercício 04 – Resolução

Javascript Moderno – Async Await

  1. • Preparando o ambiente
  2. • O que são Async Functions
  3. • Capturando erros das Async Functions
  4. • O que é Await
  5. • Executando várias Promises com Await
  6. • Exercício 5: Utilizando Async Functions
  7. • Exercício 5: Resolução

Javascript Moderno – Requests

  1. • O que é uma API?
  2. • Requisições Get
  3. • Exibindo os Registros no Browser
  4. • Exercicio 6: Utilizando o Fetch
  5. • Execício 6: Resolução

Dominando o React

Dia 1

React

  1. • Introdução ao Módulo
  2. • O que é React
  3. • O que são Components e porque eles são importantes
  4. • O que é Jsx
  5. • Hello World
  6. • Como o react atualiza as views
  7. • Create React App: Gerando nosso primeiro projeto

React

  1. • Criando seu primeiro component
  2. • Exercício: Criando um component Lorem Ipsum
  3. • Resolução: Criando um component Lorem Ipsum
  4. • Agrupando components
  5. • Dividindo e reutilizando components
  6. • Conhecendo as Props
  7. • Exercício: Criando um component com Props
  8. • Resolução: Criando um component com Props

React

  1. • O que são eventos
  2. • Passando um evento como parâmetro para outro component
  3. • Renderização condicional
  4. • Impedindo o component de renderizar até que uma condição seja atingida​​
  5. • Renderizando multiplos components
  6. • Renderizando multiplos elementos no JSX
  7. • O que são estados
  8. • Criando uma classe com estado​​
  9. • O que é o lifecycle
  10. • Incluindo lifecycle na nossa classe
  11. • Exercicio: Usando State e Lifecycle
  12. • Resolução: Usando State e Lifecycle

React

  1. • O que são Hooks
  2. • Refatorando nosso state com hooks
  3. • Refatorando nosso lifecycle com hooks
  4. • Exercício: Refatorando com Hooks
  5. • Resolução: Refatorando com Hooks
  6. • Controlled e Uncontrolled Components
  7. • Criando um form controlado
  8. • Controlando múltiplos inputs
  9. • Exercício: Criando um novo Form controlado
  10. • Resolução: Criando um novo Form controlado

React

  1. • O que é um SPA e o que são rotas
  2. • Incluindo as rotas no nosso projeto
  3. • Criando uma nova tela
  4. • Pegando parâmetros da URL
  5. • Navegando entre as telas
  6. • Redirect e página 404
  7. • Conclusão e próximos conteúdos

Dominando o NodeJS (ExpressJS)

Dia 1

Introdução ao Backend

  1. • Introdução ao módulo
  2. • Entendendo o Backend
  3. • Executando códigos JS no Terminal
  4. • Entrada e Saída de Dados
  5. • Manipulando arquivos
  6. • Verbos e status HTTP
  7. • Montando um servidor HTTP com NodeJS
  8. • Arquitetura MVC

Express

  1. • O que é o Express (Parte 1)
  2. • O que é o Express (Parte 2)
  3. • Primeira rota com Express
  4. • Respostas JSON
  5. • Instalando o Postman
  6. • Chain of Responsibility
  7. • Middlewares
  8. • Concentrando rotas
  9. • Rota POST
  10. • Parâmetros nas rotas
  11. • Rotas PUT e DELETE

Model com MongoDB

  1. • Banco de Dados Relacionais e Não-Relacionais
  2. • O que é o MongoDb
  3. • Instalação e Uso do MongoDB
  4. • Manipulando dados no MongoDB
  5. • Relacionando dados no MongoDb
  6. • Associação entre Collections
  7. • Operadores do MongoDB
  8. • Instalação do Mongoose
  9. • Mapeamento Objeto-Documento
  10. • Models e as Rotas
  11. • Listando dados do Model
  12. • Atualização e Remoção de Dados

React

  1. • EJS e configuração com o Express (Parte 1)
  2. • EJS e configuração com o Express (Parte 2)
  3. • Navegando no App
  4. • Incluindo uma partial
  5. • Enviando dados para um template EJS
  6. • Dados através das rotas
  7. • Enviando dados de um formulário com POST (Parte 1)
  8. • Enviando dados de um formulário com POST (Parte 2)
  9. • Pacote MethodOverride
  10. • Atualização de dados com PUT
  11. • Removendo dados com o DELETE

Finalizando a lista de tarefas

  1. • Cadastro de uma nova tarefa (Parte 1)
  2. • Cadastro de uma nova tarefa (Parte 2)
  3. • Excluir uma tarefa
  4. • Fazendo request JSON (Parte 1)
  5. • Fazendo request JSON (Parte 2)
  6. • Conclusão do Módulo

Projeto Final: App inspirado no Evernote

Dia 1

Planejamento

  1. • Introdução ao módulo
  2. • Planejamento mínimo de um APP
  3. • Criando Mockups
  4. • Projetando a estrutura de dados
  5. • Projetando os Endpoints

API NodeJS

  1. • Iniciando o Projeto
  2. • Preparando a base da API
  3. • Criando a estrutura de dados
  4. • O que são autorização, autenticação e JWT
  5. • Autenticação: Transformando o password em Hash

API NodeJS

  1. • Autenticação: Registrando o usuário
  2. • Autenticação: Permitindo o login do usuário
  3. • Autenticação: Verificando o usuário da requisição
  4. • Criando uma nota
  5. • Baixando uma nota
  6. • Baixando a lista de notas
  7. • Atualizando uma nota

API NodeJS

  1. • Deletando uma nota
  2. • Buscando notas
  3. • Liberando o CORS
  4. • Visão geral da API

Cliente React

  1. • Gerando o Projeto
  2. • Instalando as Libs principais do projeto
  3. • Estrutura da projeto, Bulma e Estilo global do projeto
  4. • Criando o Header
  5. • Criando a tela Home
  6. • Incluindo as Rotas

Cliente React

  1. • Navegação básica
  2. • Tela de registro
  3. • Component do formulário de registro
  4. • Conectando com a API
  5. • Testando a conexão e criando um usuário de testes
  6. • Tela de Login​
  7. • Criando o component de formulário do Login
  8. • Conectando com a API
  9. • Criando rotas protegidas

Cliente React

  1. • Header logado e logOut
  2. • Header logado no mobile
  3. • Estrutura da página de notes
  4. • Sidebar (notas)
  5. • Listando as notas (Parte 1)
  6. • Listando as notas (Parte 2)
  7. • Criando uma nova nota
  8. • Excluindo uma nota
  9. • Incluindo o editor Rich Text

Deploy

  1. • O que é deploy, VPS e PaaS
  2. • Preparando o Heroku e o MongoDb
  3. • Deploy da API
  4. • Deploy do Cliente
  5. • Desafio Final: Atualizando a API
  6. • Resolução Parte 1: Atualizando e excluindo o usuário (Atualizando a API)
  7. • Resolução Parte 2: Preparando a tela de edição do usuário
  8. • Resolução Parte 3: Atualizando as informações do usuário
  9. • Resolução Parte 4: Atualizando o password
  10. • Resolução Parte 5: Excluindo a conta
  11. • Resolução Parte 6: Incluindo o nome do usuário no Header

Certificado

Quem já conhece o Onebitcode, sabe que o melhor certificado para uma carreira sólida e de sucesso na programação é a experiência.

E por isso nós criamos tantos exercícios práticos, projetos completos reais e mantemos um suporte de verdade para cada aluno.

Porém, também sabemos que ter um certificado do Onebitcode comprovando sua experiência com os códigos é de extrema importancia e pode fazer a diferença na hora de buscar seu job.

Por isso, ao final do treinamento, você receberá um certificado de conclusão de curso com mais de 60 horas de conteúdo e com nossa confirmação de sua participação.

Grupo Exclusivo para Alunos

Se você já teve dúvidas em um curso e esperou horas ou até mesmo dias para uma resposta, tenho uma boa notícia par você:

Neste curso, você fará parte de um grupo no Telegram com centenas de programadores criando networking 24 horas por dia!

Está com dúvidas? Quer compartilhar uma experiência? Precisa de ajuda ou deseja apenas bater um papo com outros programadores?

Fique a vontade e interaja o quanto quiser no grupo de alunos do curso o/

Equipe

Conheça a equipe Onebitcode responsável por este treinamento.

Leonardo Scorza
Cofundador do Onebitcode, programador Full Stack e Instrutor
Daniel Moreto
Programador especialista em Backend e Instrutor
Flávia Modesto
Cofundadora do Onebitcode, editora de vídeos e designer

FAQ

Perguntas e respostas frequentes.

Não sei nada sobre programação, vou conseguir acompanhar o curso?

Neste curso nós começamos desde o início da programação, mostrando a base da web e como evoluir a partir dela. Se você estiver realmente comprometido(a) em aprender, tenho certeza de que não terá grandes dificuldades em seguir o curso e concluir os conteúdos com sucesso.

Nós ensinamos a base para que pessoas que nunca programaram possam começar, mas também para que pessoas que já tiveram algum contato com programação, possam rever alguns pontos chaves e ter um conhecimento completo sobre a programação. Após isso, evoluímos rapidamente e passamos por itens avançados e desafios mais complexos. Então, fique tranquilo(a), o curso será desafiador e te proporcionará grandes aprendizados através do desenvolvimento de projetos reais.

  1. Quem deseja começar uma profissão nova
  2. Quem não sabe NADA de programação web
  3. Quem já tem uma noção de Lógica de Programação
  4. Quem já consegue se virar com os códigos, mas quer dar aquele UPGRADE no conhecimento
  5. Quem domina o JavaScript, mas deseja REFORÇAR a base e aprender node.js + react
  1. Ter acesso à um computador
  2. Ter acesso à internet
  3. Saber o básico para acessar sites, vídeos, documentos, etc.
Quais linguagens de programação vou aprender?

O foco deste curso é a linguagem JavaScript, ensinaremos ela do zero (desde o básico até o javascript moderno) junto com a lógica de programação.

Vamos criar a interface dos nossos Projetos usando o Framework Css Bulma (semelhante ao Bootstrap) e também usaremos React.

Usaremos Express.js, ele é um framework popular, leve e agradável de usar criado em cima do Node.js.

Vamos usar o banco de dados noSQL MongoDB, ensinaremos detalhadamente como trabalhar com ele.

Como são as aulas no Onebitcode?

As aulas são gravadas e disponibilizadas numa sequência progressiva de aprendizado.
Todos os códigos são explicados em vídeo e você tem acesso aos códigos na parte em texto.
Ao final de cada etapa, há desafios práticos para que você coloque a mão na massa e absorva melhoros conteúdos passados.

O acesso é vitalício.
Nós criamos um plano de estudos de 8 semanas caso você queira concluir o treinamento neste período, porém você é livre para estudar no seu tempo.

Sim, temos um certificado de conclusão de curso emitido automaticamente após a conclusão das aulas oficiais (8 semanas).
O certificado menciona mais de 50 horas de conteúdo (aulas oficiais), porém, contando com os conteúdos extras, o número de horas do curso é maior do que isso.

Nós temos um grupo exclusivo de alunos no Telegram, onde todos tiram dúvidas, trocam conhecimentos, experiências e criam um networking valioso 24 horas por dia!
E caso você não tenha sua dúvida respondida ainda assim, você pode entrar em contato por email conosco: contato@onebitcode.com.

Quais as formas de pagamento?

Se você estiver no Brasil, poderá fazer o pagamento em até 12x no cartão de crédito e utilizar até dois cartões para o pagamento. Além disso, também é possível efetuar o pagamento via Pix, boleto, débito bancário, conta Hotmart, PayPal, Samsung Pay e Google Pay.
Se você estiver em outro país, os meios de pagamentos aparecerão no checkout conforme à disponibilidade de seu país de origem.

Sim. Temos 7 dias de garantia para que você possa pedir o reembolso.
Dentro deste período, você consegue pedir o reembolso diretamente na plataforma sem a necessidade de nenhuma justificativa.

Realizar inscrição

Apenas 12x

R$28,94!

No Cartão de Crédito ou R$297 à vista.

7 dias de garantia

Você pode acessar o treinamento por 7 dias e caso não possa prosseguir, basta solicitar seu reembolso automaticamente pela plataforma.

40% OFF!

De R$497 por R$297 (valor especial).

ME MATRICULAR AGORA

Tire suas dúvidas

Se você ficou com alguma dúvida sobre o treinamento, me chame no WhatsApp clicando aqui , ou me envie um email em contato@onebitcode.com

× Como posso te ajudar?