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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

O que é JavaScript?

Slide 4

Slide 4 text

O que é EcmaScript? Antes...

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

Como JavaScript funciona?

Slide 8

Slide 8 text

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)

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

O que pode ser feito com JavaScript?

Slide 11

Slide 11 text

QUALQUER COISA

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Onde JavaScript está sendo utilizado? BACK-END

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

Onde JavaScript está sendo utilizado? Editores

Slide 16

Slide 16 text

Onde JavaScript está sendo utilizado? Tooling

Slide 17

Slide 17 text

Onde JavaScript está sendo utilizado? Databases

Slide 18

Slide 18 text

Quem usa JavaScript?

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Com o que se usa JavaScript?

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

É preciso dedicação

Slide 25

Slide 25 text

E o ecossistema JavaScript?

Slide 26

Slide 26 text

510.000 ~500/dia

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

Flavors/Sabores

Slide 29

Slide 29 text

Flavors/Sabores

Slide 30

Slide 30 text

Back-end

Slide 31

Slide 31 text

Back-end mongoose

Slide 32

Slide 32 text

Front-end

Slide 33

Slide 33 text

Front-end

Slide 34

Slide 34 text

Universal

Slide 35

Slide 35 text

Tooling

Slide 36

Slide 36 text

Tooling

Slide 37

Slide 37 text

Tooling

Slide 38

Slide 38 text

Tooling

Slide 39

Slide 39 text

Tooling

Slide 40

Slide 40 text

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