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
   

   View Slide

2. Vinicius Reis
   Gravo aulas sobre Vue.js, JavaScript e Laravel para codecasts.com.br
   Engenheiro de Aplicações @ Decision6
   @vinicius73
   @LuizVinicius73 @vinicius73 @codecasters
   

   View Slide

3. O que é JavaScript?
   

   View Slide

4. O que é EcmaScript?
   Antes...
   

   View Slide

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
   

   View Slide

6. Especificação vs Implementação
   Motor vs Plataforma
   

   View Slide

7. Como JavaScript funciona?
   

   View Slide

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)
   

   View Slide

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
   

   View Slide

10. O que pode ser feito com JavaScript?
    

    View Slide

11. QUALQUER COISA
    

    View Slide

12. Onde JavaScript está sendo utilizado?
    Web+ e Mobile+
    

    View Slide

13. Onde JavaScript está sendo utilizado?
    BACK-END
    

    View Slide

14. Onde JavaScript está sendo utilizado?
    DESKTOP
    (Web e Nativo)
    

    View Slide

15. Onde JavaScript está sendo utilizado?
    Editores
    

    View Slide

16. Onde JavaScript está sendo utilizado?
    Tooling
    

    View Slide

17. Onde JavaScript está sendo utilizado?
    Databases
    

    View Slide

18. Quem usa JavaScript?
    

    View Slide

19. View Slide

20. View Slide

21. Com o que se usa JavaScript?
    

    View Slide

22. View Slide

23. JavaScript é difícil?
    Não Um pouco É preciso prática
    

    View Slide

24. É preciso dedicação
    

    View Slide

25. E o ecossistema JavaScript?
    

    View Slide

26. 510.000
    ~500/dia
    

    View Slide

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
    

    View Slide

28. Flavors/Sabores
    

    View Slide

29. Flavors/Sabores
    

    View Slide

30. Back-end
    

    View Slide

31. Back-end
    mongoose
    

    View Slide

32. Front-end
    

    View Slide

33. Front-end
    

    View Slide

34. Universal
    

    View Slide

35. Tooling
    

    View Slide

36. Tooling
    

    View Slide

37. Tooling
    

    View Slide

38. Tooling
    

    View Slide

39. Tooling
    

    View Slide

40. https://youtu.be/XXN0u5OlR8E
    JavaScript - Como sobreviver a essa sopa de letrinhas com Vue.js
    

    View Slide

41. https://t.me/javascriptbrasil
    Grupo JavaScript Brasil no Telegram
    

    View Slide

42. Obrigado
    

    View Slide

43. https://goo.gl/NNT8Jt
    

    View Slide