Curso Web Frontend Fundamentos HTML CSS JS

Name: Curso Web Frontend Fundamentos HTML CSS JS
Rating: 4.7 (6 reviews)

Construa o Futuro da Web: Desenvolva Sites Dinâmicos e Atraentes do Zero

Created byLUIS ALEXANDRE BOYAGO DOS SANTOS

Last updated 5/2024

Portuguese

What you'll learn

Domine HTML e CSS: Aprenda desde os fundamentos até técnicas avançadas para criar e estilizar páginas web.
JavaScript Completo: Do básico ao avançado, domine a linguagem essencial para adicionar dinâmica e interatividade a sites.
Construa Projetos Reais: Desenvolva habilidades práticas criando projetos que incorporam as melhores práticas de frontend moderno.
Design Responsivo: Aprenda a criar sites que se ajustam perfeitamente a qualquer tamanho de tela, de smartphones a desktops.
Utilização de Flexbox e CSS Grid: Crie layouts complexos de forma intuitiva e eficiente com as tecnologias mais modernas de CSS.
Animações em CSS3: Adicione vida aos seus sites com efeitos visuais e animações atraentes usando apenas CSS.
Fundamentos de SEO: Otimize suas páginas para motores de busca, melhorando a visibilidade e o alcance de seus projetos na web.
Manipulação do DOM com JavaScript: Aprenda a interagir com elementos da página de maneira poderosa e flexível.
Crie Formulários Web: Desenvolva formulários interativos que capturam e validam dados dos usuários de forma eficaz.
Desenvolvimento de Portfólios e Sites Corporativos: Capacite-se para construir qualquer tipo de site estático, desde portfólios pessoais até presenças corporati

Course content

4 sections • 46 lectures • 8h 23m total length

Introdução ao HTML - O que é e qual sua função?7:43
Quais softwares eu vou precisar14:11
Onde eu crio os arquivos14:11
O que é tag15:25
Atributos de Tags11:08
Estrutura Básica do HTML10:54

O que é Indentação de Código8:08
Tags Básicas e Fundamentais (1/3)10:06
Tags Básicas e Fundamentais (2/3)16:32
Tags Básicas e Fundamentais (3/3)4:17
O que é e como usar o CSS - CSS Inline Pt. 110:59
O que é e como usar o CSS - CSS Inline Pt. 29:13
O que é e como usar o CSS - CSS Interno e Externo Pt. 318:30
Base Geral do CSS pt. 110:48
Base Geral do CSS pt. 210:51
Trabalhando com Cores no CSS - RGB15:48
Trabalhando com Cores no CSS - Hexadecimal e RGBA13:59
Bordas13:46
DIV, Margins e Padding no CSS19:58
Aprodundando em Width e Height11:53
Como usar o box-sizing9:39
Links (1/3)9:13
Links (2/3)12:57
Links (3/3)8:01
Formatação de Textos em HTML11:29
<!DOCTYPE html>
<html>
<head>
<title>Alexandre Boyago</title>
<link rel="stylesheet" href="estilos.css" />
</head>
<body>

 - Sem semântica de importância
 - Com semântica de importância

Temos um texto qualquer para exemplificar
<del>esse</del> curso excepcional.

 

Este curso têm o 1o Lugar no Ranking dos Melhores do Brasil!

</body>
</html>
Comentários no HTML7:01

Introdução ao Javascript5:05
Como vamos programar JS4:48
Inserindo o arquivo JS na página11:51
Hello World com JS10:36
Variáveis9:35
Tipos de dados15:22
Comentários no Código9:37
Operações com Variáveis e Concatenação13:54
Exercício de variáveis #16:40
//1. Crie uma variável para armazenar o nome de um carro
//atribua o valor de Porsche 911 e ebiba-o no console

//2. Crie uma variável para armazenar o valor de uma pizza,
//que custa 69,99 e exiba o preço no console

//3. Corrija o código a seguir e exiba-o no console
// let "cidade" = Vitória

//se quiser, pode me enviar pelo instagram que vou
//marcando vocês nos stories - @alexandreboyago
String e Template String10:07
let nome = "Alexandre";
let sobrenome = "Boyago";

//let nomeCompleto = nome + " " + sobrenome;

let nomeCompleto = `Nome: ${nome} - Sobrenome: ${sobrenome}`;

console.log( nomeCompleto );

let idade = 90;

let idadeString = `Idade ${idade + 2} anos`;

console.log(idadeString);
Estrutura Condicional Simples12:54
let idade = 18;

//if SE
if ( idade < 18 ){
console.log("Você NÃO possui a maioridade");
}
//else Senão
else{
console.log("Você possui a maioridade");
}

/*
> maior
< menor
>= maior ou igual
<= menor ou igual
== igual
!= diferente
*/
Condicional == e ===6:40
let var const11:06
Multi-condicionais - && e ||13:59
Estrutura Condicional Composta9:45
Desmistificando o IF6:50
Exercício de condicional #27:46
// Substitua o @ pela condicional correta para que
// o resultado seja TRUE
let x = 10;
let y = 5;
console.log(x @ y);

// Substitua o @ pela condicional correta para que
// o resultado seja FALSE
let w = "10";
let z = 10;
console.log(w @ z);

// Substitua o @ pela condicional correta para que
// o resultado seja TRUE
let a = 10;
let b = 5;
console.log(x @ y);

// Crie uma condicional para verificar se o preço da
// carne está barato ou caro. PS: Até 20 está barato.
let preco = 33.99;
Condicional Ternário14:24

Requirements

Para aproveitar plenamente o curso, basta ter acesso à internet e um computador.

Description

Dê o primeiro passo para se tornar um desenvolvedor web com o "Curso Web Frontend Fundamentos: HTML, CSS & JS". Este curso oferece um caminho abrangente para aprender as tecnologias essenciais que formam a base de qualquer site ou aplicação web moderna. Destinado a iniciantes e também a profissionais que buscam consolidar suas habilidades, este curso equipa você com o conhecimento e as ferramentas necessárias para criar experiências digitais atraentes e responsivas.

O que você aprenderá:

HTML: Domine a linguagem de marcação que é a espinha dorsal da web. Aprenda sobre estrutura, elementos, formulários e a importância da semântica para acessibilidade.
CSS: Controle o visual e o layout dos seus sites com CSS. Explore seletores, o modelo de caixa, flexbox, grid e técnicas para criar animações e transições dinâmicas.
JavaScript: Introduza interatividade nos seus projetos. Desde a manipulação do DOM até a lógica de programação e o manuseio de eventos, você aprenderá a fazer sites que respondem às ações dos usuários.

Benefícios do curso:

Projetos práticos: Aplicação prática em projetos reais, incluindo um projeto final onde você construirá um site completo integrando HTML, CSS e JavaScript.
Aprendizado flexível e interativo: Acesse o conteúdo do curso quando e onde quiser, com recursos interativos que facilitam o aprendizado.
Suporte contínuo: Junte-se a uma comunidade de aprendizado que oferece suporte contínuo, feedback de especialistas e a oportunidade de discutir problemas e soluções com colegas.

Este curso é a sua porta de entrada para o mundo do desenvolvimento web. Ao final do curso, você não só será capaz de construir sites visualmente impressionantes e funcionalmente robustos, mas também terá um portfólio sólido para demonstrar suas habilidades. Inscreva-se hoje e comece a transformar sua visão criativa em realidade com o "Curso Web Frontend Fundamentos: HTML, CSS & JS".

Who this course is for:

Para quem deseja aprender de forma prática toda a base do Front End do absoluto Zero

Curso Web Frontend Fundamentos HTML CSS JS

What you'll learn

Explore related topics

Course content

Introdução6 lectures • 1hr 14min

HTML com CSS20 lectures • 3hr 53min

Java Script - Primeiros Passos18 lectures • 3hr 1min

JAVASCRIPT INTERMEDIÁRIO2 lectures • 15min

Requirements

Description

Who this course is for: