Curso Desenvolvimento Website Responsivo COMPLETO

Aprenda a Criar um Website REAL em 1 MÊS com HTML5, CSS3, Javascript, jQuery, FlexBox e muito mais.

4.85 (367 reviews)
Udemy
platform
Português
language
Web Development
category
Curso Desenvolvimento Website Responsivo COMPLETO
1,521
students
14 hours
content
May 2023
last update
$19.99
regular price

What you will learn

Aprenderá a criar programar do zero um projeto moderno e completo.

Conquiste a liberdade financeira trabalhando de casa.

Crie projetos web profissionais com as linguagens nas suas últimas versões.

Estudo nos dias e horários que você quiser.

Tenha dicas e experiências de um profissional de verdade.

Fundamentos de HTML5, CSS3 e Javascript.

Aplicação de técnicas de FlexBox.

Criar um Site Responsivo para rodar em todos os dispositivos.

Criar um Site REAL.

Why take this course?

******** Este é o treinamento de programação mais inovador da Udemy. **********

São mais de 130 aulas e mais de 12 horas de aulas gravadas com o conteúdo direcionado para seu aprendizado. Junte-se a mais de 275 mil alunos com o professor #1 da Udemy Brasil.

O objetivo deste treinamento é ensinar tanto quem está iniciando, como aqueles profissionais que já programam a criar um WEBSITE RESPONSIVO REAL em apenas 1 mês.

O curso contém um conjunto completo para seu aprendizado:

  • Vídeo-aulas.

  • Exercícios e simulações para você praticar.

  • Suporte para tirar as suas dúvidas.

Não há risco algum, a plataforma da Udemy oferece:

Certificado ao término da formação.

Garantia de Qualidade (ou seu dinheiro de volta em até 30 dias após a compra).

Acesso vitalício, não expira nunca. Clique no botão COMPRAR AGORA e tenha acesso à 100% do meu curso. Seja muito bem-vindo e conte conosco em sua jornada de aprendizado!


Neste curso, você vai aprender:

  • Tipos de Desenvolvedores Web.

  • Quanto ganha um Desenvolvedor Web.

  • Fundamentos de HTML.

  • Como adicionar um parágrafo e lista.

  • Como adicionar uma imagem.

  • Fundamentos de CSS.

  • Sintaxe do CSS.

  • Como adicionar um arquivo CSS.

  • Como adicionar estilos em múltiplos arquivos.

  • Fundamentos de Javascript.

  • Como criar um evento com Javascript.

  • 7 fases do desenvolvimento.

  • Briefing.

  • Site Map, Wireframe e Prototype.

  • Tipografia, Cores, Imagens, ícones.

  • Como escolher a paleta de cores.

  • Como definir as fontes no Google Fonts.

  • Desenvolver um projeto REAL de um Website Responsivo.

  • Usar o Clip Path para personalizar o corte de uma imagem.

  • Criar animações para seus elementos.

  • Criar um carrossel para os depoimentos dos clientes.

  • Aplicar técnicas de WebResponsivo para adaptar o site para dispositivos móveis.

  • Validar o site.

  • Registrar o domínio.

  • Publicar o website.

  • Fundamentos de Google Analytics e Google Meu Negócio.

  • Ferramentas de divulgação de seu projeto.

  • Entrevista com profissional da área para melhor se preparar para uma entrevista e trilhar sua carreira.


Nesta formação, você aprenderá do ZERO até o AVANÇADO como:

Vamos começar o curso desde o princípio, vou te ensinar quais softwares você deve baixar para acompanhar o curso, todos são gratuitos. Vou falar um pouco da profissão, características, salários, etc. Vou falar sobre fundamentos de HTML5, CSS3 e Javascript. Conceitos de Tipografia, Cores, Ícones e Imagens.

Vamos começar um projeto de um WEBSITE REAL do zero, até deixa-lo prontinho rodando em computadores, tablets e smartphones.

Depois vou entrevistar um profissional que já passou pelas grandes empresas do Brasil e hoje trabalha para uma empresa de logística em NY e lidera uma equipe com mais de 300 profissionais. Ele dará dicas preciosas de como trilhar sua carreira e como ter sucesso em uma entrevista.


O que nossos alunos falam a respeito:

★★★★★
Marcelo Medeiros
Curso fantástico. Muita coisa ensinada de forma simples e didática. Parabéns pelo curso.

★★★★★
Alex de Oliveira
Eu não conseguia entender nada de HTML, agora ficou fácil e claro como usar.

★★★★★
Moisés Teix.
Como sempre os cursos do André Fontenelle são muito bons


Respostas de nossos alunos neste curso após mais de 30 avaliações:

  • Você está obtendo informações importantes? -- Resposta: 100% Sim

  • As explicações dos conceitos são claras? -- Resposta: 100% Sim.

  • A apresentação do instrutor é cativante? -- Resposta: 100% Sim.

  • O curso está atendendo a suas expectativas? -- Resposta: 100% Sim.

  • O instrutor entende do assunto? -- Resposta: 100% Sim.


Não há risco algum, a plataforma da Udemy oferece:

  • Certificado ao término da formação.

  • Garantia de Qualidade (ou seu dinheiro de volta em até 30 dias após a compra).

  • Acesso vitalício, não expira nunca.

  • Clique no botão COMPRAR AGORA e tenha acesso à 100% do meu curso. Seja muito bem-vindo e conte conosco em sua jornada de aprendizado!


O pacote contém 135 aulas gravadas distribuídas em 21 seções. São mais de 12 horas de aulas gravadas.




Content

Apresentação do curso

Terminando o curso em 1 mês
Pagou e não está liberado?
Como terminar o curso em 1 mês

Conhecendo a profissão

Tipos de Desenvolvedores Web
Avaliação do curso
Será que a vida de programador é para mim?
Quanto ganha um Desenvolvedor Web
Redes Sociais

Fundamentos de HTML

Definindo objetivo desta seção
Estrutura de um arquivo HTML
Definindo a IDE
Fundamentos de HTML - Fundamentos
Dicas do Code
Como adicionar uma imagem
Como adicionar um parágrafo e lista
Como criar um link
Revisando o desafio

Fundamentos de CSS e Javascript

Apresentação da Unidade
O que é de CSS
Sintaxe do CSS
Como adicionar um arquivo CSS
Como adicionar estilos em múltiplos arquivos
Introdução à Javascript
Criar um evento com JS
Aplicando um Javascript externo
Preciso decorar tudo isso?

Desenvolvimento do Projeto

Apresentação da Unidade
7 fases do desenvolvimento
Site Map
Wireframe
Desenvolvimento do Protótipo com Adobe XD

Princípios de Web Design

Apresentação da Unidade
Tipografia
Cores
Valorize os espaços
Imagens
Ícones
Onde buscar inspiração

Apresentação do Projeto

Explicando o projeto tela por tela
A escolha das cores
A escolha das fontes
Baixando os arquivos limpos

Desenvolvendo a Seção Capa

Apresentação da seção
Criando os primeiros arquivos
Determinações iniciais de CSS
Criar o menu superior
Aplicando estilo ao menu - parte 1
Aplicando estilo ao menu - parte 2
Definindo o Background
Criando a inclinação no background
Adicionando conteúdo central
Adicionando os textos centrais
Adicionar botão Call to Action

Desenvolvendo a Seção Domingo Perfeito

Apresentação da Seção
Definindo elementos principais da section
Elementos centrais
Personalizando o parágrafo central
Adicionando ícones
Breve consideração sobre a propriedade Display
Adicionando os elementos periféricos

Desenvolvendo a Seção Pizza

Apresentação da seção
Criar seção Pizza e os elementos iniciais
Definindo os elementos central
Aplicar o Clip Pat

Desenvolvendo a Seção Depoimentos

Apresentação da seção
Criar a seção Testemunha
Adicionar o elemento principal do carrossel
Elementos internos do carrossel
Adicionar e personalizar as setas de navegação
Adicionar os testemunhos
Últimos ajustes do CSS

Criar Carrossel para depoimentos

Apresentação da Unidade
Link com jQuery e criando arquivo de script
Códigos iniciais de jQuery
Ações de eventos
Mover o carrossel para a esquerda
Ações condicionais e parar o carrossel
Ações do botão da direita
Aplicar background no parágrafo
Encerramento da seção

Desenvolvendo a Área de Transição

O que vamos fazer nesta seção
Códigos de CSS para transição

Desenvolvendo a Seção de Planos

Apresentação da Unidade
Códigos iniciais de planos
Códigos das divs planos
Adicionando conteúdo dos planos
Aumentar área clique

Desenvolvendo o Rodapé

Os elementos da Seção
Criando o Footer e o elemento de transição
Adicionar um Google Maps ao site
Adicionar dados de endereço e redes sociais
Adicionar CSS das redes sociais
Aplicar CSS da pizza de decoração
Aplicando links para as redes sociais
Finalizar o rodapé

Aplicando animações de CSS

Apresentação da Unidade
Animação do título principal do Header
Animação do subtítulo e botão
Animação do botão

Animações de Javascript

Apresentação da Unidade
Adicionar a biblioteca de animação
Como funciona o Waypoint
Animações da seção Domingo Perfeito
Animar os elementos da seção Pizza
Animar os elementos da seção Depoimentos
Animar os elementos de Transição
Animar os elementos da seção Planos
Animar os elementos da seção Rodapé
Animação reversa para saída dos elementos

Navegação do site

Apresentação da Unidade
Realizando as alterações manualmente
Criar o estilo para o menu estático
Criar o estilo para a logo estática
Criar estilo para menu estático
Criar links para o menu

Criar um site responsivo - tablet

Apresentação
Como funcionam as Media Queries
Criando um novo arquivo CSS
Alterando seções Domingo Perfeito, Pizza e Testemunhos
Alterando seções Testemunhos e Planos
Alterando Rodapé
Alterando o Menu Principal
Refinamento do código

Criar site responsivo - mobile

Apresentação
Criar arquivo CSS Mobile
Adaptar a Tipografia
Adaptar a seção Domingo Perfeito
Adaptar as seções Depoimentos, Planos e Footer
Adaptar o Menu - Apresentação
Esconder o Menu Padrão
Adaptando Menu para vertical
Mostrar e Esconder Menu
Esconder Menu após animação
Finalização do Menu

Entrevista com especialista

Front-end at Loadsmart - Davidson Fellipe

Screenshots

Curso Desenvolvimento Website Responsivo COMPLETO - Screenshot_01Curso Desenvolvimento Website Responsivo COMPLETO - Screenshot_02Curso Desenvolvimento Website Responsivo COMPLETO - Screenshot_03Curso Desenvolvimento Website Responsivo COMPLETO - Screenshot_04

Reviews

Silvio
September 15, 2023
O curso atendeu às minhas expectativas, as aulas possuem inúmeras atividades práticas, o que facilita o aprendizado.
Antonia
February 13, 2023
A aula é muito boa, muito bem explicada mas o professor não da suporte. Encaminhei um monte de dúvidas e não tive resposta.
Isabella
January 31, 2023
André tem uma didática muito boa, explica muito bem e o formato das aulas é muito efetivo para o aprendizado, achei que eu nunca conseguiria aprender front-end e acabei percebendo que não é complicado se a didática for boa. Fiquei muito satisfeita, o curso é super completo! Recomendo muito para quem quer migrar para desenvolvimento, mas ainda não tem conhecimento nenhum da área
Andre
August 25, 2022
Estou esperançoso em ter bons resultados, desenvolver conhecimento para realizar meu propósito de vida, minha missão como ser-humano.
Ricardo
July 8, 2022
O curso explica detalhadamente todo o código desenvolvido na página, me surpreendeu a parte de animações, para mim o curso entregou muito mais do que eu havia esperado. Estou muito grato e recomendo a todos os interessados em front-end.
Alex
May 11, 2022
Muito boa experiência. As aulas não são cansativas. O roteiro é muito bem aplicado. Uma pena não ter sido em SASS, pois acho q caia bem pra melhorar mais ainda a organização e não usar tanto o scroll. Vale a pena adquirir pra reforçar alguns conhecimentos a mais de css.
Marcio
April 28, 2022
Os cursos do André são muito top, estou aguardando o curso de marcação de dados estruturados para paginas web.
Vilson
April 25, 2022
Explicações bem detalhadas e ótima organização do projeto. Seção de animação tanto com CSS ou JQuery bem claras e de fácil entendimento.
Oriano
February 4, 2022
Está a ser muito fácil de aprender! O incrível, é que não aprendes apenas a construir um site mas sim a construir um negócios de desenvolvimento de sites! <p> De Angola, 1000 estrelas!!!</p>
Wesley
January 26, 2022
Excelente! Uma dinâmica objetiva e clara. O que é raro nesta plataforma da Udemy, diga-se de passagem...
Beatriz
January 25, 2022
Excelente pra quem está começando, você consegue ver "the big picture" e então evoluir de maneira organizada, produtiva, com mais confiança e clareza.
Jailson
January 3, 2022
Confia galera!!! Pra quem esta começando ou quer aprimorar seu conhecimento, é muito bom, pra quem quer começar como freela, é ótimo tbm!!!
Moyses
December 25, 2021
A didática do professor é muito boa, a único porém que percebo é que seguindo a risca todas as informações, as vezes há partes em que as variáveis (por exemplo: resolução da tela, entre outras) não são previstas e com isso o código não funciona corretamente. No mais, o professor está de parabéns!
BRUNO
December 15, 2021
Professor muito didático ! Este curso qualquer pessoa consegue aprender e sempre dando exemplos para o aluno entender !
Veridiana
December 9, 2021
Curso é maravilhoso pra quem já tem uma base sólida, senti falta de alguns conceitos, mas o curso em si é muito bom.

Coupons

DateDiscountStatus
1/26/202194% OFF
expired

Charts

Price

Curso Desenvolvimento Website Responsivo COMPLETO - Price chart

Rating

Curso Desenvolvimento Website Responsivo COMPLETO - Ratings chart

Enrollment distribution

Curso Desenvolvimento Website Responsivo COMPLETO - Distribution chart
3595460
udemy ID
10/26/2020
course created date
11/20/2020
course indexed date
Bot
course submited by