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?

19. None
20. None

21. Com o que se usa JavaScript?

22. None

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