Sobre as aulas programação

O objetivo desta página é apresentar aos estudantes a Programação como prática pedagógica para o desenvolvimento do pensamento computacional, uma vez que o ato de programar envolve criar soluções para a resolução de problemas diversos, utilizando habilidades como abstração e análise.

A presente Trilha de Aprendizagem abordará a Linguagem de Marcação de Hipertexto - HTML, responsável por definir o conteúdo da página, para que esse seja exibido em um navegador da web; a Linguagem de Folha de Estilo em Cascata - CSS, cuja aplicação relaciona-se com a definição de estilos que controlam a aparência da página e a Linguagem de Programação JavaScript, para tornar a página mais dinâmica, adicionando a ela elementos interativos.

Com o intuito de aplicar os conhecimentos e desenvolver as habilidades previstas para o componente, ao longo do ano, o estudante desenvolverá um projeto prático, que consiste na criação de uma página web responsiva, utilizando HTML, CSS e JavaScript, sendo ela o produto pedagógico esperado.

Programação

Usando a criatividade para criar o seu site

Aula 01

Aula 01

Youtube PDF
Aula 02

Aula 02

Youtube PDF
Aula 03

Aula 03

Youtube PDF
Aula 04

Aula 04

Youtube PDF
Aula 05

Aula 05

Youtube PDF
Aula 06

Aula 06

Youtube PDF

Praticando HTML e CSS

Entendendo o projeto Começando com o VSCode a base do HTML Youtube PDF

Começando com o CSS Criando variáveis no CSS Adicionando cor ao site Compreendendo e utilizando margin e padding Youtube PDF

Inserindo imagem no site Youtube PDF

Criando botão para o site Youtube PDF

Utilizando o Grid Utilizando o atributo border Fazendo melhorias no site Youtube PDF

Alterando as fontes do site Youtube PDF

Compreendendo e utilizando margins e paddings Youtube PDF

Trabalhando com alinhamentos Youtube PDF

Construindo uma nova section Youtube PDF

Reutilizando estilos Youtube PDF

Compreendendo e utilizando o flexbox Youtube PDF

Utilizando o flexbox Youtube PDF

Criando um rodapé (footer) Compreendendo e utilizando pseudo-classes Youtube PDF

Utilizando o GitHub I Youtube PDF

Utilizando o GitHub II Youtube PDF

Utilizando o GitHub Pages Youtube PDF

Fazendo deploy na Vercel Youtube PDF

Utilizando o VSCode Web Youtube PDF

Ferramentas

Alura
Figma
Flaticon
Storyset
Google Fonts
W3Scholls