Learn AngularJS2: The Basics

NOTE: THere's a new repo for this course which covers the final release of AngularJS2. https://github.com/planetoftheweb/learnangular

This is the repository for my course, Learn AngularJS2: The Basics. The full course is available at lynda.com.

Course Description

Learn AngularJS 2, the second edition of the "superheroic" JavaScript framework. Redesigned from the ground up by Google, AngularJS 2 provides advanced features for building single-page applications: declarative templates, two-way data binding, TypeScript support, and dependency injection. And instead of the controllers typical of MVC architecture, AngularJS 2 now offers components. It's a great update, suitable for mobile and web developers alike.

In these tutorials, I show you how to start using AngularJS 2 in your own projects. I start by defining what exactly Angular 2 is and how it differs from AngularJS 1. Then, once the basics are out of the way, he sets up the template that will drive the project and starts coding. I show how to divide your project into modules, work with events, style content with CSS, and create components and subcomponents. Plus, find out how to change content dynamically using data pipes.

The template is included as a free download for all members. Topics include: What is AngularJS 2? Setting up our template Creating a simple component Using multiple modules Displaying data in our templates Working with events Creating a subcomponent Filtering content through data pipes

Instructions

This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.

1. Make sure you have these installed
   • node.js
   • git
   • gulp
2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) > git clone https://github.com/planetoftheweb/angular2.git
3. CD to the folder cd angular2
4. Run > npm install to install the project dependencies
5. Install gulp.js via the Mac terminal or Gitbash on a PC > npm install -g gulp
6. Run the Gulp command > gulp
7. Fire up your browser at http://localhost:8080

For more help setting up a comprehensive Gulp.js workflow, check out Web Project Workflows with Gulp.js, Git, and Browserify.

More Stuff

Check out some of my other courses on lynda.com. You can also check out my youtube channel, follow me on twitter, or read my blog.