Curso HTML e CSS para INICIANTES - Programação Front-End

Name: Curso HTML e CSS para INICIANTES - Programação Front-End
Rating: 4.7 (13 reviews)

Aprenda a programar em HTML 5 e CSS 3, comece a criar sites do zero até se tornar Desenvolvedor Front-End profissional

Created byJoão Sena

Last updated 9/2024

Portuguese

Portuguese [Auto],

What you'll learn

Aprender a criar sites com HTML 5 e CSS 3
Ter um portfólio pronto ao final do curso
Estar pronto para trabalhar no mercado utilizando HTML 5 e CSS 3
Iniciar no mundo da programação e desenvolvimento

Course content

7 sections • 42 lectures • 7h 33m total length

Introdução ao curso / Apresentação do Projeto / Requisitos10:50
O que é o HTML 5 e o que é CSS3? Como funciona e como utilizar16:31
O que é Front-End x Back-End (Desenvolvimento Web)5:56
Extensões de arquivo (Importante)6:28
Como tirar dúvidas / Solucionar problemas / Evitar erros5:23

HTML - Como criar um arquivo HTML / Abrir o arquivo / Entendendo a estrutura10:04
HTML - Como funcionam as tags / atributos / metatags / como descobrir novas tags8:35
HTML - Tags de Textos - h1 / p / label / a / cite / strong / small / etc9:48
HTML - Links - Tag <a>5:59
HTML - Tags de mídia - Utilizar no mídia online ou local do computador7:14
HTML - Tag de Tabelas - Table / theader / trow / th / td11:30
HTML - Tags de Formulários - form / input / select / text-area / radio / check13:02
HTML - Containers - Nav / Header / Article / Aside / Section / Footer / Div11:05
HTML - Atributos / Classes / Ids / name / atributos extras13:26

CSS - Como criar um arquivo CSS e Vinculá-lo ao HTML para iniciar a estilização8:16
CSS Propriedades de cores - Background / color / border / box-shadow / opacity15:34
CSS - Propriedades de Fontes - Font-size / font-weight / fontfamily / text-align15:39
CSS - Propriedades de espaçamento - Margin e Padding14:10
CSS - Display - Inline / block / inline-block / flex9:35
CSS - Flutuações e Posições - Float e Position (top, right, bottom, left)24:13
CSS - Hover - Seu site mais iterativo com o usuário10:10

Criando pasta e arquivos do projeto + imagens5:39
Criando o logotipo para o seu site com Photopea (opcional)6:08
Criando o Menu do site - Header e NAVbar para navegar pelo site13:03
Criando a Apresentação - Article de Introdução ao seu portfólio9:36
Criando a parte Sobre - Aside com informações sobre você10:09
Criando a área de citação - Section com apenas uma frase de impacto4:55
Criando parte de Habilidades - Section com cards das tecnologias que você domina10:23
Criando parte de Portfólio - Section com foto mais descrição do seu portfólio10:56
Criando parte de Pontos fortes - Div com tópicos de pontos fortes do seu perfil8:56
Criando parte de Contato - Formulário para envio (apenas visual)14:45
Criando parte do Footer - Rodapé do site com informações8:00
Criando a página FAQ - Página com card de perguntas e respostas14:02

Requirements

Não é necessário ter experiência com programação, basta querer aprender e ter um computador

Description

Neste curso você aprenderá desde o básico do HTML 5 e do CSS 3 (versões mais recentes das tecnologias) até a criação de um site de portfólio completo que você terá pronto no final deste curso.

Este portfólio é o projeto principal que será feito neste curso, logo após vermos os princípios do HTML e CSS e aprendermos como eles funcionam, para assim estarmos pronto para iniciar nosso portfólio.

Você sairá um Desenvolvedor Front-End pronto para desenvolver interfaces bonitas e modernas que encantam os olhos de quem vê. Não seja só mais um, aprenda a ser o melhor!

Objetivos:

- Aprender HTML 5 (versão mais recente do HTML)

- Aprender CSS3 (versão mais recente do CSS)

- Saber criar um site do zero até a finalização do mesmo

- Aprender sobre conceitos de responsividade (como adequar o site a telas de celulares e torná-lo responsivo)

Ferramentas necessárias:
Visual Studio Code (Interface para programar - Possui aula ensinando a instalar)
Google Chrome (Browser para navegar pelo site - Possui aula ensinando a instalar)

Este curso não possui requisitos, basta apenas querer aprender e ter um computador para iniciar a programar.
Este curso é voltado a área de Front-End, ou seja, tudo que é visível para o usuário e navegável.

#html5 #css3 #frontend #web #desenvolvimento #engenheiro #software

Who this course is for:

Desenvolvedores Front-End
Programadores Front-End
Desenvolvedor Web
Programador Web
Desenvolvedores iniciantes
Programadores iniciantes

Curso HTML e CSS para INICIANTES - Programação Front-End

What you'll learn

Explore related topics

Course content

Introdução ao curso - Seja bem vindo ao curso de HTML 5 para iniciantes5 lectures • 45min

Instalações e Programas necessários2 lectures • 8min

HTML 5 - Tags / Marcações / Metatags9 lectures • 1hr 31min

CSS 3 - Estilização / Propriedades / Vincular ao HTML7 lectures • 1hr 38min

Mini projeto Netflix - Colocando conhecimento em prática5 lectures • 1hr 10min

Iniciando o projeto de Portfólio - HTML 5 e CSS312 lectures • 1hr 57min

Aulas Extras - Estilizações, animações e Respostas de Dúvidas de alunos2 lectures • 25min

Requirements

Description

Who this course is for: