Javascript - The Stack and Beyond

Editor's Notes

• #4: The good old days
• #5: Now the battle continues
• #6: Chuck Norris didn’t use semicolons… Douglas got mad… Chuck Norris isn’t allowed to write JavaScript anymore…
• #7: Discovery of Fire – Brenden Eich – JavaScript - what year? The printing press - Lars Bak – creator of V8 – what year? To the moon - Ryan Dahl – Node - what year?
• #8: Engines…..
• #9: SpiderMonkey – Mozilla – C/C++ - ships with Firefox Rhino – Mozilla – Java – embedded into Java applications to provide scripting JavaScriptCore (aka squirrell fish) – WebKit JS renderer… except for Chrome Chakra – IE9 – allows for GPU, JIT compiles on a separate CPU core in parrallel with the browser Nashorn – in Java 8
• #10: V8 engine developed for Chrome Written in C++ (runs standalone or embedded into a C++ program)
• #11: V8 does not use dynamic lookup on properties – it creates Hidden Classes behind the scenes Most engines use a dictionary lookup for properties V8 creates hidden classes behind the scenes, v8 changes its hidden class when a property is added – THINK MAPS That means a new hidden class is created for each new property… The trick is that when you create a new instance of the same class it uses the hidden classes, not creating new ones V8 compiles JavaScript directly into machine code when its first executed V8 employs a “stop-the-world” approach to garbage collection: This means program execution is stopped when garbage collection takes place Process only part of the object heap to minimize impact on application knows exact location of objects and pointers in memory Object heap is divided into two parts, space for new objects old space for objects surviving garbage collection.
• #12: The Server…. And infrastructure.
• #13: Node is influenced by Ruby EventMachine and Python Twisted But Node is different it presents the event loop as a language construct and not a library This is key as Node does not block on entering the Event Loop like the aforementioned influencers HTTP is a first class protocol You can have your CoffeeScript too… and TypeScript
• #14: NPM is NOT node package manager, it’s never capitalized (geek humor: https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-) Powered by couchDB Registry url: npm has global installs but really wants you to do local. Golobal has caused issues, think Ruby and the need for RVM Npm install Npm json –help Node_modules - http://www.futurealoof.com/posts/nodemodules-in-git.html Npm-shrinkwrap (locks down dependency tree) Npm init Npm rm npm NPM as a build tool
• #15: Package.JSON file Point out: Engines Dependencies Using ‘x’ for 1.0.x Talk about devDependencies and how its used for items you do not want installed in production. --- think tests
• #16: Package.JSON file Point out: Engines Dependencies Using ‘x’ for 1.0.x
• #17: It started with Node and creating an http server Then Connect Then Express It is just a layer of abstraction to help you create a web server to build applications easier. Jerry Saltz is a senior art critic, won a Pulitzer for Criticism
• #18: Hapi js Express 4 removes the connect middleware The E in Mean Stack
• #19: Data – storage Files, databases, etc… Relational and NoSQL
• #20: MongoDB CouchDB Redis And More …
• #22: A workflow A collection of tools and best practices
• #23: Yo – is the scaffolding tool Grunt – used to test and preview – they built special features into it Bower – dependency management…
• #24: GruntJS Build tool Task Runner – think ant, composer (maybe) Gulp Streams Code over configuration Broccoli Filesystem is the API Allows for chaining of plugins (Grunt does not) Backend agnostic
• #25: Gulp – Code over configuration Uses STREAMS so it doesn’t write intermediary files to disk Npm install –g gulp Npm install –save-dev gulp Create a gulpfile.js at the root of the project
• #26: Gulp – Code over configuration Uses STREAMS so it doesn’t write intermediary files to disk BUT with streams PLUGINS have to worry about race conditions and deadlock GULP has only 5 functions to learn .src – creates a readable stream .dest – creates a writable stream Only provides streams and a basic task system Npm install –g gulp Npm install –save-dev gulp Create a gulpfile.js at the root of the project
• #27: Manage dependencies Manages any package (JavaScript, CSS, HTML) any third party code
• #28: To install it: npm install –g bower Search: wo a keyword and you get all the packages, narrow it down with a package Bower install jquery Can include version numbers Can install other things too Install your own package: bower install ~/dev/mylibrary Saves a copy to ~/.bower/<package>
• #30: Protractor Mocha On and on Test Runners vs Test Suites
• #33: Hardware – JavaScript is showing up as a native language on many hardware devices, and there are dozens of ports going on.
• #34: Embedded systems Flight Robotics https://www.youtube.com/watch?v=1xtvRCmk3qY