Conteúdos das aulas (slides)

1ª Avaliação - Finalizado

• Conteúdo 00 AV1 - 04.08 - Apresentação
• Conteúdo 01 AV1 - 05.08 - Introdução a disciplina, História da Web, Estrutura do HTML e tags
• Conteúdo 02 AV1 - 11,12.08 - IDE e TAGs HTML
• Conteúdo 03 AV1 - 18,19.08 - Introdução ao CSS
• Conteúdo 04 AV1 - 25,26.08 - Flexbox no CSS

2ª Avaliação

• Conteúdo 01 AV2 - 09.09 - Introdução ao Javascript + DOM
• Conteúdo 02 AV2 - 15,16.09 - Eventos
• Conteúdo 03 AV2 - 22,23.09 - Inputs, trim, innerText
• Conteúdo 04 AV2 - 29,30.09 - if,else, return
• Atividade inputs,trim,innerText
• Atividade if e else no chatbot

Conteúdos das aulas (vídeo aulas)

2ª Avaliação

• 01 - Criação do botão do chatbot - HTML e CSS
• 02 - Introdução ao JavaScript e ao DOM

2ª Avaliação - Ordem de realização da AV2

• Ordem de realização

3ª Avaliação - Projeto final

Assista todo esse conteúdo primeiro

• Como colocar os arquivos no Github
• Adicionar colaborador no projeto
• Fazendo commits no Github
• Como criar o readme do projeto

Trabalho AV3

• Edital 01 - Envio do código
• Formulário de envio (Parte 1) - Até 08/11
• Oficina do chatbot com Gemini

Revisões para prova

• 1ª Avaliação

Projetos no laboratório

Preparando o ambiente de desenvolvimento

• Instalação do VS Code e Node JS

Textos para as páginas

• Textos para página principal

Imagem Hero

• Imagem

Atividades no laboratório

• Atividade 01

1ª Avaliação

• Projeto 01 - Site com HTML e CSS (sem chatbot)
• Projeto 02 - Site com HTML e CSS com flexbox (sem chatbot)
• Códigos - align-items e justify-content do vídeo

2ª Avaliação

• Aula 01 - Código comentado nos slides
• Aula 02 - Código comentado nos slides
• Aula 03 - Código comentado nos slides
• Aula 04 - Código comentado nos slides

Material Complementar

Projetos para Portfólio

• Como fazer o levantamento de requisitos do cliente?
• Carreira do programador
• Como ser Freelancer
• Projeto Portfólio Pessoal
• Projeto Loja Virtual de Eletrônicos
• 25 Projetos para o Portfólio

Vídeo Aulas

• Curso gratuito Git e GitHub
• Curso de HTML e CSS Completo
• Curso de JavaScript - Patrocínio Google
• Criando um chatbot com Javascript Puro

Apostila para estudos

• Apostila propriedades do CSS
• Apostila de Flexbox
• Propriedades do Flexbox

Cursos com certificados - Gratuitos e Pagos

• Programador Web - IFRS - Gratuito
• DevStart - FrontEnd - Gratuito
• Curso em Vídeo - Gratuito e Pago
• Vários de Web - Gratuito
• B7Web - Fullstack - Pago
• Origamid - FrontEnd - Pago

Referências de TAGs e Seletores de HTML e CSS

• HTML
• CSS

Calendário Acadêmico

• Período 2026.2

Plano de Ensino

• Desenvolvimento Web para IA