[TRILHA] Javascript

[endersonmenezes]

Conteúdos Abordados na Nova Trilha de Javascript

Palavras-Chaves (Resumo das Discussões)

• [x] 1. Apresentação
• [x] - História de Origem da Linguagem
• [x] - Ambiente de Desenvolvimento
• [x] 2. Introdução a Linguagem
• [x] 3. Variavéis de Tipos de Dados
• [X] - Estrutura de Dados e Algoritmos
• [X] 4. Estruturas Lógicas e Condicionais | Estruturas de Repetição
• [X] 5. Expressões e Operadores
• [X] 6. Orientação e Objetos
• [X] 7. Interface e Herança
• [X] 8. Funções Async
• [X] 9. Conhecendo o Browser
• [X] 10. Abordagem Funcional
• [X] 11. TypeScript
• [X] 12. Manipulação de DOM
• [X] 13. Revisão de HTML5 e CSS3
• [x] 14. ECMAScript
• [x] - Diferença entre ES5 e ES6
• [X] 15. Internet
• [X] - O que é uma API?
• [X] - Construindo uma API
• [x] 16. Módulos em Javascript
• [x] 17. Frameworks
• [x] - NodeJS
• [x] - ExpressJS
• [x] 18. Debugando e Tratando Erros
• [x] 19. Leitura e Escrita de Arquivos
• [x] 20. Indicação de Livros
• [X] 21. Extra (Build a Video Game with Kaboom!)
• [X] https://www.youtube.com/watch?v=gOecj6Zktik

Referências

Profissionais

• Rodrigo Branas
• https://www.youtube.com/c/ErickWendelTreinamentos
• https://www.youtube.com/c/NodeStudioTreinamentos

Bibliográficas

• Curso da Alura
• Build a VideoGame with Kaboom by Replit
• Javascript by Freecodecamp
• Javascript by CodeAcademy
• Roadmap
• Javascript Completo 2018
• DevDocs - Indicação @LuizFernando-TC
• [Fundação Bradesco - Javascript] - https://www.ev.org.br/cursos/introducao-ao-javascript

[endersonmenezes]

Pessoal, alguma ideia de onde começar?

[endersonmenezes]

https://replit.com/curriculum/Build-a-Video-Game-with-Kaboom

[LuizFernando-TC]

Não seria mais interessante criar uma trilha de HTML5 e CSS3 separada da trilha de Javascript?

[endersonmenezes]

1. Apresentação

Ordem Indicada: 1 Avaliação da Ordem: Acredito que está legal a gente começar estudando uma linguagem pela sua história e origem.

Materiais de Referência:

• http://shipit.resultadosdigitais.com.br/blog/javascript-1-uma-breve-historia-da-linguagem/
• https://developer.mozilla.org/pt-BR/docs/Glossary/JavaScript
• https://pt.wikipedia.org/wiki/JavaScript
• https://imasters.com.br/front-end/javascript-20-anos-de-historia-e-construcao-da-web

Video:

• O que é JAVASCRIPT e para que serve, história e origem da linguagem - https://www.youtube.com/watch?v=pWseQJRL_2k

[LuizFernando-TC]

https://devdocs.io/

[endersonmenezes]

2. Ambiente de Desenvolvimento

Ordem Indicada: 2 Avaliação da Ordem: Acho que a ordem está bacana, porém diferente do primeiro pode ser que dê pra mudar, depende do que vamos fazer a frente.

Materiais de Referência:

• https://blog.geekhunter.com.br/ide-javascript/
• https://blog.rocketseat.com.br/ambiente-desenvolvimento-javascript/
• https://devheroes.io/ambiente-de-desenvolvimento-javascript-s01e02/
• https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/First_steps/What_is_JavaScript
• https://docs.microsoft.com/pt-br/azure/developer/javascript/core/configure-local-development-environment?tabs=bash
• https://replit.com/
• https://www.gitpod.io/
• https://github.com/features/codespaces
• https://docs.microsoft.com/pt-br/microsoft-edge/devtools-guide-chromium/console/console-javascript

Video:

• https://www.youtube.com/watch?v=Bp2bU6fQcSo
• https://www.youtube.com/watch?v=KwBiErhj3Qw

Responsável por inserir na trilha: @ArtumosGOC

[LuizFernando-TC]

3. Variáveis de Tipos de Dados

links: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Grammar_and_types https://www.todoespacoonline.com/w/2014/04/variaveis-em-javascript/ https://ricardo-reis.medium.com/tipos-de-dados-javascript-a1f6f498a7d4 https://www.w3schools.com/js/js_datatypes.asp https://www.devmedia.com.br/javascript-variaveis-e-constantes/41012

video: https://www.youtube.com/watch?v=upTl-6W9PcU

Responsável por inserir na trilha: @isiezz

[LuizFernando-TC]

4. Estruturas Lógicas (Condicionais e de Repetição)

Links: https://www.treinaweb.com.br/blog/estruturas-condicionais-e-estruturas-de-repeticao-em-javascript https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Building_blocks/conditionals https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Building_blocks/Looping_code https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Loops_and_iteration https://www.todoespacoonline.com/w/2014/04/estruturas-condicionais-javascript/ https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_operators

Video:

• https://www.youtube.com/watch?v=T8lD3lh-u4A
• https://www.youtube.com/watch?v=0Jr3kmCILIg

Responsável por inserir na trilha: @kamisinha

[LuizFernando-TC]

5. Expressões e operadores

Links: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Expressions_and_operators https://kenzie.com.br/blog/operadores-javascript/ https://ricardo-reis.medium.com/operadores-l%C3%B3gicos-logical-operators-b0687819d1a5 http://www.nce.ufrj.br/ginape/js/conteudo/variaveis/operadores.htm

Videos: https://www.youtube.com/watch?v=6d6IV3SQnIM

Responsável: @LuizFernando-TC

[LuizFernando-TC]

22. Livros sobre JavaScript

• Lógica de Programação e Algoritmos com JavaScript: uma Introdução à Programação de Computadores com Exemplos e Exercícios Para Iniciantes

• Estruturas de Dados e Algoritmos com JavaScript: Escreva um Código JavaScript Complexo e Eficaz Usando a Mais Recente ECMAScript

• JavaScript: O Guia Definitivo

• Padrões JavaScript

• JavaScript de Alto Desempenho

[LuizFernando-TC]

6. Orientação e Objetos

Links: https://www.freecodecamp.org/portuguese/news/programacao-orientada-a-objetos-em-javascript-explicada-com-exemplos/ https://www.devmedia.com.br/poo-trabalhando-com-classes-e-objetos-em-javascript/28434 https://www.alura.com.br/conteudo/javascritpt-orientacao-objetos https://blog.matheuscastiglioni.com.br/orientacao-a-objetos-com-javascript/ https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Classes_in_JavaScript

Videos: https://www.youtube.com/watch?v=kqE3sp_7peQ https://www.youtube.com/watch?v=sKgw7TCNqg4

Responsável: @ArtumosGOC

[endersonmenezes]

7. Interface e Herança

Materiais de Referência:

• https://www.alura.com.br/conteudo/javascript-polimorfismo
• https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Classes_in_JavaScript
• https://acervolima.com/js-interfaces/
• https://dev.to/gabrielhsilvestre/herancas-e-interfaces-k0

Video:

• https://www.youtube.com/watch?v=XF4Iro4RdC4

Responsável: @isiezz

[endersonmenezes]

Para pesquisar:

• Conceito da linguagem script -

@Kamisinha

[endersonmenezes]

Para pesquisar:

• Vantagens e desvantagens da linguagem script
• Estrutura básica da linguagem JavaScript
• Relação entre objetos e métodos JavaScript
• Adição de Comentários

@SOPHI-A9

[endersonmenezes]

Funções Async

Materiais de Referência:

• https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Statements/async_function
• https://www.alura.com.br/artigos/async-await-no-javascript-o-que-e-e-quando-usar
• https://www.freecodecamp.org/portuguese/news/tutorial-de-async-e-await-em-javascript-como-aguardar-que-uma-funcao-se-encerre-em-js/

Video:

• https://www.youtube.com/watch?v=q28lfkBd9F4

Responsável: @endersonmenezes

[endersonmenezes]

Conhecendo o Browser e Manipulando o DOM

Materiais de Referência:

• https://developer.mozilla.org/pt-BR/docs/Web/API/Document_Object_Model/Introduction
• http://devfuria.com.br/javascript/dom-manipulando-o-dom/
• https://tableless.com.br/entendendo-o-dom-document-object-model/

Video:

• https://www.youtube.com/watch?v=yDWLxaRQl5Q

Responsável: @ArtumosGOC

[endersonmenezes]

Basico de HTML e CSS

Materiais de Referência:

• https://pt.khanacademy.org/computing/computer-programming/html-css
• https://www.w3schools.com/html/
• https://www.w3schools.com/css/default.asp

Video:

• https://www.youtube.com/watch?v=iZ1ucWosOww

Responsável: @isiezz

[endersonmenezes]

Internet e API

Materiais de Referência:

• https://www.khanacademy.org/computing/computers-and-internet/xcae6f4a7ff015e7d:the-internet
• https://vertigo.com.br/o-que-e-api-entenda-de-uma-maneira-simples/
• https://pt.wikipedia.org/wiki/Internet
• https://mundoapi.com.br/materias/por-que-as-apis-estao-no-centro-de-internet-of-things/

Video:

• https://www.youtube.com/watch?v=0TndL-Nh6Ok
• https://www.youtube.com/watch?v=gcv5hXyTcIo

Responsável: @kamisinha

[endersonmenezes]

ECMAScript 5 e 6

Materiais de Referência:

• https://www.ecma-international.org/mission/
• https://pt.wikipedia.org/wiki/Ecma_International
• https://medium.com/iclinic/es6-es2015-o-que-mudou-c22d9308f52d
• https://www.ecma-international.org/publications-and-standards/standards/ecma-262/
• https://262.ecma-international.org/12.0/#sec-intro
• https://www.c-sharpcorner.com/article/comparison-between-ecmascript-5-and-ecmascript-6-versions-of-javascript/
• https://www.geeksforgeeks.org/difference-between-es5-and-es6/

Video:

• https://www.youtube.com/watch?v=PlFlKxZbVqs

Responsável: @LuizFernando-TC

[endersonmenezes]

Typescript

Materiais de Referência:

• https://www.typescriptlang.org/
• https://www.typescriptlang.org/docs/
• https://pt.wikipedia.org/wiki/TypeScript
• https://blog.geekhunter.com.br/introducao-a-typescript/

Video:

• https://www.youtube.com/watch?v=kg2-SMolAV0

Responsável: @melissarr

[LuizFernando-TC]

Debugando e Tratando Erros

Materiais de Referência:

• https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
• http://devfuria.com.br/javascript/debugando/
• https://github.com/braziljs/eloquente-javascript/blob/master/chapters/08-erros-e-manipulacao-de-erros.md
• https://www.devmedia.com.br/depurando-javascript-com-google-chrome/28367
• https://danieldcs.com/tratamento-de-erros-e-excecoes-em-javascript/

Video:

• https://www.youtube.com/watch?v=bVAhNaxBEjM
• https://www.youtube.com/watch?v=49pOWtjSfLs

@SOPHI-A9

[LuizFernando-TC]

Leitura e Escrita de Arquivos

Materiais de Referência:

• https://pt.stackoverflow.com/questions/7974/escrevendo-e-lendo-arquivo-via-javascript
• https://www.botecodigital.dev.br/javascript/lendo-o-conteudo-de-um-arquivo-via-javascript/
• https://tableless.com.br/file-api-trabalhando-com-arquivos-locais-usando-javascript/

Video:

• https://www.youtube.com/watch?v=JwhoeWOanKk

Responsável: @endersonmenezes

[LuizFernando-TC]

Módulos em Javascript

Materiais de Referência:

• https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Modules
• https://www.devmedia.com.br/trabalhando-com-modulos-no-javascript/40091
• https://blog.matheuscastiglioni.com.br/utilizando-modulos-javascript-de-forma-nativa/
• https://gabrieluizramos.com.br/modulos-em-javascript

Video:

• https://www.youtube.com/watch?v=vcjEgRNHHQA

Responsável: @endersonmenezes

[endersonmenezes]

NodeJS e ExpressJS e Deno

Materiais de Referência:

• https://nodejs.org/en/
• https://nodejs.org/en/about/
• https://deno.land/
• https://expressjs.com/pt-br/starter/installing.html

Video:

• https://www.youtube.com/watch?v=SDEwUZ7xuG0
• https://www.youtube.com/watch?v=asEzNp_Y-O8
• https://www.youtube.com/watch?v=pohvlFd0byI

Responsável: @endersonmenezes

[SOPHI-A9]

As vantagens de usar as linguagens scripts são variadas e podem ser usadas de maneiras diferentes: fácil de aprender e usar, código aberto e gratuito, portátil e multiplataforma, Permite uso em qualquer sistema operacional, Melhor desempenho no desenvolvimento de aplicações, e etc.

A linguagem JS pode ser usadas de diversas maneiras, seu básico seria que nela podemos criar jogos e sites de diversas formas diferentes e do jeito que queremos. Nela podemos usar códigos da maneira certa para criarmos nossos jogos e sites, mas apenas um erro pode acabar com o código.

A relação entre métodos e objetos no JS é que qualquer tipo de dado pode ser um objeto, é quando uma propriedade armazena um valor se passa a ser chamado de método. Propriedades são valores e cada objeto é um valor, fazendo os dois se relacionarem.

https://developer.mozilla.org/pt-BR/docs/Learn/Getting_started_with_the_web/JavaScript_basics https://kenzie.com.br/blog/script/ https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Functions/Method_definitions https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Working_with_Objects

[ArtumosGOC]

Relação entre objetos e métodos JavaScript

Materiais de Referência:

• https://www.luis.blog.br/orientacao-a-objetos-classe-e-objeto-propriedades-e-metodos.html
• https://www.digitalocean.com/community/tutorials/how-to-use-object-methods-in-javascript-pt
• https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Working_with_Objects
• https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Basics

Vídeo Complementar:

• https://www.youtube.com/watch?v=6d4mrARIIDg
• https://www.youtube.com/watch?v=n5uiJr-v0KQ

Responsável: @ArtumosGOC

[LuizFernando-TC]

O que acham de adicionar um tópico sobre data e hora?

[endersonmenezes]

@LuizFernando-TC leva discussão pro discussions, eu acho legal, vamos ver aonde tem sites interessantes sobre isso.