Web Design Completo: HTML, CSS, Javascript, Vue e Git
- Descrição
- Currículo
- FAQ
- Revisões
Neste curso, você aprenderá as tecnologias fundamentais para desenvolvimento de sites e aplicações web modernas. Nenhum conhecimento prévio é necessário para fazer este curso, você aprenderá desde o início absoluto e começará a criar sites e trabalhar com Desenvolvimento Web em pouco tempo.
Este é um curso exclusivo, que inclui as 5 linguagens e tecnologias mais importantes no Desenvolvimento Web Front-End e os seus principais tópicos :
-
HTML5
-
CSS3
-
Elementos semânticos
-
Guia completo de cores e fontes em CSS
-
Flexbox
-
Design reponsivo e CSS media queries
-
Trabalhando com protótipos de design do Figma
-
FTP, Domínio e Hosting
-
Javascript do Zero ao Acançado
-
Ênfase nos Tipos de Dados
-
Funções, loops e condicionais
-
Boas práticas de Javascript
-
Galerias de imagens e filtros de produtos em Javascript
-
Requisições HTTP com o método Fetch
-
Trabalhando com APIs externas
-
Vue JS do Zero ao Acançado
-
Composition API, Vuex e Vue Router
-
Vue Dev Tools
-
Vue CLI e Vite
-
Git do Zero ao Acançado
-
Boas práticas em controle de versão
-
Git na linha de comando, no source control do VS Code e em aplicações GUI
-
Guia completo sobre branches
-
Github e outros servidores remotos
-
Github Desktop App
Nosso método prático
Com nosso método prático e passo a passo composto de projetos, desafios e exercícios, você aprenderá a criar qualquer tipo de sites para uso próprio, para venda, além de poder trabalhar em qualquer empresa do mundo como desenvolvedor web.
Este curso oferece 170 aulas com quase 20 horas de vídeo, 6 projetos reais, e vários exercícios interativos.
Comece hoje sua carreira como Desenvolvedor Web
Se você pretende iniciar uma carreira na indústria de tecnologia, seja como desenvolvedor de sites freelancer, ou como funcionário de uma grande empresa de tecnologia, este curso o levará até lá rápidamente.
Não importa o caminho que você escolher, este curso fornecerá conteúdo de alta qualidade e uma ótima experiência de aprendizado para ajudá-lo a atingir todos os seus objetivos.
Com conhecimento das principais tecnologias de desenvolvimento de sites e aplicações web, HTML, CSS, Javascript, Vue JS e Git, nada poderá de impedir de realizar seu sonho de ganhar a vida com o desenvolvimento web.
Junte-se a mais de 20.000 alunos em todo o mundo que fizeram este curso em Inglês, Português e Francês.
Inscreva-se agora e vamos começar a criar sites e aplicativos da web incríveis!
-
1Download do VS CodeVídeo Aula
-
2Estrutura Básica do Documento HTMLVídeo Aula
-
3Link Para o Projeto #1Texto
-
4Elementos HTML (Tags)Vídeo Aula
-
5Listas e LinksVídeo Aula
-
6Imagens e VídeosVídeo Aula
-
7Estilos e CSSVídeo Aula
-
8Elementos Semânticos do HTML5Vídeo Aula
-
9As Ferramentas do Desenvolvedor e Mais Propriedades CSS (Parte 1)Vídeo Aula
-
10As Ferramentas do Desenvolvedor e Mais Propriedades CSS (Parte 2)Vídeo Aula
-
11Classes, IDs e Seletores CSSVídeo Aula
-
12Estilos do Conteúdo do ArtigoVídeo Aula
-
13Estilos da Lista de LinksVídeo Aula
-
14Fontes em CSSVídeo Aula
-
15Estilos dos ÍconesVídeo Aula
-
16Cores em CSSVídeo Aula
-
17Apresentação do Projeto #2Vídeo Aula
-
18Instruções Para o ProjetoTexto
-
19Começando pelo HeaderVídeo Aula
-
20Alinhamento com FlexboxVídeo Aula
-
21A Propriedade Position: FixedVídeo Aula
-
22Estilos do LogotipoVídeo Aula
-
23Imagem de Background e a Seção HeroVídeo Aula
-
24Estilos de Texto da Seção Hero (Parte 1)Vídeo Aula
-
25Estilos de Texto da Seção Hero (Parte 2)Vídeo Aula
-
26A Seção de Produtos Best SellersVídeo Aula
-
27A Linha de ProdutosVídeo Aula
-
28Os Cards de ProdutosVídeo Aula
-
29Informações do ProdutoVídeo Aula
-
30Criação da Etiqueta de Novos ProdutosVídeo Aula
-
31Mostrando os Preços com DiscontoVídeo Aula
-
32A Seção de NewsletterVídeo Aula
-
33Estilos dos Elementos da NewsletterVídeo Aula
-
34A Seção FooterVídeo Aula
-
35Navegação Secundária no FooterVídeo Aula
-
36Entidades HTMLVídeo Aula
-
37Estilos do Estado HoverVídeo Aula
-
38Introdução às Media QueriesVídeo Aula
-
39Definição dos BreakpointsVídeo Aula
-
40Organização dos Media QueriesVídeo Aula
-
41A Seção Header ResponsivaVídeo Aula
-
42A Seção Hero ResponsivaVídeo Aula
-
43Imagens Responsivas com o Elemento PictureVídeo Aula
-
44A Seção de Produtos ResponsivaVídeo Aula
-
45As Seções Footer e Newsletter ResponsivasVídeo Aula
-
46Links InternosVídeo Aula
-
52Apresentação do Projeto #3 e Dicas ÚteisVídeo Aula
-
53Abrindo o ProjetoVídeo Aula
-
54Como Rodar Código JavascriptVídeo Aula
-
55Utilização de Script TagsVídeo Aula
-
56A Sintaxe JavascriptVídeo Aula
-
57DOM: Document Object ModelVídeo Aula
-
58Manipulação de Elementos HTMLVídeo Aula
-
59Mais Métodos SelectVídeo Aula
-
60Manipulação de CSSVídeo Aula
-
61EventosVídeo Aula
-
62Projeto: Abrir e Fechar o MenuVídeo Aula
-
63VariáveisVídeo Aula
-
64Regras e Boas Práticas de Nomeação de VariáveisVídeo Aula
-
65Tipos de Dados: IntroduçãoVídeo Aula
-
66Tipos de Dados: StringsVídeo Aula
-
67Tipos de Dados: NúmerosVídeo Aula
-
68Projeto: a Seção de Saudação e Previsão do TempoVídeo Aula
-
69Projeto: Adicionando Informações Dinâmicas à SaudaçãoVídeo Aula
-
70Tipos de Dados: ArraysVídeo Aula
-
71Tipos de Dados: ObjetosVídeo Aula
-
72Tipos de Dados: BooleansVídeo Aula
-
73Tipos de Dados: Null e UndefinedVídeo Aula
-
74FunçõesVídeo Aula
-
75Projeto: O Switch de Conversão de TemperaturaVídeo Aula
-
76Condicionais: If, Else If, ElseVídeo Aula
-
77Métodos de Date & TimeVídeo Aula
-
78Projeto: O Relógio de Horário LocalVídeo Aula
-
79Os Métodos SetTimeout e SetIntervalVídeo Aula
-
80Formatando o Relógio com PadStartVídeo Aula
-
81Loops For e For InVídeo Aula
-
82Projeto: A Galeria de ImagensVídeo Aula
-
83O Loop ForEachVídeo Aula
-
84Projeto: A Imagem Central da GaleriaVídeo Aula
-
85Projeto: Os ThumbnailsVídeo Aula