O Vai Na Web é um programa de educação em tecnologias digitais avançadas que busca democratizar o ensino e aprendizado de tecnologia e ajudar na emancipação dos nossos jovens nos desafios da nova era digital.
Todo o conteúdo criado no decorrer das aulas é aberto e pode ser acompanhado aqui. ✨
São idealizadas, planejadas e executadas por pessoas que sabem que a informação precisa ser acessível. Vamos fortalecer a autonomia de criação e a capacidade profissional juntos, através de aulas que transmitem técnica e desenvolvimento socioemocional.
Todo o conteúdo do curso possui uma linguagem clara. As aulas são pensadas gradativamente, com base em como os alunos de cada turma se sentem, de forma que cada aula, resumo, ou outro material seja realmente empático. O Vai na Web foi criado pelo compromisso de revelar as pessoas, ideias e dons incríveis que ficaram escondidos pelas barreiras da falta de oportunidade.
As aulas do módulo Primeiros passos na Web foram criadas para levar jovens ao início de uma incrível aventura na criação de páginas e aplicações para web. 🚀
Aula 01 - Olá Web, meu espaço no mundo
Objetivos: Como a internet funciona, como foi criada, e sua importância.
Formato de apresentação: Apresentação de slides, contação de histórias.
Ferramentas e materiais de apoio: gitbook, slides, resumo.
Duração: 3 horas.
Aula 02 - Como a web funciona
Objetivos: Como as páginas na Web são criadas e como funcionam.
Formato de apresentação: Apresentação em slides, demonstrações.
Ferramentas e materiais de apoio: scratchpad, gitbook, slides, resumo.
Duração: 3 horas.
Aula 03 - Introdução ao HTML e CSS
Objetivos: Principais fundamentos da HTML, sua sintaxe básica e como HTML e CSS funcionam. Juntos vamos estruturar uma página em HTML, adicionar conteúdo, e estilizar alguns elementos com CSS.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: scratchpad, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 04 - Evoluindo minha página com mais HTML
Objetivos: Mais elementos HTML, incluindo hiperlinks, listas, tabelas e mais algumas coisas interessantes.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: scratchpad, sublime text, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 05 - Conhecendo o terminal do Linux
Objetivos: Os principais comandos do terminal.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Formato de apresentação: gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 06 - Git e Github
Objetivos: Git, Github, Open Source, e o que todos eles representam. Como usar todas essas ferramentas e disponibilizar uma página simples usando o Github Pages.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: sublime text, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 07 - Descobrindo o poder dos estilos com CSS
Objetivos: Como os estilos são adicionados ao HTML, como funcionam os seletores, e a sintaxe básica da linguagem.
Formato de apresentação: Apresentação em slides, demonstrações, jogos, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: scratchpad, sublime text, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 08 - Modelo de caixa com CSS
Objetivos: Como funciona o modelo de caixa, e algumas propriedades.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: sublime text, gitbook, slides, resumo, desafios, codepen.
Duração: 3 horas.
Aula 09 - Introdução ao modelo flexível de caixas
Objetivos: Criação de layouts usando os valores e propriedades do Flexbox.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: flexbox froggy, gitbook, slides, resumo, desafios, codepen.
Duração: 3 horas.
Aula 10 - Posicionamento de elementos com CSS
Objetivos: Propriedades de posicionamento e como cada uma influi na composição das ṕaginas.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: sublime text, gitbook, slides, resumo, desafios, codepen.
Duração: 3 horas.
Objetivos: A importância do Design Responsivo. Como usar CSS para criar layouts responsivos.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: codepen, sublime text, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 12 - Criando páginas acessíveis
Objetivos: Entender a importância de manter a acessibilidade em páginas na web, e também aprender a como fazer isso.
Formato de apresentação: Apresentação em slides, demonstrações, exercícios de fixação com desafios.
Ferramentas e materiais de apoio: sublime text, gitbook, slides, resumo, desafios.
Duração: 3 horas.
Aula 13 - Criando magias com CSS3
Objetivos:
Formato de apresentação:
Ferramentas e materiais de apoio:
Duração: 3 horas.
Aula Extra - Pré-processadores CSS
Objetivos:
Formato de apresentação:
Ferramentas e materiais de apoio:
Duração: 3 horas.
Aula Extra - Gerenciadores de tarefas
Objetivos:
Formato de apresentação:
Ferramentas e materiais de apoio:
Duração: 3 horas.