| // Note that the Car constructor class contains | |
| // an object property (.methods) even though it | |
| // is a function. But, remember, in JS, everything | |
| // is basically an object ... even functions | |
| var Car = function(loc) { | |
| var obj = {loc: loc}; | |
| // Extend: Popular JS method (not built-in) that adds/copies | |
| // methods from a 'template' object to the newly created | |
| // object. UnderscoreJS is popular lib that has an example |
Image size: Total bits = pixels * bits/pixel
To improve performance:
For pictures:
| // |
| ##### Client-side Javascript Execution Order | |
| http://javascript.about.com/od/hintsandtips/a/exeorder.htm | |
| ##### Phillip Roberts - What the heck is the Event Loop Anyways? | |
| https://www.youtube.com/watch?v=8aGhZQkoFbQ | |
| ##### Javascript and the Browser - Under the Hood (video) | |
| https://www.youtube.com/watch?v=dibzLw4wPms | |
| http://esprima.org/demo/parse.html# | |
| http://int3.github.io/metajs/ |
| Ch0 - Introduction | |
| http://dmitrysoshnikov.com/ecmascript/es5-chapter-0-introduction/ | |
| Ch1 - Properties and Property Descriptors | |
| http://dmitrysoshnikov.com/ecmascript/es5-chapter-1-properties-and-property-descriptors/ | |
| Ch2 - Strict Mode | |
| http://dmitrysoshnikov.com/ecmascript/es5-chapter-2-strict-mode/ | |
| Ch3.1 - Lexical Environments: Common Theory |
| Javascript - The Core | |
| http://dmitrysoshnikov.com/ecmascript/javascript-the-core/ | |
| Ch1 - Execution Contexts - background | |
| http://dmitrysoshnikov.com/ecmascript/chapter-1-execution-contexts/ | |
| Ch2 - Variable Object | |
| http://dmitrysoshnikov.com/ecmascript/chapter-2-variable-object/ | |
| Ch3 - This |
Brief notes on Meteor for CS 294-101. Many of the key architectural ideas in Meteor are described at https://www.meteor.com/projects.
BSD as example of great system design. Application primitives: processes run by a scheduler, sockets, sys calls, virtual memory, mbufs. What makes something a platform. Unix vs Multics.
History of application architectures. Mainframes (e.g. IBM 360 / 3270), client-server (e.g. Win32), web (e.g. LAMP), cloud-client. Oscillation of where the software runs. Thin vs thick clients, data vs presentation on the wire. Changes driven by massive forces (cheap CPUs, ubiquitous internet, mobile). New architecture for each era.
What it takes to make modern UI/UX. Mobile. Live updating. Collaboration. No refresh button. All drive the need for “realtime” or “reactive” system. Very different from HTTP era.
Four questions: 1 — how do we move data around; 2 — where does it come from; 3 — where do we put it; 4 — how do we use it?
| ##Resources | |
| https://semaphoreci.com/community/tutorials/setting-up-the-bdd-stack-on-a-new-rails-4-application | |
| https://robots.thoughtbot.com/how-we-test-rails-applications | |
| http://devblog.avdi.org/2012/08/31/configuring-database_cleaner-with-rails-rspec-capybara-and-selenium/ | |
| ## Install Rails and the default gems | |
| ####Generate new rails app w/out default test and without default 'bundle'ing | |
| rails new --skip-test-unit --skip-bundle myapp | |
| ####Manually install gems locally into per-project bundle |
| ##################################################################################################################### | |
| ##### Rails Template adapted from: | |
| ##### https://damirsvrtan.github.io/blog/2014/11/26/automate-generating-new-rails-applications/ | |
| ##### | |
| ##################################################################################################################### | |
| ##################################################################################################################### | |
| ##### Create a bin/setup file so new developers can start right away by executing just one command | |
| ##### Move this part once Rails 4.2.0 comes out, b/c the bin/setup script will be in | |
| ##### new Rails projects by default. |