Node.js scripting - your front-end toolbox

How to use node.js in your front-end work, how to automate things, use npm scripts ect.

code: https://github.com/michalczukm/nodejs-scripting-skm

Transcript

1. Node.js Scripting
   Node.js w służbie front-end’u
   repo: https://github.com/michalczukm/nodejs-scripting-skm
   Michał Michalczuk
   

   View Slide

2. Node.js
   2
   Czym jest node.js?
   • Środowisko wykonawcze
   • Wieloplatformowe środowisko wykonawcze
   • Wieloplatformowe środowisko wykonawcze do
   wytwarzania aplikacji serwerowych stworzonych w
   JavaScript
   • Rozwijany od 2009 roku jako OpenSource
   • Wykorzystuje silnik V8 (by Google)
   

   View Slide

3. Node.js
   3
   Czym nie jest node.js?
   • Frameworkiem
   • Wielowątkowy
   

   View Slide

4. Event Driven Programming
   4
   

   View Slide

5. Event Driven Programming
   5
   element.onclick(...)
   Jak obsłużymy ten event?
   • Callback
   • Promise
   

   View Slide

6. Node.js: single thread
   6
   Pan event-loop i jego
   wiadomości
   Callbacks
   

   View Slide

7. Node.js: event-loop
   7
   Browser event-loop
   Źródło: https://developer.mozilla.org/en/docs/Web/JavaScript/EventLoop
   while(queue.waitForMessage()) {
   queue.processNextMessage();
   }
   

   View Slide

8. Node.js: event-loop
   8
   The almighty event loop
   Źródło: https://strongloop.com/strongblog/node-js-performance-event-loop-monitoring/
   

   View Slide

9. Node.js: event-loop
   9
   

   View Slide

10. Node.js: nie blokuje I/O
    10
    • L1-Cache 3 cykle
    • L2-Cache 14 cykli
    • RAM 250 cykli
    • Dysk 41 000 000 cykli
    • Sieć 240 000 000 cykli
    Dlaczego to tak istotne?
    

    View Slide

11. View Slide

12. npm: skupimy się na ...
    ● package.json
    ● package-lock.json
    ● npm scripts
    12
    

    View Slide

13. Coding Session
    Code show session
    Show me the code: https://github.com/michalczukm/nodejs-scripting-skm
    

    View Slide

14. Dziękuję za uwagę
    

    View Slide