planetoftheweb / angular2 Goto Github PK

This is the repository for my course, Learn AngularJS2: The Basics. NOTE: There's a new version of this repo for the final release of Angular2.

Home Page: https://github.com/planetoftheweb/learnangular

CSS 32.19% HTML 13.70% JavaScript 9.94% TypeScript 44.17%

angular2's Introduction

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.

Make sure you have these installed
- node.js
- git
- gulp
Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) > git clone https://github.com/planetoftheweb/angular2.git
CD to the folder cd angular2
Run > npm install to install the project dependencies
Install gulp.js via the Mac terminal or Gitbash on a PC > npm install -g gulp
Run the Gulp command > gulp
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.

angular2's People

Contributors

Stargazers

Watchers

Forkers

alanking82 afi83 ckumarn nathanlawrence hoymich admonkey andogro yukisan rxluz johnwangcpp chuckknorris 2blessed2bstressedbythedevilsmess jomazu rk-nu daevid rovel pre90 zachnewburgh ruchithak grobi13 anassbeinati michax insetcoad inec squarespirit hurlatunde rayamajhi9 jpmcg ckim16 jmccollum360 dokinoki sweetymeow amad4biz ibc789 shankhs gunaphysics ramasubbaiya thorchr behnam-emamian shunyastart egrobler swaption2009 bruce-wayne-at-adobe mav23 stocksmat earrobo haswello acourtney2015 javaboykao zoeinchina davutg adebolavictor elliottssu andrewtdunn gkodkod hitesh24by365 adammendoza vsaravanan spydercavern mukeshselvaraj anilkk a240277805 gstarnet anje16 damiongraphics himan72 mrkrmrez russtx han-na fadizahhar conorcorp harendranathvegi9 swamyvaditya haider128 its-donkey ajeetkg kirillexxi 2adeveloper warasint tonypark78 binhho santhoshreddymekala aquasaurious nitingaba anandh27 angela-smithers carlos2005 mrkem598 pariscraigm juliachenjing bharatrajan shibli049 kdncode sajuptpm shubh3695 daves1979 savannah-yahsuanlin nguyevietanh oduolaakeem

angular2's Issues

can I run angular2 without node

I want to write angular2 with html without node.

Not working with typescript 1.8

When running gulp i'm getting these errors: angular/angular#6468

Downgrading to typescript 1.7 solved it but figured i should raise the problem here.

Suggestion: Simplify video about getting the samples

In your video you suggest to use bare repository which in my opinion is unnecessary.
To get remote branches it's enough to execute:

git branch -a

Then when using git checkout 02_08b, it will automatically setup upstream branch if found.
Nothing major. Just though that step was unnecessarily complicated.

Only explanation that i can think of is that in old versions of git, upstream is not setup automatically. But again, it will only be required if someone want's to push back changes.

Another useful thing to mention is to use

git fetch

to update list of branches and tags.

Following Lynda Course : Learn AngularJS 2: The Basics

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$ git clone --bare https://github.com/planetoftheweb/angular2.git
Cloning into bare repository 'angular2.git'...
remote: Counting objects: 243, done.
remote: Total 243 (delta 0), reused 0 (delta 0), pack-reused 242
Receiving objects: 100% (243/243), 2.04 MiB | 260.00 KiB/s, done.
Resolving deltas: 100% (84/84), done.
Checking connectivity... done.

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$ git config --bool core.bare false
fatal: not in a git directory

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$ ls
angular2.git/

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$ git config --bool core.bare false
fatal: not in a git directory

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$ ls
angular2.git/

ZohaibTariq@hp MINGW64 /d/javascript/angular2
$

How to resolve this issue ?

$ git checkout 01_03e

after run the gulp i have the error below in web console?