
Qualquer pessoa que queira aprender a programar pode começar pelo HTML e o CSS, pois são duas tecnologias fáceis de aprender e que segue os principais fundamentos de programação!
#html #css #cursogratuito #programadoriniciante #videoaulas
Precisamos de um editor de código para codar em HTML e CSS, e nesse curso seguiremos com o Visual Studio Code, ou simplesmente VSCode, um dos editores de código mais utilizados do mundo!
Baixá-lo é muito simples, basta entrar no link disponibilizado nos comentários, clicar em baixar e depois seguir os procedimentos de instalação (você também pode aprender a utilizar o VSCode através do nosso curso Introdução ao Visual Studio Code)
Vamos conversar rapidinho sobre o que é HTML e CSS?
É muito comum encontrarmos pela internet muita enrolação para explicar duas tecnologias muito simples de se explicar. Nesta aula, com um pouco mais de 2 minutos, explico o que você precisa saber sobre HTML e CSS de forma simplificada.
#html #css #cursogratuito #programadoriniciante #videoaulas
O HTML possui uma sintaxe, ou seja, regras que devem ser seguidas.
Apesar de ser uma tecnologia simples, isso não quer dizer que devemos codar de qualquer maneira! Por isso, nessa aula, abordo as principais regras que todo iniciante precisa saber para mandar bem!
#html #css #cursogratuito #programadoriniciante #videoaulas
A semântica no HTML é algo extremamente importante. Mas o que é semântica? O que é necessário saber para construir uma página web semântica? Entenda de uma vez por todas nessa aula
#html #css #cursogratuito #programadoriniciante #videoaulas
Para iniciarmos uma página web, é necessário seguir uma estrutura, muito conhecida como ESQUELETO HTML! Aprenda nessa aula prática a como construir esse esqueleto e ainda entender linha por linha o que cada tag representa no código
#html #css #cursogratuito #programadoriniciante #videoaulas
Usar títulos e parágrafos é quase como uma regra nos websites, pois você precisa de textos que contextualizem os seus conteúdos!
No HTML conseguimos inserir títulos com a tag H1 e suas variações até a H6, e os parágrafos adicionamos com a tag P
Nessa aula, aprenda a como utilizar os títulos e parágrafos nos seus sites da forma correta,
00:04 - Introdução
01:05 - Entendendo a Hierarquia de Títulos
10:10 - Adicionando Parágrafos
11:38 - Considerações Finais
#html #css #cursogratuito #programadoriniciante #videoaulas
Utilizamos listas como um meio de organização. Mas como utilizar listas no HTML? Nessa aula ou trouxe dois exemplos de listas e os contextos que podemos usá-las
00:04 - Introdução
00:37 - Listas Ordenadas
03:16 - Listas não Ordenadas
06:16 - Considerações Finais
#html #css #cursogratuito #programadoriniciante #videoaulas
Para finalizar o módulo de HTML, hoje aprenderemos como adicionar links e imagens no nosso arquivo HTML
00:04 - Introdução
01:13 - Inserindo Links Externos
04:32 - Inserindo Links Internos
05:28 - Inserindo Imagem
08:35 - Considerações Finais
#html #css #cursogratuito #programadoriniciante #videoaulas
Bem vindo ao módulo de CSS! Nesse vídeo te mostro a importância do CSS no momento de construir suas páginas web, e caso você precise de uma base sobre o HTML volte algumas aulas e conclua o módulo de HTML
#html #css #cursogratuito #programadoriniciante #videoaulas
Assim como o HTML, o CSS também possui sua própria sintaxe, aquelas regrinhas que devem ser seguidas para que o CSS, de fato, funcione
A sintaxe é bem simples, em apenas uma aula de 2 minutos e 30 segundos, você irá conseguir compreender
#html #css #cursogratuito #programadoriniciante #videoaulas
Para utilizar o CSS é necessário também ter o HTML! Ambos andam juntos!
Aprenda nesta aula a configurar o CSS dentro do HTML
#html #css #cursogratuito #programadoriniciante #videoaulas
Utilizando outras formas de identificar uma tag HTML você consegue muitas outras possibilidades de estilização
Aprenda nesta os tipos de seletores CSS
00:04 - Trabalhando com Seletores de Elemento
01:45 - Adicionando atributo ID e Class no HTML
02:40 - Seletor ID no CSS
03:23 - Seletor Class no CSS
04:21 - Considerações Finais
#html #css #cursogratuito #programadoriniciante #videoaulas
Chegou o projeto final!
Nessa aula você vai aprender a desenvolver um site de uma receita de bolo de chocolate utilizando HTML e CSS
00:04 - Introdução
00:32 - Inicializando o Projeto no VSCode
04:00 - Construindo o HTML
13:00 - Adicionando mais elementos HTML
21:34 - Construindo o CSS
44:04 - Resultado do Projeto
46:35 - Considerações Finais
#html #css #cursogratuito #programadoriniciante #videoaulas
Chegamos ao final de nosso curso! Parabenizamos a todos pelo esforço.
Junte-se à nossa comunidade online e continue aprendendo.
https://comunidade.estudante.dev/?ref=videoYtPlaylist
#certificadodeconclusão #curosgratis#desenvolvimento #programação #comunidadedev #html #css
Olá Aluno(a), seja bem-vindo(a) ao nosso curso 100% gratuito de Introdução ao HTML e CSS, aqui você irá aprender tudo o que um iniciante precisa saber sobre essas duas tecnologias, com diversas aulas práticas e no final, um projeto que você poderá utilizar no seu portfólio
Antes de partir para uma linguagem de programação é extremamente importante ter uma base, e se você escolheu começar pelo HTML e CSS, parabéns, foram ótimas escolhas! Pois ambas as tecnologias são uma porta de entrada para quem quer se tornar um(a) programador(a), pois elas utilizam conceitos básicos de computação, e, portanto, são mais simples e fáceis de entender
Além disso, para construir websites, você deve utilizar o HTML, que é a principal tecnologia de uma página web. É por meio do HTML que especificamos ao navegador se um conteúdo deverá ser um parágrafo, um título, uma imagem, um formulário, ou até mesmo um elemento definido por você
Já o CSS é a tecnologia que você utilizará para o design das suas páginas, ou seja, definir cores, formas, tamanhos, dentre muitos outros recursos.
Com HTML e CSS já conseguimos fazer sites incríveis, e ambos te darão a base para prosseguir com os seus estudos, como aprender uma linguagem de programação
Não esqueça de acessar nosso perfil aqui na Udemy, pois também temos muitos outros cursos gratuitos para alavancar os seus estudos =)