Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Js everywhere (Georgy Bunin)

31 Aufrufe

Veröffentlicht am

Where can I use Javascript?

Veröffentlicht in: Software
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Js everywhere (Georgy Bunin)

  1. 1. JS Everywhere Georgy Bunin
  2. 2. Agenda ● Current state of JS ● Motivation ● Where can I use JS? ● [...slides] ● Summary
  3. 3. Current state of JS Javascript is most popular language on the world https://madnight.github.io/githut/#/pull_requests/2020/3
  4. 4. Current state of JS
  5. 5. https://2019.stateofjs.com/overview/ Current state of JS
  6. 6. Motivation Why? ● Hobby ● Pet project ● Learning
  7. 7. Where can I use JS? - Everywhere!
  8. 8. Web Basic: React, Angular, Vue, Vanilla JS, TypeScript Less popular: WebComponents, Svelte, Ember, Polymer, lit-html Exotic: Elm, ClojureScript (Closure), ReasonML (OCaml)
  9. 9. High Performance Web asm.js: https://developer.mozilla.org/en- US/docs/Games/Tools/asm.js WebAssembly: https://engineering.q42.nl/webassembly/
  10. 10. Mobile Native: ReactNative, NativeScript Hybrid: Cordova, PhoneGap, Ionic, PWA Adaptive web sites: Angular, React, etc.
  11. 11. Desktop Application Electron (VSCode, Slack, Figma) - https://www.electronjs.org/apps Node-webkit https://nwjs.io/ Proton https://proton-native.js.org/#/ (with React Syntax)
  12. 12. Testing and Software Automation Testing Unit, E2E, tools, selenium, cypress, puppeteer Automation ifttt, OS Scripting, CI, CD scripts, Selenium Data processing data scraping, parsers, OCR, format converters, task runners
  13. 13. Static content generators Why Blog, Docs, Notes, Readme, Wiki, Demos, Slides, Write your own book, Podcast Show Notes Tools Hexo, Gatsby, Gitbook, Next.js, ReactStatic Compare https://www.staticgen.com/
  14. 14. Server frameworks Popular: Express, Koa, NestJS, HAPI Less popular: Meteor, MEAN https://www.airpair.com/node.js/posts/nodejs-framework-comparison-express-koa-hapi http://nodeframework.com/
  15. 15. Cloud (Serverless) Function as a service (FaaS): Google App Engine, AWS Lambda, Azure Functions, IBM Cloud Functions Cloud DB Firebase Azure Data Lake MLab (MongoDB Atlas)
  16. 16. Databases (JSON based) JSON ⇒ JavaScript Object Notation Databases: MongoDb Redis CouchDB / PouchDB RethinkDB
  17. 17. Server / CLI / Scripting Basic: Nodejs (V8), Deno Advanced: https://en.wikipedia.org/wiki/JavaScript_engine https://github.com/a0viedo/demystifying-js-engines https://en.wikipedia.org/wiki/List_of_ECMAScript_engines
  18. 18. RealTime Data Streaming Browser: SSE / WebRTC TCP based: WebSocket / MQ (PubSub) Queue SQS (https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/sqs- examples-using-queues.html)
  19. 19. Cartography / GIS / GeoData Most popular: Google Maps, OpenStreetMaps, OpenLayers Enterprise: ESRI, ArcGIS, Cesium Less popular: Bing, Baidu, Leafletjs, Mapbox https://medium.com/flatlogic/top-javascript-maps-api-and-libraries-162523cef967 https://en.wikipedia.org/wiki/Cartography
  20. 20. Data Visualization (ton of libraries) Most common: D3 Charts: Amcharts, Highcharts Data table: AgGrid, React-table, Material Table https://en.wikipedia.org/wiki/Data_visualization https://grafana.com/
  21. 21. IOT C4I - command, control, communications, computers, and intelligence Devices and sensors: https://www.postscapes.com/javascript-and-the-internet-of-things/ https://iotjs.net/ https://analyticsindiamag.com/top-10-javascript-frameworks-to-use-in-your-iot-project/ https://blog.bitsrc.io/10-javascript-iot-libraries-to-use-in-your-next-projects-bef5f9136f83 https://www.iotforall.com/javascript-iot https://en.wikipedia.org/wiki/Internet_of_Things Web Bluetooth and Uri Shaked
  22. 22. Hardware / Robotics ● http://johnny-five.io/ ● https://www.espruino.com/ ● https://livebook.manning.com/book/javascript-on-things/chapter-1/ ● https://www.smashingmagazine.com/2016/02/hardware-hacking-with-javascript-internet-of-things/ Interesting thing: JS in Cosmos SpaceX Crew Dragon Touchscreen UI Uses JavaScript and Chromium ● https://fullstackfeed.com/spacex-crew-dragon-touchscreen-ui-uses-javascript-and-chromium/ ● https://dev.to/realabbas/spacex-and-javascript-3d78
  23. 23. Virtual world (VR / AR) WebVR ● https://webvr.info/ ● https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web/WebVR ● https://aframe.io/ ● https://medium.com/@kristen.carter/build-your-next-ar-vr-web-app-using-javascript-32d3252e5756 ● https://www.youtube.com/watch?v=_UsGt8KI6uk AR ● https://www.argonjs.io/ ● https://augmented.reality.news/news/free-open-source-javascript-solution-for-augmented-reality- comes-life-mobile-0176311/
  24. 24. Gaming and physics engine Physics Engine 2D (Canvas/SVG): ● https://brm.io/matter-js/ ● https://developer.mozilla.org/en-US/docs/Games/Tutorials/2D_breakout_game_Phaser/Physics ● https://piqnt.com/planck.js/ ● https://www.npmjs.com/search?q=physics%20engine ● https://blog.bitsrc.io/9-top-js-gaming-engines-and-libraries-for-2020-81707d9f095 3D (JS + WebGL): ● https://www.babylonjs.com/ ● https://developer.mozilla.org/en-US/docs/Games/Techniques/3D_on_the_web ● https://threejs.org/ ● http://webglsamples.org/ ● https://www.creativebloq.com/3d/30-amazing-examples-webgl-action-6142954 ● http://webglsamples.org/dynamic-cubemap/dynamic-cubemap.html ● https://www.awwwards.com/22-experimental-webgl-demo-examples.html
  25. 25. WebOS Mobile: Tizen (https://en.wikipedia.org/wiki/Tizen) Laptop: Chrome OS (https://en.wikipedia.org/wiki/Chrome_OS) Embedded devices: WebOS (https://www.webosose.org/) Kiosk mode browser (Chrome / Edge) https://docs.microsoft.com/en-us/deployedge/microsoft-edge-kiosk-mode
  26. 26. Motivation Why? ● Hobby ● Pet project ● Learning
  27. 27. Summary Is JS most popular language? Yes! Where we can find JS - everywhere!
  28. 28. Thanks questions?

×