JavaScipt - Um caminho para o futuro

Transcript

1. JavaScript, um caminho para o futuro Como a utilização pode contribuir Alessandra Nastassja
2. JavaScript, um caminho para o futuro | BIT Tech Week Graduanda em Sistemas para Internet (SI) pela FATEC de Carapicuíba. Voluntária na comunidade Codamos. Freelance nas horas vagas. alessandranastassja.com.br github.com/Alessandra-Nastassja linkedin.com/alessandra-nastassja @hey_nastassja Quem sou eu ? Alessandra Nastassja
3. JavaScript UM CAMINHO PARA O FUTURO
4. JavaScript, um caminho para o futuro | BIT Tech Week JAVASCRIPT É UMA LINGUAGEM DE PROGRAMAÇÃO - MDN Web Docs BREDAN EICH (1995) ECMAScript (ES6) Falando nele...
5. JavaScript ECMASCRIPT
6. JavaScript, um caminho para o futuro | BIT Tech Week SER UMA LINGUAGEM MELHOR PARA CONSTRUIR APLICAÇÕES COMPLEXAS RESOLVER PROBLEMAS ANTIGOS FACILIDADE NO DESENVOLVIMENTO DE LIBRARIES Falando nele...
7. JavaScript TYPESCRIPT
8. JavaScript, um caminho para o futuro | BIT Tech Week UM SUPERCONJUNTO DE JAVASCRIPT (SUPER SET) QUE ADICIONA TIPAGEM E ALGUNS OUTROS RECURSOS A LINGUAGEM POO Falando nele...
9. JavaScript ECMASCRIPT VS TYPESCRIPT
10. EcmaScript vs TypeScript JavaScript, um caminho para o futuro | BIT Tech Week # Definição TypeScript ES6 Erradicar os erros de desenvolvimento É mais flexível na hora do desenvolvimento # Variáveis TypeScript ES6 Tendo 3 escopos: 1. Global 2. Class 3. Local Tendo 2 escopos: 1. Global 2. Local
11. Coisas do JS JavaScript, um caminho para o futuro | BIT Tech Week
12. JavaScript UTILIZAÇÃO
13. Tecnologias mais populares JavaScript, utilização JavaScript, um caminho para o futuro | BIT Tech Week - Stackoverflow
14. JavaScript TENDÊNCIAS
15. JavaScript, um caminho para o futuro | BIT Tech Week Tendências JQUERY É uma biblioteca de funções JavaScript que interaage com o HTML. * Seleção e manipulação de elementos HTML * Efeitos e animações * Navegação pelo DOM * Ajax * Eventos JS + WRITE LESS = JQUERY " Write less, do more. "
16. JavaScript, um caminho para o futuro | BIT Tech Week Tendências NODE Plataforma de código aberto, usa o mesmo interpratador do JavaScript do browser. V8 + LIBUV = NODE Máquina virtual Biblioteca C "Ambiente de execução Javascript server-side. " * Sua execução single-thread; * NPM (Node Package Manager); * Arquiteturas como a de microsserviços e serverless.
17. JavaScript, um caminho para o futuro | BIT Tech Week Tendências REACT JS É uma biblioteca JavaScript de código aberto para criar interfaces de usuário. JSX + WEBPACK + REDUX + AXIOS = REACT * JSX, JavaScript Syntax eXtension; * Componentes * Props * State [Stateless,sem estado, e Stateful ,com estado].
18. JavaScript, um caminho para o futuro | BIT Tech Week Tendências ANGULAR / ANGULAR JS É uma plataforma e framework para construção da interface de aplicações usando HTML. TYPESCRIPT + NODE = ANGULAR "Mantido pela Google. Utilizada para criar aplicativos de página única (SPA). " * Transpiler * Documentação bem detalhada.
19. JavaScript e o MERCADO
20. JavaScript, um caminho para o futuro | BIT Tech Week Tendências NODE Ambiente de execução Javascript server-side.
21. JavaScript, um caminho para o futuro | BIT Tech Week Tendências REACT JS É uma biblioteca JavaScript de código aberto para criar interfaces de usuário.
22. JavaScript e a B2W
23. JavaScript, um caminho para o futuro | BIT Tech Week Tendências TECNOLOGIAS Front-end, back-end e ecossistemas.
24. JavaScript ECOSSISTEMAS
25. Ecossistemas JavaScript, um caminho para o futuro | BIT Tech Week GULP Kit de ferramentas JavaScript de código aberto. * Gulp Sass, para compilar SCSS para CSS. * Gulp cssnano, para minificar e otimizar CSS. "Automatiza todos os seus processos. " AUTOMATIZAR + PIPE = GULP
26. Ecossistemas JavaScript, um caminho para o futuro | BIT Tech Week WEBPACK O Webpack é um bundler de módulo JavaScript de código aberto. É um módulo empacotador. * Loader, módulos realiza conversão * Asset RULES + LOADER = WEBPACK Durante o processo de builder o código pode passar por várias transformações, como Babel, TypeScript, etc.
27. Ecossistemas JavaScript, um caminho para o futuro | BIT Tech Week BABEL É um compilador JavaScript gratuito e de código aberto e transpiler configurável. SCRIPT + (GULP/WEBPACK) = BABEL "Muito do que temos hoje se deve ao babel. " * Transpiler * Módulos * Componentes
28. JavaScript DÚVIDAS ?
30. Referências avaScript, um caminho para o futuro | BIT Tech Week REFERÊNCIAS Sites, pesquisas e tutoriais. Front-end Frameworks - Overview https://2018.stateofjs.com/front-end-frameworks/overview/ Tendências sobre Frameworks Javascript em 2019 https://medium.com/@milfont/tend%C3%AAncias-sobre-frameworks- javascript-em-2019-15369b2ad8cd Node.js – O que é, como funciona e quais as vantagens https://www.opus-software.com.br/node-js/ Difference Between Typescript vs ES6 https://www.educba.com/typescript-vs-es6/
31. Referências avaScript, um caminho para o futuro | BIT Tech Week REFERÊNCIAS Sites, pesquisas e tutoriais. Ecossistema JavaScript https://blog.codecasts.com.br/ecossistema-javascript-parte-05-bundlers- builders-6809b17ddcf8 Webpack 2 para iniciantes https://devheroes.io/webpack-2-para-iniciantes-o-que-e-porque-usar-e- como-iniciar/ Como usar Babel js em produção https://www.danieldcs.com.br/como-usar-babeljs-em-producao/ O Guia Completo do React e o seu Ecossistema https://tableless.com.br/guia-completo-react-ecossistema/
32. Referências avaScript, um caminho para o futuro | BIT Tech Week REFERÊNCIAS Sites, pesquisas e tutoriais. Tendencias de JavaScript en 2019 https://www.cloudstudio.mx/blog/2019/01/22/tendencias-de-javascript- en-2019/ Gulp direto ao ponto: fluxo de trabalho para iniciantes https://medium.com/@fnandaleite/gulp-direto-ao-ponto-fluxo-de-trabalho-para- iniciantes-2da02f5ab41e O que é Angular? https://blog.algaworks.com/o-que-e-angular/ Node.js: quem já utiliza a tecnologia https://blog.umbler.com/br/node-js-quem-ja-utiliza-a-tecnologia-e-aprova/