HTML e CSS Essencial - Front End Completo para Iniciantes
- Descrição
- Currículo
- FAQ
- Revisões
Já pensou em atuar como desenvolvedor(a) Web Front-End no mercado de trabalho ou até mesmo em seu próprio empreendimento?
É estudante de cursos de Tecnologia e gostaria de desenvolver seus primeiros projetos responsivos (para computadores e celulares) de verdade?
Gostaria de mostrar o seu trabalho para empresas ou até mesmo futuros clientes publicando seus projetos de sites na internet?
Se você respondeu SIM para uma dessas perguntas acima, este é o curso ideal para você!
Aqui você encontra um curso prático e moderno onde será mostrado todo o passo a passo necessário para que você possa ter sucesso na carreira de desenvolvimento de sites.
Aulas práticas, sem teorias maçantes.
Vamos desenvolver desde o primeiro código, evoluindo gradualmente com introdução, projetos simples e intermediários até chegar em um site completo e profissional.
Vamos falar sobre a aplicação de cores, desenvolver comunicação via WhatsApp e até mesmo utilizar tecnologias de inteligência artificial como o Chat GPT para a criação de conteúdo.
Neste curso você aprenderá tudo o que é necessário para criar aplicações com o moderno conceito mobile first (com dicas do Professor que é profissional da área há mais de 20 anos).
Este conceito permite criar modelos diferentes do mesmo projeto para celulares e computadores.
Levando em consideração o fato de que atualmente os celulares são os aparelhos mais utilizados no mundo para acesso de sites e aplicações Web em geral.
Sendo assim vamos focar em tecnologias que preparem nossos sites para este público.
Se você deseja aprender realmente como se tornar um(a) profissional Front-End então não perca mais tempo e inscreva-se agora mesmo neste curso completo.
Conteúdo Programático:
-
Introdução a Marcação HTML e formatação CSS para Iniciantes e Estudantes;
-
Criando modelo de site (protótipo) totalmente responsivo com uso de Media Query para desenvolver versões diferentes para celulares e computadores;
-
Desenvolvendo o Primeiro Projeto: Fast Food para Iniciantes – Veja como é possível dar os primeiros passos na carreira Front End com site funcional de produtos alimentícios e contato via WhatsApp;
-
Segundo Projeto: Landing Page – Aprenda como criar uma página de produto para ofertas ou até mesmo download de material em PDF;
-
Terceiro Projeto: Site Completo – Aprenda como desenvolver um site profissional e tenha a verdadeira EXPERIÊNCIA Front End, utilizando inclusive a ferramenta de Inteligência Artificial Chat GPT para exemplificar a criação de conteúdo e JavaScript para a personalização do conteúdo.
CONTEÚDO Bônus 1: Aprenda como usar a IA (Inteligência Artificial) Chat GPT para a criação de conteúdos;
CONTEÚDO Bônus 2: Crie um projeto Complementar com Programação JavaScript onde vamos personalizar a experiência do nosso usuário.
Todos os projetos do curso estão publicados e podem ser consultados pelos alunos para analisar os resultados (de verdade!) mostrados no curso.
Aprenda aqui tudo o que é necessário, dê o seu primeiro passo na carreira de desenvolvimento Front-End.
Não perca mais tempo!
Te vejo lá!
-
1AlinhamentoVídeo Aula
-
2Primeiras Tags HTMLVídeo Aula
-
3Inserindo Conteúdo no HTMLVídeo Aula
-
4Hierarquia de TítulosVídeo Aula
-
5Títulos e TextosVídeo Aula
-
6Destaques e SemânticaVídeo Aula
-
7Trabalhando com ViewportVídeo Aula
-
8Topo e Rodapé do SiteVídeo Aula
-
9Introdução ao CSSVídeo Aula
-
10CSS para Cabeçalho e RodapéVídeo Aula
-
11CSS - Alinhamentos e EspaçamentosVídeo Aula
-
12Formatando Títulos e ImagensVídeo Aula
-
13Utilizando ClassesVídeo Aula
-
14ID e Arquivo CSSVídeo Aula
-
15Introdução ao JavaScriptVídeo Aula
-
16Respostas com JavaScriptVídeo Aula
-
17Adaptação Para CelularesVídeo Aula
-
18Encerrando a IntroduçãoVídeo Aula
-
19QuestionárioQuestionário
-
20Protótipo de SiteVídeo Aula
-
21Veja o modelo publicadoTexto
-
22Estrutura Inicial do Modelo ResponsivoVídeo Aula
-
23Inserindo Informações de CabeçalhoVídeo Aula
-
24Unidades de Medida CSSVídeo Aula
-
25Ajuste de Fontes ResponsivasVídeo Aula
-
26Ajustes no FooterVídeo Aula
-
27Ajustes de SectionVídeo Aula
-
28Padding e MarginVídeo Aula
-
29Centralizando MargensVídeo Aula
-
30Opções de Medidas de TelaVídeo Aula
-
31Adaptando ImagensVídeo Aula
-
32Tamanhos de ImagensVídeo Aula
-
33Posição FixaVídeo Aula
-
34Caixa InterativaVídeo Aula
-
35Padronizando TítulosVídeo Aula
-
36Estrutura de GridVídeo Aula
-
37CSS para GridVídeo Aula
-
38Grid ResponsivaVídeo Aula
-
39FormulárioVídeo Aula
-
40Inputs de FormuláriosVídeo Aula
-
41Área de TextoVídeo Aula
-
42CSS para InputsVídeo Aula
-
43Botões de FormulárioVídeo Aula
-
44Links de NavegaçãoVídeo Aula
-
45Efeitos em LinksVídeo Aula
-
46Considerações Finais da Sessão ProtótipoVídeo Aula
-
47Iniciando o Primeiro Projeto - Fast FoodVídeo Aula
-
48Veja o modelo publicadoTexto
Veja o modelo que será desenvolvido nessa aula:
https://pizzariabairrocurso.netlify.app/
-
49Alterações IniciaisVídeo Aula
-
50Logotipo no HeaderVídeo Aula
-
51Padrões de CoresVídeo Aula
-
52Tons Gradientes com CSSVídeo Aula
-
53Editando o LayoutVídeo Aula
-
54Formatando FontesVídeo Aula
-
55Inserindo ImagensVídeo Aula
-
56Efeitos em LinksVídeo Aula
-
57Alterando Elementos em PáginasVídeo Aula
-
58Formatando Opções de ComprasVídeo Aula
-
59Formatando Botão de ComprasVídeo Aula
-
60Inserindo Produtos no SiteVídeo Aula
-
61Preenchendo o SiteVídeo Aula
-
62Link ÂncoraVídeo Aula
-
63Finalizando a NavegaçãoVídeo Aula
-
64Funcionalidade do WhatsAppVídeo Aula
-
65Publicando o SiteVídeo Aula
-
66Testando em Diversos DispositivosVídeo Aula
-
67Teste Seus ConhecimentosVídeo Aula
-
68Projeto Landing PageVídeo Aula
-
69Veja o modelo publicadoTexto
-
70Ajuste de ConteúdoVídeo Aula
-
71Padronizando a PáginaVídeo Aula
-
72Ajustes na SectionVídeo Aula
-
73Inserindo Capa de E-bookVídeo Aula
-
74Trajetória de LinksVídeo Aula
-
75Finalizando o Conteúdo da PáginaVídeo Aula
-
76Informações do AutorVídeo Aula
-
77Publicando o ProjetoVídeo Aula
-
78Modificando o ProjetoVídeo Aula
-
79Adicionando InformaçõesVídeo Aula
-
80Chamadas para AçãoVídeo Aula
-
81Layout para Botão de VendasVídeo Aula
-
82Detalhando o ProjetoVídeo Aula
-
83Finalizando o Projeto Landing PageVídeo Aula