Desvendando a web: HTML, CSS, Javascript e Typescript [2023]
- Descrição
- Currículo
- FAQ
- Revisões
Este curso completo de Desenvolvimento Web Full Stack foi projetado para ensinar HTML, CSS, JavaScript, TypeScript e lógica de programação para iniciantes. Você aprenderá os fundamentos das tecnologias web mais populares, desde a criação de páginas estáticas até o desenvolvimento de aplicativos web dinâmicos e interativos.
O curso começa com uma introdução à lógica de programação, abrangendo conceitos básicos como variáveis, condicionais e loops. Em seguida, você aprenderá sobre HTML, incluindo a estrutura básica da página, tags, atributos e elementos comuns usados para criar uma página web.
Depois disso, o curso ensinará CSS, abordando conceitos como seletores, propriedades, valores, layout e estilos responsivos. Você aprenderá a criar layouts atraentes e responsivos para suas páginas.
Em seguida, você mergulhará no JavaScript, onde aprenderá a criar interatividade em suas páginas web. O curso cobre desde os conceitos básicos de JavaScript, como variáveis, tipos de dados, funções e loops, até tópicos mais avançados como eventos, manipulação do DOM e AJAX.
Por fim, o curso ensinará TypeScript, uma linguagem de programação que ajuda a escrever código JavaScript mais seguro, confiável e escalável. Você aprenderá a criar aplicativos de página única usando React, uma das principais bibliotecas JavaScript.
Ao concluir este curso, você terá adquirido as habilidades e o conhecimento necessários para criar páginas web estáticas e dinâmicas, bem como aplicativos web de página única com um conjunto completo de tecnologias web modernas.
-
3IntroduçãoVídeo Aula
-
4Link GithubTexto
-
5Instalando as ferramentas necessáriasVídeo Aula
-
6O que é um CONST e um LETVídeo Aula
-
7Como verificar se uma condição é verdadeiro ou falsoVídeo Aula
-
8Como utilizar o FORVídeo Aula
-
9Como utilizar o WHILEVídeo Aula
-
10Como utilizar o DO WHILEVídeo Aula
-
11Criando e utilizando um arrayVídeo Aula
-
12Fazendo conversão de String para Número e Número para StringVídeo Aula
-
13Criando e executando uma funçãoVídeo Aula
-
14Teste Gasto de combustívelTexto
-
15Corrigindo o Teste: Gasto de combustívelVídeo Aula
-
16Operadores no javascriptVídeo Aula
-
17Teste: Seis Números ÍmparesTexto
-
18Corrigindo teste: Seis números ímparesVídeo Aula
-
19Teste: Múltiplos de 13Texto
-
20Corrigindo teste: Múltiplos de 13Vídeo Aula
-
21Aprendendo mais sobre String e suas funçõesVídeo Aula
-
22Teste: Contando Caracters (Olimpiada Brasileira de Programação)Texto
-
23Corrigindo Teste: Contando CaractersVídeo Aula
-
24Entendendo sobre variáveis primitivas e imutáveisVídeo Aula
-
25Aprendendo sobre Switch CaseVídeo Aula
-
26Aprendendo sobre Try, Catch e FinallyVídeo Aula
-
27Funções: Como declarar, executar, enviar parâmetros e receber respostasVídeo Aula
-
28Escopo léxicoVídeo Aula
-
29Função de callbackVídeo Aula
-
30Função Async AwaitVídeo Aula
-
31Função recursivaVídeo Aula
-
32Teste: Soma recursivaTexto
-
33Correção: Soma recursivaVídeo Aula
-
34Trabalhando com objeto simplesVídeo Aula
-
35IntroduçãoVídeo Aula
-
36Trabalhando com o array utilizando .mapVídeo Aula
-
37Trabalhando com o array utilizando .forEachVídeo Aula
-
38Trabalhando com o array utilizando .filterVídeo Aula
-
39Trabalhando com o array utilizando .findVídeo Aula
-
40Trabalhando com o array utilizando .reduceVídeo Aula
-
41Trabalhando com o array utilizando .keysVídeo Aula
-
42Trabalhando com o array utilizando .sortVídeo Aula
-
43Trabalhando com o array utilizando .some e .everyVídeo Aula
-
44Trabalhando com o array utilizando .flatMapVídeo Aula
-
45IntroduçãoVídeo Aula
-
46Link git hubTexto
-
47Criando classe pessoa e entendendo um pouco sobre orientação objetoVídeo Aula
-
48Trabalhando com herançaVídeo Aula
-
49Trabalhando com polimorfismoVídeo Aula
-
50Trabalhando com Object.defineProperty e Object.definePropertiesVídeo Aula
-
51Trabalhando com Get e Set na classeVídeo Aula
-
52Trabalhando com SpreadVídeo Aula
-
53Teste: Criando produtos de um marketplaceTexto
-
54Correção: Criando produtos de um marketplaceVídeo Aula
-
55IntroduçãoVídeo Aula
-
56Estrutura de um arquivo htmlVídeo Aula
-
57Trabalhando com o <Head>Vídeo Aula
-
58Trabalhando com as tags de textoVídeo Aula
Nesta aula vamos falar sobre as tags de texto:
<h1> a <h6>: Define os títulos da página, sendo
<h1> o mais importante e <h6> o menos importante.
<p>: Define um parágrafo de texto.
<a>: Define um link para outra página ou recurso.
<em>: Define ênfase em um trecho de texto, normalmente exibido em itálico.
<strong>: Define forte ênfase em um trecho de texto, normalmente exibido em negrito.
<br>: Insere uma quebra de linha simples.
<span>: Define uma pequena seção de texto dentro de um elemento maior.
<ul>: Define uma lista não ordenada.
<ol>: Define uma lista ordenada.
<li>: Define um item de lista.
-
59Trabalhando com lista ordenada e não ordenadaVídeo Aula
-
60Trabalhando com tags de estruturaVídeo Aula
-
61Trabalhando com tags de Imagem e MultimídiaVídeo Aula
-
62Trabalhando com tags de formulárioVídeo Aula
-
63Trabalhando com tags de tabelaVídeo Aula
-
64Entendendo a montagem de uma página com htmlVídeo Aula
-
65IntroduçãoVídeo Aula
-
66Incluindo CSS no html utilizando: tag, class, id e inlineVídeo Aula
-
67Como utilizar margin e unidades de medida no cssVídeo Aula
-
68Como utilizar o padding e o borderVídeo Aula
-
69Como utilizar o width e height (com responsividade)Vídeo Aula
-
70Como trabalhar com as posições dos itens na telaVídeo Aula
-
71Como trabalhar com floatVídeo Aula
-
72IntroduçãoVídeo Aula
-
73Aprendendo a utilizar Display Flex e wrapVídeo Aula
-
74Aprendendo sobre o Flex-directionVídeo Aula
-
75Aprendendo sobre Flex-wrapVídeo Aula
-
76Aprendendo sobre flex-flowVídeo Aula
-
77Aprendendo sobre o justify-contentVídeo Aula
-
78Aprendendo sobre Align-itemsVídeo Aula
-
79Aprendendo sobre align-contentVídeo Aula
-
80HTML + CSS na prática: Montando nossa primeira página webVídeo Aula
-
81Inserindo responsividade na página webVídeo Aula