Code, links, and reference material for the Packt Publishing course Angular 2 Essentials.
https://github.com/JohnMunsch/Root
This source code is current with the rc.4 release of Angular 2.
For examples upgraded to Angular 2 final, please pull the branch named "final" on Github. There are notes in the README.md of that branch detailing a couple of examples which are not yet working with the final release.
Each video gets its own directory for source. In most of those directories there is a start directory, which contains the source as it was at the start of the video before I add to it or make changes, and an end directory which corresponds to the final version of the code from the end of the video.
In each directory you will need to run "npm install" to install the Node.js packages for that particular directory. You will also need to stop any "gulp" command you have running in another directory.
Note: This course was written in anticipation of Gulp v4 being released around the same time. As a result the package.json files install the pre-release version of Gulp v4. After v4 is released I'll come back and update the package.json files appropriately.
Example code for the TypeScript Playground:
function greeter(person) {
return `Hello, ${ person }`;
}
var user = "Jane User";
document.body.innerHTML = greeter(user);
-
The command to install the global packages with NPM (please see the note at the top of this README about Gulp v4):
npm install -g "gulpjs/gulp-cli" typescript -
cd to "Section 1/Video 1.4/start" and run
npm install
This will install any local packages needed for this project into the node_modules directory.
Be sure you've already done all the installation from the previous video and then run:
gulp
- https://www.npmjs.com/package/gulp-tslint/
- https://www.npmjs.com/package/gulp-sass/
- https://www.npmjs.com/package/gulp-notify/
- https://www.npmjs.com/package/gulp-concat/
- https://www.npmjs.com/package/gulp-uglify/
- https://www.npmjs.com/package/gulp-nodemon
- https://www.npmjs.com/package/gulp-git
- http://www.getmdl.io/
- http://www.getmdl.io/components/index.html
- http://www.getmdl.io/templates/index.html
- https://almsaeedstudio.com/
- http://startbootstrap.com/template-overviews/sb-admin-2/
- http://blacktie.co/2014/07/dashgum-free-dashboard/
- http://www.creative-tim.com/product/light-bootstrap-dashboard
- https://wrapbootstrap.com/themes/admin
- https://www.google.com/design/spec/style/color.html#color-color-palette
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch
https://developer.yahoo.com/weather/
This is the example YQL query from the video:
https://query.yahooapis.com/v1/public/yql?q=select%20item.condition%20from%20weather.forecast%20where%20woeid%20in%20%28select%20woeid%20from%20geo.places%281%29%20where%20text%3D%22fort%20worth%2C%20ak%22%29&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys
- http://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call/14220323#14220323
- https://api.jquery.com/deferred.promise/ https://docs.angularjs.org/api/ng/service/$q
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
- https://github.com/ReactiveX/rxjs
https://angular.io/docs/ts/latest/guide/template-syntax.html
Angular 2's in depth explanation of how * and templates relate
- https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
- https://dev.twitter.com/overview/api/response-codes
- https://labs.omniti.com/labs/jsend
To run the server used by the example in this video:
node appServer.js
To run the server used by the example in this video:
node stupidSimpleServer.js
- Continous Integration
- Jenkins
- Bitnami installation for Jenkins
- Codeship
- Travis CI
- Github Account for John Munsch
- Continuous Delivery
ansible-playbook -i hosts -b configure.yml
-
DigitalOcean - Inexpensive hosting I've used successfully in the past. Consult the lowendbox link below for alternatives.
-
ServerScope - Helps you benchmark your Linux servers.
-
lowendbox - A resource for lists of hosting providers, news about them, and a source for discount codes.
ansible-playbook ping.yml
ansible-playbook deploy.yml
- Ansible Galaxy - A repository for shared Ansible roles and playbooks.
- Ansible Modules Index - Note: This is not the entire universe of modules, many are available from third parties. So be sure to search if you can't find an Ansible module for what you need.
vagrant up
ansible-playbook -i testhosts -b configure.yml deploy.yml
- ES6 Katas - One of my favorite ways to start learning ES6 is to be forced to put it to immediate use. This site has 70+ pages worth of unit tests which are all broken. You'll correct the ES6 JavaScript code to fix those tests and in the process learn lots about using it.