(public).sospep.events ~ view task ~ REVIEW-VIDEO-angular-introduction

<h1 style="text-align: center;">CREATE-task# # -</h1>
<h1 style="text-align: center;">REVIEW-VIDEO tutorial for beginners: learn node in 1 hour</h1>
<h2>[previously]</h2>
<ol>
<li>[00:00] NEW task IN </li>
<ol>
<li>[i] # 2958 - <a href="/view/task?id=1839" target="_blank">CREATE-task# # </a>- REVIEW-VIDEO <a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;list=PLEovsLA2N8LiaeK79M3Vk9TjRqbYEKItu&amp;index=16&amp;t=0s" target="_blank">tutorial for beginners: learn node in 1 hour</a> - ] by Mosh, youtuber covers some of the node.js fundamental including</li>
<ol>
<li>] installing node js on a mac,</li>
<li>] creating a hello world app,</li>
<li>] node js aynch,</li>
<li>] node js scope,</li>
<li>] node.js modules</li>
</ol></ol>
<li>[00:00] NEW task IN </li>
<ol>
<li>[] # # - <a href="/view/task?id=1839" target="_blank">CREATE-task# # </a>- took WHAT article overview notes from here, moved them to</li>
<li>[] # # - public UPDATE-ARTICLE-node-overview</li>
<li>[] # 4500 article-node-overview IN tech-dev-www/framework-nodejs/overview</li>
</ol>
<li>[2019-11-20]&gt;[00:00] NEW task IN</li>
<ol>
<li>[i] # 2958&nbsp; - <a href="/view/task?id=2958" target="_blank">REVIEW-VIDEO </a>- learn node in 1 hour - ] by mosh,</li>
<li>[x] completed 40/70 minutes w/detailed notes, [i] with code files (app.js, myLoggerModule.js)</li>
<li>[] CC [] about mosh, [] mosh fundamentals, [] coming course- ] git,&nbsp; ] design patterns ] HAS data structures &amp; algos,</li>
<li>[] jobs -&gt; triplebyte com quizzes</li>
</ol>
<li>[2019-11-21]&gt;[00:00] NEW task IN</li>
<ol>
<li>[i] # 2958&nbsp; - <a href="/view/task?id=2958" target="_blank">REVIEW-VIDEO </a>- learn node in 1 hour</li>
<li>[] os module</li>
<li>[] fs module</li>
<li>[] eventEmitter</li>
<li>[]</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=0s" target="_blank">[00:00</a>] What is Node</li>
<ol>
<li>[] node is an open source, cross platform runtime environment for executing javascript code outside of the web browser</li>
<li>[] node is used for rapidly prototyping and agile development</li>
<li>[] node is used for building backend services like apis that power client applications, like web and mobile clients</li>
<li>[] fast -</li>
<li>[] scaleable -</li>
<li>[x] used by large companies like Paypal, walmart</li>
<li>[] study by paypal found that company developers were able to build app twice as fast with fewer people, 33% less lines of code, 40% fewer files, 2x requests per sec and&nbsp; 35% faster response times</li>
<li>[] use javascript everywhere - developers can use 1 programming language on both the front end and the back end of the application, using the same naming conventions, the same tools, the same best practices results in cleaner code</li>
<li>[] the largest ecosystem of pre built components -</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=181s" target="_blank">[03:01</a>] Node Architecture</li>
<ol>
<li>[] earlier, we learned that node is a javascript runtime environment</li>
<li>[] there are a variety of js engines that exist, chakra in IE, spidermonkey in firefox, v8 in chrome,</li>
<li>[] the different engines in each of the different browser sometimes results in javascript behaving differently in&nbsp;</li>
<li>[] while the browser has window or document object to interact with, node does not</li>
<li>[] before 2009, the only way to execute javascript code was in a web browser</li>
<li>[+*] windows had/has a 'windows scripting host' which enabled the execution of js on the windows OS platform</li>
<li>[+*] window 8 app development platform was based on winjs, using js + html + css to build native windows 8 apps with web technologies&nbsp;</li>
<li>[] in 2009, ryan dahl embedded the chrome browsers js engine(v8), inside a c++ program and called it node</li>
<li>[] node has no window or document object like the browser has,</li>
<li>[] but node has its own set of objects that you can use to work with different things</li>
<li>[] examples of node objects include things like = ] fs, ] http, ] os, ] global ] console</li>
<li>[] node = v8 javascript engine + additional objects</li>
<li>[]</li>
<li>[] node is NOT a programming language, it is NOT a framework</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=364s" target="_blank">[06:04]</a> How Node Works</li>
<ol>
<li>[] node has a non blocking or asynchronous architecture by default</li>
<li>[*] ASYNCH waiter example - ] waiter takes your order, ] goes to kitchen, ] takes next customers order, ] goes to kitchen, ] when your order is ready&nbsp;</li>
<li>[*] SYNCH - - ] waiter takes your order, ] goes to kitchen, ] waits at kitchen until your order is ready ] returns with your order ] takes next customers order, ] ...</li>
<li>[] thread allocated from server, often getting data from db takes time,</li>
<li>[] if a bunch of threads are</li>
<li>[] at some point, you will run out of threads and ...</li>
<li>[] USE NODE for data intensive apps and realtime apps, apps with a lot of i/o,</li>
<li>[] DONT USE NODE for cpu intensive apps like ] video encoding, ]</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=629s" target="_blank">[10:29</a>] Installing Node</li>
<ol>
<li>[] use &gt;node --version // from a command prompt, to test if you have node installed</li>
<li>[] <a href="https://nodejs.org" target="_blank">nodejs.org</a> - has the latest stable version and the latest version(experimental, maybe not stable)</li>
<li>[] download and install your preferred version, installer is simple and straightforward</li>
</ol>
<li><a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=781s">[13:01]</a> Your First Node Program</li>
<ol>
<li>[] create first app by defining a javascript function in a file named app.js</li>
<li>[] execute the program by launching node with the application file name as an arguement</li>
<li>[] &gt;node app.js</li>
<li>[]&nbsp; demonstrates that there really is no window or document object in node</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=922s" target="_blank">[15:22]</a> Node Module System</li>
<ol>
<li>[] what the module system is</li>
<li>[] why we need them</li>
<li>[] built in modules ] filesytem ] http,] events, ] os , ] global, ] ...</li>
<li>[] how to create your own modules - ] myModule</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=952s" target="_blank">[15:52]</a> Global Object</li>
<ol>
<li>[] console object is a global object, part of the global scope, it is available anywhere</li>
<li>[] other global objects include methods like, ] setTimeout, ] clearTimeout ] setInterval, ] clearInterval</li>
<li>[] just like the standard global js objects</li>
<li>[] other node global objects</li>
<li>[] remember there is no global window aka document object</li>
<li>[] object called 'global' contains it global methods</li>
<li>[] global.console.log -</li>
<li>[] shorthand console.log -</li>
<li>[] var and functions declared/defined in a module (file) are only scoped to that file,&nbsp;</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=1154s" target="_blank">[19:14</a>] Modules</li>
<ol>
<li>[] A problem with having a global scope like in browser js, is that often applications have multiple js files, any file that declares a var with the same name as declared in another file will cause problems with the application js execution</li>
<li>[] create modules or functions that encapsulate specific functionality</li>
<li>&gt; [] every file in a node application is considered a module</li>
<li>[] vars and functions defined in the file are scoped to just that file, in OOP terms they are 'private'</li>
<li>[] if you want to use a var or function defined in a module, outside of the file it is defined in, you need to explicitly EXPORT that var or function</li>
<li>[] every node application has at least 1 file, which is considered to be its 'main module'</li>
<li>[]&nbsp;</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=1371s" target="_blank">[22:51]</a> Creating a Module</li>
<ol>
<li>[] using module.exports.log = log to export a function that you want to make available</li>
<li>[] using module.exports.url = url to export a variable or property that you</li>
<li>[] only export the required functionality, not the implementation details</li>
<li>[] metaphor - dvd player - only has a few buttons on the outside to operate it, however there is lots of complexity inside the unit, what are your modules buttons</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=1655s" target="_blank">[27:35]</a> Loading a Module</li>
<ol>
<li>[x] use require statement to load the desired module in the file that will consume it</li>
<li>[x] require takes one arg, the name or path to the module file</li>
<li>[*] .js extension on files is assumed by node, so it is not necessary</li>
<li>[x] use ./ prefix for module files that are located in the same directory as the file that will be using the file</li>
<li>[x] best practice to now use const logger = require(logger) VS using var logger = ... // prevents use from accidentally re-assiging the logger functionality</li>
<li>[] using jshint -</li>
<li>[x] ALSO OPTION - dont have to export as object, can export as function,</li>
<li>[x] in module - module.exports = log</li>
<li>[x] in consuming module -&nbsp; const logger = require('..'), NO need for logger.log('message'), can use by calling logger('message' )</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=1979s" target="_blank">[32:59</a>] Module Wrapper Function</li>
<ol>
<li>[] node does not execute the code in your modules directly, it wraps your code inside of its own function wrapper</li>
<li>[] wrapped inside an iife function, has args like ( exports, require, module, __filename, __dirname )</li>
<li>[] console.log(__filename);</li>
<li>[] node comes with a bunch of useful modules we can use</li>
</ol>
<li>[] AD - inline</li>
<ol>
<li>[*] inline AD for moshes <a href="https://codewithmosh.com/p/the-complete-node-js-course" target="_blank">complete course</a> , currently $29 for lifetime access , 15 hours material, restful api with node, express, mongodb, this videos content is the first segment(module) of # segments total, additional segments cover</li>
<li>[] using npm,</li>
<li>[] building restful apis using expressjs</li>
<li>[] express advanced topics,</li>
<li>[] asynch javascript,</li>
<li>[] crud operations using mongoose</li>
<li>[] mongo data validation</li>
<li>[] mongoose modelling relationships between connected data[]</li>
<li>[] authentication and authorization[73:00]</li>
<li>[] handling and logging errors[63:00]</li>
<li>[] unit testing [61:15]</li>
<li>[] integration testing [69:00]</li>
<li>[] test driven development[57:00]</li>
<li>[] deployment[28:00] &nbsp;</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=2393s" target="_blank">[39:53</a>] Path Module</li>
<ol>
<li>[] a quick look at some of the common native/built in modules that come with nodejs</li>
<li>[] documentation at nodejs.org -&gt; docs -&gt; select your version -&gt; table of contents</li>
<li>[] not everything listed here is a module,</li>
<li>[] some are global objects, like the console object,</li>
<li>[] common modules include [] filesystem, [] http, [] os [] path, [] process, [] querystrings, [] stream</li>
<li>[] example - using the path module</li>
<li>[] easier to use the path module methods then working with strings</li>
<li>[1] const path = require('path');</li>
<li>[*] if no path to the modulename is provided in the arg to the require methdo, node assumes that it is a built in module, if no built in module exists, node ...</li>
<li>[2] let pathObject = path.parse(__filename); // filename here is the __filename of the current module</li>
<li>[3] console.log(pathObject.name) // returns 'app' which is the filename without the file extension,</li>
<li>[*] other 'path object' properties include root, dir, ext and base</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=2643s" target="_blank">[44:03]</a> OS Module</li>
<ol>
<li>[x] reviewing official docs for methods available in the os module</li>
<li>[x] demonstrates using os module methods to get total memory and free memory on the current system</li>
<li>[x] demonstrates using template strings (vs concatenations), remember backticks and ${var}, see example below</li>
<li>[x] var displayString = `the total value of the property is: {$totalValue}`</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=2902s" target="_blank">[48:22]</a> File System Module</li>
<ol>
<li>[x] reviewing official docs for methods available in the filesystem module</li>
<li>[x] almost every fs method comes in 2 forms, synch or asynch</li>
<li>[*] remember the node process is a single thread, if the process is blocked waiting for something, it cant continue to serve additional requests</li>
<li>[x] example - read the current directory and output a list of the files it contains</li>
<li>[x] example - read the current directory and pass callback to execute, if error exists with fs call, it gets passed, can then handle error aka, else list files</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=3194s" target="_blank">[53:14</a>] Events Module</li>
<ol>
<li>[] core concept of node, event is a signal that something has happened</li>
<li>[] req</li>
<li>[] docs - events module</li>
<li>[] example events emitter (ee),</li>
<li>[] ee is a class, note the difference in instatntiating an instance of, have to use the new operator&nbsp;</li>
<li>[] describes object, class human, object john</li>
<li>[] // raise an event</li>
<li>[x] &gt;emitter.emit() // making a noise, a signal, that something has happened</li>
<li>[x] pass it the arguement of the name of the event,</li>
<li>[x] &gt;emitter.emit('messageLogged')</li>
<li>[] // NOW we need to listen for the event</li>
<li>[] emitter.on() || emitter.addListener()</li>
<li>[] arguements for the listener include the name of the event to listen for and a callback function</li>
<li>[] // register a listener</li>
<li>[x] &gt; emitter.on('messageLogged', function(){ console.log('message log event handler firing')})</li>
<li>[!*] the order of the declaration is important</li>
<li>[x] the event listener/handler must be declared before the event emitter</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=3573s" target="_blank">[59:33</a>] Event Arguments</li>
<ol>
<li>[] you can also pass data about the event that just happenend to the event handler by using additional arguements</li>
<li>[] in the event emit function, include the data about the event that you want to pass into the event handler</li>
<li>[] emitter.emit('messageLogged', {id:3, name:"elm Name"});</li>
<li>[] in the event handler function, accept the passed args and process them</li>
<li>[] emitter.on('messageLogged', function(args){ console.log(args) }</li>
<li>[] mentions using es6 arrow functions vs function keyword</li>
<li>[] emitter.on('messageLogged', (args)=&gt;{ console.log(args); }</li>
<li>[] exersize = create an event for your logger</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=3763s" target="_blank">[01:02:43]</a> Extending EventEmitter</li>
<ol>
<li>[] i put the event emitter constructs in the logging module</li>
<li>[] then I raised the logging event in the logging module but the event handler was not getting called</li>
<li>[] he does the same with the same result and then explains how we are working with 2 different event emitter objects, 1 in app, 1 in logging</li>
<li>[] so we need to make the logger into a class</li>
<li>[] make the current logger function as a method in the class</li>
<li>[] and export the class (versus the function) in the module exports</li>
<li>[] we then instantiate an instance of the Logger class, in the app module</li>
</ol>
<li><a href="https://www.youtube.com/watch?v=TlB_eWDSMt4&amp;t=4246s" target="_blank">[01:10:46]</a> HTTP Module</li>
<ol>
<li>[x] one of the powerful building blocks of node,</li>
<li>[x] can create a web server, that listens for http requests,</li>
<li>[x] node docs</li>
<li>[x] server is an eventEmitter, - has on method, close method and more,</li>
<li>[x] inherits from .net server,</li>
<li>[x] common usage, pass a callback function into create server, with request and response args,</li>
<li>[x] example handling http requests in</li>
<li>[x] CC my project nodeOne - app.js</li>
<li>[x] wont be using this to build a server, will be using framework(expressjs) to keep things clean/modular</li>
</ol></ol>
<h2>[next]</h2>
<ol>
<li>[00:00] NEW task IN </li>
<ol>
<li>[] # # - <a href="/view/task?id=1839" target="_blank">CREATE-task# # </a>-</li>
<li>[] public - tech-dev-www/ framework-nodejs - [] HAS 13 articles IN planning-project, []&nbsp;</li>
<li>[] # # - learning nodejs on windows -</li>
</ol>
<li>[00:00] NEW task in</li>
<ol>
<li>[] http req = get some data, ex from api call ; process that data, ex display on page ;</li>
<li>[] http res =&nbsp;</li>
<li>[]</li>
</ol></ol>
<h2>[reference]</h2>
<div><ol>
<li>[] VIDEO- - by mosh - (this)</li>
<li>[] nodeOne - project in \www - with example code, executable</li>
<li>[] https://nodejs.org/en/docs/</li>
<li>[] https://nodejs.org/en/docs/guides/</li>
<li>[] SRC [Ryan video] [] Goal of creating fast https:// servers</li>
</ol></div>

~ view task ~ TaskGroup] framework-angular FROM [ Plan] planning-project IN [ calendars] technology-developer-www