Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/webschool-io/modelo-de-curso
Esse é o modelo de curso a ser seguido pela Webschool,
https://github.com/webschool-io/modelo-de-curso
Last synced: about 1 month ago
JSON representation
Esse é o modelo de curso a ser seguido pela Webschool,
- Host: GitHub
- URL: https://github.com/webschool-io/modelo-de-curso
- Owner: Webschool-io
- License: cc0-1.0
- Created: 2015-08-26T21:57:54.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2015-08-26T22:56:28.000Z (over 9 years ago)
- Last Synced: 2024-04-11T16:22:09.187Z (9 months ago)
- Size: 106 KB
- Stars: 10
- Watchers: 7
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](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](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](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](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](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](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](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](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;