modelo-de-curso

KO | EN

gitlite — search

#hacktoberfest #react #typescript #llm #golang #machine-learning #deep-learning #linux #docker #windows #cli #security #pytorch #open-source

modelo-de-curso

(★ 10)

Esse é o modelo de curso a ser seguido pela Webschool,

modelo-de-curso Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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;

modelo-de-curso

modelo-de-curso Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

modelo-de-curso

modelo-de-curso Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README