Curso Desenvolvimento Web - Programador Br
Curso completo de programação que vai te levar do zero até os seus primeiros projetos profissionais. Você vai aprender 10 tecnologias, do Front ao Back End, e vai sair preparado para o mercado mais aquecido da atualidade. A didática do Igor Oliveira é sensacional e super elogiada pelos alunos, porque ele explica de forma fácil, focando em quem nunca escreveu uma linha de código. E se restar qualquer dúvida, a equipe de suporte está sempre pronta para responder e ajudar os alunos em cada passo. Caso você não conheça o Igor, ele é o cr...
Conteúdo Vantagens Detalhes
- Boas-vindas
- Como funciona a plataforma do curso
- Como tirar dúvidas com o nosso suporte
- Como baixar seus certificados
- Ferramentas que vamos utilizar no curso
- Como o HTML, CSS e JS funcionam juntos
- Front end e back end
- Como a internet funciona
- Página estática vs página dinâmica
- Elemento HTML e Tag
- Estrutura básica do HTML
- Meta, Title, Atributos e Tag de Auto Fechamento
- Extensão Live Server
- Títulos, Parágrafos e Semântica
- Comentários
- Formatação de texto
- Quebra de linha
- Links
- Imagens
- Figure
- Hierarquia de pastas
- Listas
- Links Telefone, WhatsApp e Instagram
- Lang
- Div e Id
- Como enviar o seu projeto para o suporte usando o Google Drive
- Apresentação Projeto Currículo
- Resolvendo Projeto Currículo
- Tipos de estilos CSS
- CSS inline
- CSS interno
- CSS externo
- Seletores de elemento, classe e id
- Comentários
- Color e Background Color
- Ferramenta Inspect do Google Chrome
- Usando o Inspect no nosso projeto
- Background
- Background Gradiente
- Unidades de medida absolutas (fixas)
- Unidades de medida relativas (referência)
- Unidades de medida relativas para fontes
- Ajustes de texto
- Fontes
- Fontes customizadas
- Border
- Margin e Padding
- Box Model e Box Sizing
- Overflow
- Alinhamento Horizontal
- Estilo de link
- Listas
- Cursores
- Apresentação Projeto Página de Conteúdo
- Top bar
- Header
- Content - Parte 1
- Content - Parte 2
- Apresentação Projeto Página de Receitas
- Top bar e Hero
- Ingredientes e Preparo
- Instruções e Footer
- Introdução CSS Intermediário
- Display
- Position - Static e Relative
- Position - Absolute
- Position - Fixed
- Position - Sticky
- Float
- Alinhamento Vertical
- Viewport
- Responsividade
- Media Queries
- Introdução - Html Intermediário
- Formulário - 1
- Formulário - 2
- Tipos de input
- Select
- Textarea
- HTML 5 Intro
- Input HTML 5
- Tags Semânticas
- Introdução - Página de Captura
- Configuração inicial do projeto
- Cabeçalho
- Conteúdo principal
- Estilo do conteúdo principal
- Rodapé
- Estilo do rodapé
- Aplicações desse projeto
- Configurando o Mailchimp
- Integração com o Mailchimp
- Introdução - Negócios + Mindset
- Como encontrar seu primeiro cliente
- Como um negócio Funciona?
- Estudando a concorrência
- Vencendo objeções
- Buscando referências de Design
- Hospedagem e Domínio - Parte 1
- Hospedagem e Domínio - Parte 2
- Desafio - Negócios, Preparando sua primeira venda
- Primeiro contato + Hello World
- Algoritmos
- Console
- Variáveis
- Tipos de dados
- Operações aritméticas
- Atribuições
- Operadores comparativos
- Operadores lógicos
- Strings
- Transformando Strings em Números
- Alert e Prompt
- Condicionais - IF
- Operador Ternário
- Condicionais - Switch
- Repetição - FOR e WHILE
- Arrays
- Funções
- Funções parte 2
- Juntando tudo até aqui.
- Objetos - Propriedades
- Objetos - Métodos
- Objetos - Construtores
- Objetos - Resumo
- Datas
- Const, Let e Var
- Introdução - Javascript Intermediário
- Window
- Document
- Document - parte 2
- Acessando elementos HTML com JS
- Modificando elementos
- Eventos - Parte 1/3 (DOM Events)
- Eventos - Parte 2/3
- Eventos - Parte 3/3
- O que é o This?
- Tirando dúvida sobre o lance dos parênteses nas funções
- Comparando as maneiras de criar um evento
- Elementos pai e filhos
- Biblioteca Math
- JSON
- Local Storage - Persistência de dados
- Criando uma página para sorteio
- Timer e Intervalo
- Introdução - Churrascômetro
- Pensando sobre a solução
- Estrutura HTML
- Estilo CSS
- Código JS
- Introdução - Html Avançado
- Atributos personalizados - Parte 1
- Atributos Personalizados - Parte 2
- Video
- Video - Controle (Parte 1)
- Video - Controle (Parte 2)
- iFrame
- Audio
- Animação com HTML
- Canvas - Intro + Linhas
- Canvas - Largura x Altura
- Canvas - Retângulo
- Canvas - Inicio e Fim do caminho (Path)
- Canvas - Circles
- Canvas - Animação
- Canvas - Imagens
- Introdução - CSS Avançado
- Pseudo Elementos
- Seletores
- Pseudo Classes
- Função Calc CSS
- Transformações
- Compatibilidade de navegadores
- Variáveis em CSS
- FlexBox - Flex Direction
- Flexbox - Wrap
- Flexbox - Flex Flow
- Flexbox - Justify Content + Align Items
- Flexbox - Align Content
- Flexbox - Grow/Shrink
- Flexbox - Ordem
- Flexbox - Align Self
- Desafio FlexBox
- Resolvendo o desafio FlexBox
- Grid - Intro
- Grid Template
- Grid Gap
- Grid Justify e Align Items
- Grid Justify e Align Content
- Grid Template Area
- Grid Column e Row Start e End
- Análise do projeto
- Estrutura do projeto (html)
- Configurando o container
- Aplicando o estilo do header
- Aplicando o estilo dos links
- Footer
- Introdução - JS Avançado
- Strict mode
- This e Bind
- Arrow Functions
- Callback
- Promises
- Async Await - Uma outra maneira de usar promises
- Filter
- Map
- Valor vs Referência
- Spread Operator
- Desestruturando um objeto
- Reduce
- Desafio - JS Avançado
- Fetch
- try catch - tratamento de erros
- Introdução - Jogo da Velha
- Criando o tabuleiro
- Criando os Jogadores
- Adicionando ações e símbolos
- Verificando vencedor e finalizando
- Introdução - CSS Animações
- Primeira Animação - Keyframes
- Adicionando estados a animação
- Propriedades
- Delay
- Loop
- Direction
- Fill Mode
- Timing Function
- Short Hand
- Transitions
- Introdução - Jogo da Memória
- Estrutura das cartas
- Estilo das cartas
- Animando as cartas
- Montando a tela de Game Over
- Montando o estilo do tabuleiro
- Criando o modelo Das cartas no jogo
- Embaralhando as cartas
- Montando o tabuleiro
- Separando a View da Lógica
- Checando se forma par
- Achando e corrigindo bugs
- Finalizando
- Introducão - jQuery
- Conhecendo o jQuery
- Primeiros Passos
- Eventos
- Animações
- Callback
- Selecionando elementos Filhos
- Encadeamento (chaining)
- Lendo o conteúdo de um elemento
- Modificando o conteúdo e características dos elementos
- Selecionando Elementos por atributos
- Removendo elementos
- Inserindo Elementos
- Modificando o CSS
- Dimensões
- Elementos irmãos (Siblings)
- Filter, Last, First e Eq
- Introdução
- Entendendo o funcionamento de uma biblioteca
- Adicionando o Bootstrap ao projeto
- Cores padrão no Bootstrap
- Customizando o Bootstrap
- Botões
- Prioridade Booststrap x CSS
- Títulos e Display
- Margin e Padding
- Container
- Breakpoint
- Tamanhos
- Display
- Border
- Flexbox
- Position
- Tabelas
- Alertas
- Introdução
- Planejando o App
- Criando a tela de velocímetro
- Criando o estilo da tela do velocímetro
- API e o conceito por trás do acesso ao GPS
- Preparando o projeto para testar no celular
- Capturando os dados através da API de Geolocalização
- Armazenando os dados no localstorage
- Criando a lista
- Colocando dados na lista_parte 1
- Colocando dados na lista_parte 2
- Criando o estilo da lista
- Criando o estilo do item da lista
- Resolvendo o bug de ordem
- Criando a tela de detalhe
- Mapa e percurso
- Delete
- Mapa na lista com marcador
- Introdução
- Accordion
- Customizando o Accordion
- Cards
- Collapse
- Modal
- Carousel
- Grupo de botões
- Dropdown
- Nav
- Navbar
- Ícones
- Tooltip
- Popover
- Introdução - Firestore
- Conhecendo o Firebase
- Criando a conta no Firebase
- Criando seu primeiro projeto
- Coleções e documentos
- Conectando o Firebase com o JS
- Lendo documentos
- Buscas -Selecionando melhor os documentos
- Criando e alterando documentos
- On Snapshot (atualização em tempo real)
- Apagando campos e documentos
- Criando Usuários no Firebase
- Gerenciando Logins
- Sessão do usuário
- O que são permissões?
- Permissões e Regras
- Introdução - Firebase Storage
- Primeiros Passos
- Referências
- Um pouco mais sobre referências
- Upload
- Metadados
- Introdução - Node JS
- O que é Node.js
- Instalando o Node
- Instalando o Cmder
- Executando scripts com Node
- Js para Navegador vs JS para Node
- Inserindo Argumentos
- Módulos
- Um pouco mais sobre módulos
- Trabalhando com Arquivos em Node
- Pacotes
- Redimensionando uma imagem
- Comprimindo imagens
- Módulo HTTP
- Primeiro servidor de Páginas com node
- Um pouco mais sobre dependências.
- Request
- Métodos HTTP
- Instalando o Express
- Arquivos estáticos com Express
- Express - Get
- Post, Put, Delete
- Insomnia - Rest Client
- HTTP Request
- HTTP Response
- Middleware
- Rotas
- Separando as Rotas
- Criando um Mural de Avisos (back) - Parte 1
- Criando um Mural de Avisos (back) - Parte 2
- Criando um Mural de Avisos (back) - Parte 3
- Criando um Mural de Avisos (back) - Parte 4
- Criando um Mural de Avisos (back) - Parte 5
- Criando um Mural de Avisos (back) - Parte 6
- Criando um Mural de Avisos (Front) - Parte 1
- Criando um Mural de Avisos (Front) - Parte 2
- Criando um Mural de Avisos (Front) - Parte 3
- Cors
- Introdução - Template Engine
- Criando um Template na mão
- Configurando o EJS
- Substituição de variáveis
- For no EJS
- If no EJS
- Partials
- Introdução - Mongo
- Overview
- Instalando o Mongo (MAC)
- Instalando o Mongo (WIN)
- Instalando o Compass (Interface gráfica)
- Criando um banco
- Criando, apagando e mostrando coleções
- Criando um documento
- Selecionando documentos
- Update
- Mais um pouco sobre update
- Considerações
- Intro - O que vamos fazer (Mongo parte 2)
- Instalando o Mongoose (ORM)
- Criando documentos
- Buscando um documento
- Documentação
- Organizando o código
- Criando o documento através dos dados de um formulário
- Integrando com o Front end
- Tratando o erro no Backend
- Buscando todos os links
- Listando os links na tela
- Apagando um documento
- Apagando Link - Front end
- Outra forma de apagar
- Ajustando as rotas
- Editando os Links
- Estilizando a página de links
- Atualizando os Clicks
- Estilizando telas de Add e Edit
- Introdução - Login JWT
- Configurando node
- Rotas
- Controladores
- Banco de dados
- Criando o usuário
- Criptografando a senha
- Login com o usuário
- O que é JWT
- Criando o Token
- Protegendo rotas
- Validando a entrada
- O que é
- Instalando o certificado
- Forçando HTTPS
- Introdução - Socket JS
- O problema que o socket resolve
- Conectando o front com o Back
- Enviando mensagens entre o front e o back
- Broadcast - enviando mensagem para todos
- Chat - criando a base
- Chat - trocando mensagens
- Chat - criando usuários
- Chat - Separando as salas
- Introdução - Estratégias e vendas
- Estrutura de uma venda
- Funil de vendas
- Tráfego
- SEO - O que é?
- SEO - Conteúdo e arquitetura
- SEO - HTML e Confiança
- SEO - Construção de links
- Planejamento de palavra chave
- Google trends
- Google Maps
- Google Meu negócio
- Robots TXT
- Analytics - O que é
- Instalando o Analytics
- Google Search Console
- Indexando uma Página no Google
- Criando um Sitemap
- Configurando o Sitemap.
- Introdução - React JS
- Como o React Funciona
- Usando o React pela primeira vez
- JSX
- Create React App
- Adiantando - Build do React
- Componentes e propriedades
- Listas
- Criando Objetos com Class
- Componentes com class
- Estados
- Métodos de ciclo de vida
- Hooks estados
- Hooks effect
- Hook effect equivalente ao Unmount
- Falando um pouco sobre import
- Criando o Todo
- Pegando o valor de um input
- Adicionando itens na lista
- Separando os componentes
- Desmembrando o formulário
- Criando um Item mais complexo
- Apagando um item da lista
- Marcando um item como realizado
- Mudando a cara do TODO
- Separando mais os componentes
- Salvando o estado na memória
- Criando um Modal - Parte 1 - Estrutura
- Criando um Modal - Parte 2 - Funcionalidade
- Apresentando o problema com um contador
- Gerenciando o estado com Context API
- Introdução - Migrando o Jogo da memória
- Revisando o código original
- Iniciando o Projeto com React
- Reaproveitando os arquivos prontos
- Recriando o GameOver
- Criando a carta com React
- Criando o tabuleiro
- Juntando as peças
- Finalizando
- Introdução - Redux
- Como o Redux funciona
- Criando a estrutura básica do Redux
- Passando a carga para a Action - Action Creator
- Usando mais de um Reducer
- Separando os elementos do Redux
- Redux-Thunk
- React-Redux Juntando as peças
- Usando Combine Reducer com React
- Usando Redux no TODO - Criando Actions e Reducers
- Usando Redux no TODO - Disparando eventos
- Usando Redux no TODO - Persistindo os dados
- Introdução - React Router
- Criando as Rotas
- Switch
- Lidando com Rotas que não existem
- Outra forma do Route
- Link
- Use Match
- Ajuste no Match
- Use Params
- Criando seu próprio Hook
- Use Location
- Gerenciando autorização
- Componente de Rota Privada
- Melhorando o comportamento
- Criando um projeto com React + node
- Alterando nosso App React
- Criando um proxy para o ambiente de desenvolvimento
- Instalando o concurrently
- Automatizando o build com o post install Post install
- Introdução - Electron
- Instalando o Electron
- Criando uma Janela
- Inserindo elementos na Janela
- Mudando o comportamento de acordo com o ambiente
- Fazendo ajustes que você não percebeu que precisavam ser feitos
- Inserindo o icone na sua janela
- Usando node no front
- Trocando mensagens entre Back e Front
- Menu pré configurado
- Menu personalizado
- Atalho de menu
- Atalho global
- Introdução - Gravador (Electron)
- Criando o Projeto
- Criando a estrutura da janela principal
- Criando o estilo dá aplicação
- Selecionando o microfone
- Capturando o Audio
- Atualizando o Display
- Salvando os audios
- Criando a janela de preferências
- Modificando o endereço de destino
- Salvando as configurações
- Fazendo o build da aplicação
- Boas vindas do Módulo Bootstrap
- Como o Bootstrap foi pensado.
- Bootstrap - Instalando e primeiros passos
- Bootstrap - Cores
- Bootstrap - Títulos e Display
- Bootstrap - Margin e Padding
- Bootstrap - Container
- Bootstrap - Display + Float
- Bootstrap - Responsividade
- Bootstrap - Flexbox
- Bootstrap - Grid
- Bootstrap - Tipografia
- Bootstrap - Imagens
- Bootstrap - Tabelas
- Bootstrap - Alertas
- Bootstrap - Botões
- Bootstrap - Grupo de Botões
- Bootstrap - Collapse
- Bootstrap - DropDown
- Bootstrap - Cards
- Bootstrap - Accordion
- Bootstrap - Progress Bar
- Bootstrap - Spinner
- Bootstrap - Lista agrupada
- Bootstrap - Páginação
- Bootstrap - Nav
- Bootstrap - Navbar
- Bootstrap - Carousel
- Bootstrap - Modal
- Bootstrap - Tooltip
- Bootstrap - Popover
- Bootstrap - Toast
Desenvolvedor há mais de 10 anos
Avaliações
Perguntas Frequentes
Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.
A nota média de Curso Desenvolvimento Web - Programador Br é de 4.7 estrelas. Depois de cada compra na Hotmart, você tem a oportunidade de avaliar a qualidade do curso e o seu nível de satisfação. Com a opinião dos compradores, nosso sistema calcula a nota média e colhemos os comentários que vão ajudar outras pessoas no momento da decisão de compra.
Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.
O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.
Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.
Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.
Você receberá o acesso a Curso Desenvolvimento Web - Programador Br por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:
Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.
Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.
Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui
Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.
