O documento resume a história e as principais aplicações da linguagem JavaScript, incluindo: 1) seu desenvolvimento inicial e uso no front-end de sites; 2) seu uso no back-end com Node.js; e 3) seu uso para desenvolvimento de aplicativos móveis e desktops. O documento argumenta que o JavaScript pode ser usado em uma "stack full JS" em diferentes partes de um projeto de software.

1. O PODER DO
JAVASCRIPT

2. Jack Morton affiliate
Gabriel Ferreira
Analista Desenvolvedor

3. HISTÓRIA

4. 1992
CMM

5. 1992
CMM
C--

6. 1995
Brendan Eich
mocha
LiveScript

7. 1995

8. 1995
LiveScript

9. 1995
LiveScript

10. 1995
LiveScript
JavaScript

11. 1995
LiveScript
JavaScript
nada ver com Java

13. atualmente
● Linguagem multi paradigma
○ Orientada a Eventos
○ Orientada a Objetos (sintética)
○ Procedural
○ Imperativa
○ Funcional

14. introdução
● Tipagem Dinâmica

15. introdução
● Tipos

16. introdução
● Todo mundo tem JavaScript instalado

17. +
F12

18. +
F12
PRONTO!

19. FRONT-END(client side)

20. Client Side

21. ● Validação de Formulários
● Manipulação do DOM
● Gerenciamento de Eventos
● Interações com usuário
● Principal Responsável pela UX

22. ● Validação de Formulários

23. ● Manipulação do DOM (Document Object Model)

24. ● Gerenciamento de Eventos

25. ● Interações com usuário

26. ● Principal Responsável pela UX

27. ● Principal Responsável pela UX

28. Algumas Tecnologias
Front-end
AngularJS
jQuery
React
Gulp Ember

29. resumindo
● front-end (lado do cliente)

30. BACK-END(server side)

31. https://nodejs.org/en/

32. Server Side

33. ● Liberado ao público em 2009
● Criado a partir do motor V8 utilizado no Google
Chrome
● Conexões simultâneas

34. Quem usa NodeJS?

35. resumindo
● front-end (lado do cliente)
● back-end (lado do servidor)

36. ANDROID

37. E
TAMBÉM

38. iOS

39. ISSO NÃO
É POSSÍVEL

40. ISSO NÃO
É POSSÍVEL

41. REACT NATIVE
https://facebook.github.io/react-native/

43. 1 código
2
APLICAÇÕES
render: function() {
return <View>Eai Fatec!</View>
}

45. Quem usa React Native?

46. resumindo
● front-end (lado do cliente)
● back-end (lado do servidor)
● mobile

47. DESKTOP

48. Cases de Sucesso
Atom Slack VSCode

49. ELECTRON JS
https://electronjs.org/

50. resumindo
● front-end (lado do cliente)
● back-end (lado do servidor)
● mobile
● desktop

51. BANCO DE DADOS

52. Relacionais Não Relacionais
(NoSQL)
● MySQL
● PostgreSQL
● SQL Server
1. Armazenam dados em forma de
tabelas (linhas e colunas);
2. As tabelas se relacionam entre si;
3. SQL (linguagem de consulta)
● MongoDB (orientado a documentos)
1. Diferente forma de armazenamento;
2. As tabelas não se relacionam entre si;

53. JSON
(JavaScript Object Notation)
É um modelo para armazenamento e transmissão de informações no
formato texto.
● Leitura mais simples
● Analisador (parsing) mais fácil
● Velocidade maior na execução e transporte de dados
● Arquivo com tamanho reduzido
https://www.devmedia.com.br/o-que-e-json/23166

54. resumindo
● front-end (lado do cliente)
● back-end (lado do servidor)
● mobile
● desktop
● banco de dados

55. CONCLUSÃO
STACK FULL JS

56. Web App
Mobile App
DB
Server
...

57. Web App
Mobile App
DB
Server
jQuery
React
Angular
Vanilla
...

58. Web App
Mobile App
DB
Server
jQuery
React
Angular
Vanilla
React Native
...

59. Web App
Mobile App
DB
Server
jQuery
React
Angular
Vanilla
React Native
NodeJs
...

60. Web App
Mobile App
DB
Server
jQuery
React
Angular
Vanilla
React Native
NodeJs
JSON
...

61. Web App
Mobile App
DB
Server
jQuery
React
Angular
Vanilla
React Native
NodeJs
JSON
...

62. GitHub
● https://github.com/frontendbr/me-contrata
● https://github.com/frontendbr/vagas
● https://github.com/lerrua/remote-jobs-brazil
● https://github.com/LFeh/frontend-challenges/
E MUITO MAIS!

63. Obrigado!
E-mail
gabriel@lightup.com.br
GitHub
https://github.com/gabrielferreiraa
LinkedIn
https://www.linkedin.com/in/gabrielferreira/
Link Apresentação
https://bit.ly/2GttaWn