Node JS for Architects Part 1

An introduction to NodeJS and the basics associated with it.

Transcript

1. NodeJS for Architects PART 1 By Allan Chua
2. Agenda How NodeJS works Tooling Building scripts like a boss Pre-requisites
3. Series of topics NodeJS Scripting 1 Frontend Engineering React 2 API Development 3 Hosting static frontends in AWS 4 hosting APIs in AWS 5 Containers in AWS 6 Serverless APIs for AWS 7 Storing data in AWS 8
4. Goal of Training Convert you to Solution Architects With skills in nodejs and AWS
5. Pre-requisites Things that you need before you can work like a ninja in NodeJS
6. Linux is recommended Any linux distro is fine But ubuntu is highly recommended because of its compatibility with major Ides If you are in windows, There’s a solution for that and it’s called windows subsystems for linux Macbook pro is the most loved machine by developers but its very expensive.
7. Shell skill is a must Its almost impossible to Create automation pipelines and deploy NodeJS without having a decent shell skill.
8. You’ll need a code editor and a browser of course IDE & Browser
9. How node JS works
10. JavaScript Originally Written for the Browsers But now works everywhere
11. NODE JS Is a runtime responsible for executing JS outside a browser
12. But how? If JS was made for browsers, how was it able to execute js everywhere?
13. Thanks to v8 V8 is google chrome’s javascript engine
14. How v8 works It is used by nodejs to take javascript and execute it outside a browser. machine executable code V8 translates takes js as input
15. Server and client delta But there’s a difference between server and browser code • DOM • Cookies • Document • Window • APIs related to browser window • File system • EXECUTE Shell • Web servers and clis Browser Node JS
16. Why NodeJS
17. Asynchronous = Efficiency NodeJS is awesome because it enables superior use of compute resources in a server READ THIS GUYS: https://www.geeksforgeeks.org/why-node-js-is-a-single-threaded-language/
18. Single Language means happy owners - Less cognitive switch - Faster onboarding of developers - Faster engineering
19. Could be used to make And many more Web ApiS websites Artificial Intelligence
20. Largest programming ecosystem The large ecosystem of nodejs applications can easily result to reduction of engineering cost Stackoverflow Sample Projects Youtube Videos Medium Articles
21. Tooling
22. Core Tools NVM NPM NPX We’ll view tackle this on frontend and api development portions
23. NVM Stands for NODE VERSION MANAGER. Installation Script
24. NVM It’s shell-based cli tool used for managing the active version of nodeJs installed in your machine.
25. NVM View all available versions download versions Switch Between versions
26. NVM View all available versions
27. NVM List versions with long term support
28. NVM Use a Specific Version
29. NPM Stands for NODE package MANAGER.
30. NPM – Package Manager Open source Repository of packages Configuration like version, and type Package management Run and Manage Scripts
31. Installed together with NodeJS
32. NPM - Verify Verify NPM’s existence
33. NPM Can also refer to: The open source repository of javascript packages https://www.npmjs.com/
34. The nodejs developer workflow
35. The nodejs development workflow Install dependencies Initialize your project Write your code Execute application entry point
36. Let’s rock and roll
37. Let’s build an avatar generator in 5 minutes
38. If you want to try it out later after the session https://github.com/allanchua101/avatar-generator
39. Let’s setup a project
40. Type all this code guys GENERATE-AVATAR.JS
41. Run the code
42. Let’s beautify our output Install colors package using the code above
43. Update our javascript logging code Let’s utilize colors to sprinkle creativity on our logs
44. Results Before change and after ^_^
45. Let’s go crazier and make graffiti out of the text
46. Update our Code again
47. Sweet graffiti in your logs
48. Challenge for this week
49. Homework - I would strongly suggest using dual boot and have ubuntu as the 2nd boot system of your pCs - If you are in windows and you love it, setup WSL - Install Node JS - Install NVM
50. Homework 1 Create a NODE JS script that can convert EXCEL files to JSON and save it on the disk
51. Homework 2 Create a NODE JS script that can convert JSON files to EXCEL and save it on the disk
52. Homework 3 Create a NODE JS script that can add a background image to a transparent PNG file and save it on the disk
53. Homework 4 Create a NODE JS script that generates a QR code for a website and save it on the disk
54. Homework 5 Create a NODE JS script that generates a barcode based on the provided product ID and save it on the disk
55. Homework 6 Create a NODE JS script that retrieves data from movie list API and generate an excel file from it. Use this package: https://www.npmjs.com/package/movie-list-node
56. Next Week We will take a look at each of your outputs and
57. Next Session We will look into frontend development using React JS