O objetivo deste tutorial colaborativo é revisar Javascript, passo a passo, para melhorar o entendimento e absorver esta linguagem de programação, através da revisão dos conceitos e de uma certa prática.

Para todos aqueles que, assim como eu, não tiveram problemas em acompanhar e entender as excelentes explicações do professor - mas que, na hora de fazer sozinha, sentiu que complicou tudo, rsrs - este tutorial é para você! Vamos estudar juntos e desvendar, definitivamente esse tal de Javascript!

Os conceitos e conteúdos utilizados neste tutorial, foram estudados no bônus de Javascript do curso "PHP do Zero ao Profissional", do grande professor Bonieky Lacerda (https://www.facebook.com/B7Web/?ref=ts&fref=ts). Os conteúdos completos do curso podem ser acessados através do site: http://phpdozeroaoprofissional.com.br/completo/.

As contribuições para explicar os conceitos e/ou os códigos, modificá-lo e ampliá-los serão muito bem vindas! Lembrar de sempre comentar cada alteração realizada.

Os conteúdos serão incluídos aos poucos.

Conteúdos:

Parte I - Javascript Básico

1. Criando variáveis
2. Prompt de entrada
3. Escrever na página
4. Refresh ou Redirect
5. Modificando o HTML
6. Criando Funções
7. Modificando uma lista
8. Operações
9. Arrays
10. Manipulação de arrays
11. Verificadores
12. Loops
13. Switch
14. Exemplo: avidinhe o número

Parte II - Javascript Intermediário

1. Introdução a eventos
2. Eventos de mouse
3. Eventos de teclado
4. Eventos de página
5. Eventos de formulário
6. Jogo: estourar bolas

Parte III - Javascript Avançado

1. Temporização
2. Introdução a Orientação a Objetos
3. Propriedades
4. Funções de classe
5. Funções auxiliares
6. Introdução à Web Storage
7. Funções Web Storage

Parte IV - jQuery

1. O que é jQuery e como funciona
2. $ ou $()
3. $(document).ready()
4. Evitando conflito
5. Selecionando elementos do HTML
6. Manipulando atributos de tag
7. O que fazer após a seleção?
8. Manipulando elementos
9. Transformando elementos em objetos
10. Navegando entre elementos
11. CSS, styling e dimensões
12. Guardando dados em um elemento
13. Métodos do dia-a-dia
14. FAQ - série de perguntas e respostas
15. O que é um evento?
16. Definindo eventos em elementos DOM
17. Eventos auxiliadores
18. Removendo eventos
19. Adicionando falso de eventos
20. Propriedades padrão do evento
21. Eventos de browser
22. Eventos de teclado
23. Eventos de mouse
24. O que são efeitos?
25. Efeito de fade
26. Efeito de deslizamento (slide)
27. Animações: como usar o animate
28. Animações: eventos no animate
29. FAQ - Como parar uma animação no meio? Como somar propriedades na amimação?
30. O que é AJAX?
31. Conceitos importantes de Ajax
32. Métodos auxiliares de Ajax
33. Requisição Ajax completa
34. Recebendo e manipulando JSON
35. O que são Plugins e como usar um Plugin jQuery?
36. Como criar seu próprio Plugin jQuery
37. Projetos

Parte V - Bootstrap

1. Introdução
2. Download
3. Como o Bootstrap funciona
4. Bootstrap Container
5. Bootrstrap Grid
6. Estilo de texto
7. Bootstrap Tables
8. Imagens
9. Botões
10. Grupo de botões
11. Botão Dropdown
12. Page-header e jumbotrom
13. Alerts
14. Labels e Badges
15. Panels
16. Collapse
17. Collapse em Panels
18. List-group
19. Tabs
20. Pager e paginação
21. Navbar completo
22. Form
23. Modal

Parte VI - Angularjs

1. Introdução ao AngularJS
2. Expressions
3. Modules
4. Directives
5. Model
6. Controllers
7. Repeat
8. Filters
9. Select
10. Http
11. Show e hide
12. Eventos
13. Validação
14. API
15. Includes
16. Exemplo: lista de compras

Parte VII - Nodejs

1. O que é Nodejs?
2. Instalando o Node
3. File I/O
4. Http Server
5. Express
6. Criando módulos

Parte VIII - Ecmascript

Parte IX - Angular2

Parte X - React

Parte XI - Vue

Cada conteúdo terá:

• conceito - para que serve

• estrutura - estrutura básica

• exemplo - um exemplo prático

• material complementar - links, livros ou o que for interessante para aprofundarmos aquele conteúdo

Let' code and have fun!