JavaScript - Entendendo o que há para entender e sobrevivendo ao seu ecossistema

Transcript

1. JavaScript Entendendo o que há para entender e sobrevivendo ao seu ecossistema
2. Vinicius Reis Gravo aulas sobre Vue.js, JavaScript e Laravel para codecasts.com.br Engenheiro de Aplicações @ Decision6 @vinicius73 @LuizVinicius73 @vinicius73 @codecasters
3. O que é JavaScript?
4. O que é EcmaScript? Antes...
5. 1995 - Mocha, LiveScript e JavaScript 1996 - ECMA-262 2009 - v5.0 2011 - v5.1 2015 - v6.0 2016 - v7.0 2017 - v8.0 2018 - v9.0 2019 - v10.0 Releases anuais 1999 - v3.0
6. Especificação vs Implementação Motor vs Plataforma
7. Como JavaScript funciona?
8. Como JavaScript funciona? Depende do motor e da plataforma Motores ➔ V8 (Chrome, Node, Opera, ...) ➔ SpiderMonkey (Firefox) ➔ Chakra (MS Edge) ➔ Nitro (Safari, Qt 5) ➔ Nashorn (JVM) ➔ DynJS (JVM) Plataformas ➔ Client-side (Navegadores) ➔ Server-side ◆ MongoDB, CouchDB ◆ Node ◆ JXcore (Node.js fork for IoT) ◆ DecafJS (JS Sync, JVM) ◆ Nodyn, RingoJS, PurpleJS (JVM)
9. Como JavaScript funciona? Depende do motor e da plataforma Plataformas diferentes tem APIs diferentes. Código JavaScript e seus recursos podem ser diferentes dependendo do contexto (motor e plataforma) que estão sendo executados Código que é capaz de ser executado em múltiplas plataformas JavaScript é considerado um código isomórfico ou universal
10. O que pode ser feito com JavaScript?
11. QUALQUER COISA
12. Onde JavaScript está sendo utilizado? Web+ e Mobile+
13. Onde JavaScript está sendo utilizado? BACK-END
14. Onde JavaScript está sendo utilizado? DESKTOP (Web e Nativo)
15. Onde JavaScript está sendo utilizado? Editores
16. Onde JavaScript está sendo utilizado? Tooling
17. Onde JavaScript está sendo utilizado? Databases
18. Quem usa JavaScript?
21. Com o que se usa JavaScript?
23. JavaScript é difícil? Não Um pouco É preciso prática
24. É preciso dedicação
25. E o ecossistema JavaScript?
26. 510.000 ~500/dia
27. E o ecossistema JavaScript? • Flavors/Sabores ◦ Babel ◦ TypeScript ◦ Flow • Back-end ◦ Router Libs ◦ Database Layer • Front-end ◦ Frameworks ◦ DOM Manager • Universal ◦ Lodash ◦ Moment.js • Tooling ◦ Package Managers ◦ Task Runners ◦ Bundlers ◦ Test Libs
28. Flavors/Sabores
29. Flavors/Sabores
30. Back-end
31. Back-end mongoose
32. Front-end
33. Front-end
34. Universal
35. Tooling
36. Tooling
37. Tooling
38. Tooling
39. Tooling
40. https://youtu.be/XXN0u5OlR8E JavaScript - Como sobreviver a essa sopa de letrinhas com Vue.js
41. https://t.me/javascriptbrasil Grupo JavaScript Brasil no Telegram
42. Obrigado
43. https://goo.gl/NNT8Jt