Nome do Curso

• Duração: X horas
• Peridiocidade: X horas por semana

Ementa

Exemplo de EMENTA do JS4Girls

Slides

https://docs.google.com/presentation/d/1VDfx2n_K4NOnrvW3rq_Q3bcKKnQzxKvTio-oxfSL37E/edit?usp=sharing

Módulos

Módulos com peso de 30 minutos para facilitar a organização, já que o evento consiste em 6 horas, onde cada etapa deve deixar 10/15 minutos finais para exercícios.

• Introdução ao HTML - 1
• Introdução à CSS - 1
• Introdução ao Javascript - 1
• Introdução à Estrutura de Dados - 1
• Introdução à Lógica - 2
• Funções - 1
• Objetos - 1
• JavaScript e o navegador - 2
• Projeto Final - 1

Introdução HTML

Duração: 30 min Objetivo: Introdução ao HTML

• Introdução
• Atributos
• Tags básicas HTML
• HTML semântico
• Elementos estruturais
• Elementos textuais
• Formulários

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/html-introducao.md

Introdução CSS

Duração: 30 min Objetivo: Introdução ao CSS

• Seletores CSS básicos
• Seletores de tag html
• Seletores de id
• Seletores de class
• Encadeamento de seletores
• Diferença entre seletores
• Atributos básicos do CSS
  • width
  • height
  • background
  • padding
  • border
  • margin

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/css.md

Introdução Javascript

Duração: 30 min Objetivo: Introdução ao Javascript

• História do JS
• Onde usar?
• O que oferece?
• Principais Características
• Javascript não é Java
• Exemplo Hello JSGirl
• Console do Navegador

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/js-introduction.md

Introdução Estrutura de Dados

Duração: 30 min Objetivo: Introdução à Estrutura de Dados

• null
• undefined
• String
• Number
• Boolean
• Array

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/data-structure.md

Introdução à Lógica

Duração: 60 min Objetivo: Introdução à Lógica de Programação

• O que é lógica de programação?
• Sequência Lógica
• Algoritmo
• Instruções
• Boolean
• AND
• OR
• NOT
• if
• else if
• switch
• while
• do while
• for

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/logic.md

Funções

Duração: 30 min Objetivo: Introdução às funções

• Definição de Função
• Sintaxe
• Parâmetros e argumentos
• Retorno
• Invocando uma função

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/functions.md

Objetos

Duração: 30 min Objetivo: Introdução aos Objetos

• O que é um objeto
• Objetos e propriedades
• Exercício - Criando o objeto "MeuVestido"
• Criando novos objetos
• Exercício - Criando novos objetos
• Typeof
• Instanceof

https://github.com/Webschool-io/js4girls/blob/master/material-didatico/objects.md

Roteiro

1. Dar uma introdução sobre o HTML, para que serve, quais são suas principais tags e o porquê semantica é impotante;
2. Para depois começar a embelezar esses elementos com CSS, tentando abordar apenas as propriedades mais usadas;
3. Ensinar o que é o JS, como e pq ele foi criado, introdução em si, mostrar exemplos simples de alert, prompt, console.log. De preferência daqui para frente usar o console do navegador para executar os exemplos e exercícios;
4. Passando para o tópico de Estrutura de Dados, mostrando os diversos tipos de dados e sua funcionalidades mais comuns;
5. Indo para o módulo de lógica onde deve ser abordado o conceito e uso de algoritmos, os valores booleanos e operações como AND, OR e NOT para um melhor embasamento teórico. Passando pelas funções: if, else if, switch, for, while, do while;
6. Chegando em Funções mostrar o porquê elas são de primeira ordem, pegar os exemplos antigos e encapsular em funções. Não esquecer de explicar o arguments e seu escopo, mas CUIDADO sem avançar muito.
7. Passando por Objetos mostrar a diferença do literal para o new, herança, design patters simples;