{"id":22350433,"url":"https://github.com/planetoftheweb/angular2","last_synced_at":"2025-10-28T03:03:14.255Z","repository":{"id":147411860,"uuid":"51372507","full_name":"planetoftheweb/angular2","owner":"planetoftheweb","description":"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. ","archived":false,"fork":false,"pushed_at":"2017-07-25T14:45:07.000Z","size":2098,"stargazers_count":91,"open_issues_count":6,"forks_count":99,"subscribers_count":24,"default_branch":"master","last_synced_at":"2025-04-06T03:11:07.113Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://github.com/planetoftheweb/learnangular","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/planetoftheweb.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-02-09T14:37:35.000Z","updated_at":"2025-01-14T05:40:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"c1bc3f96-0eb4-47ed-a120-885a6fa95e15","html_url":"https://github.com/planetoftheweb/angular2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/planetoftheweb/angular2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/planetoftheweb%2Fangular2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/planetoftheweb%2Fangular2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/planetoftheweb%2Fangular2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/planetoftheweb%2Fangular2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/planetoftheweb","download_url":"https://codeload.github.com/planetoftheweb/angular2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/planetoftheweb%2Fangular2/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267822365,"owners_count":24149609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-04T11:11:42.648Z","updated_at":"2025-10-28T03:03:09.218Z","avatar_url":"https://github.com/planetoftheweb.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learn AngularJS2: The Basics\n**NOTE:** THere's a new repo for this course which covers the final release of AngularJS2. https://github.com/planetoftheweb/learnangular\n\n[![Learn AngularJS2: The Basics](hero.png)](http://www.lynda.com/AngularJS-tutorials/Learn-AngularJS-2-Basics/428058-2.html)\nThis is the repository for my course, [Learn AngularJS2: The Basics](http://www.lynda.com/AngularJS-tutorials/Learn-AngularJS-2-Basics/428058-2.html). The full course is available at [lynda.com](http://lynda.com).\n\n## Course Description\nLearn 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.\n\nIn 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.\n\nThe template is included as a free download for all members.\nTopics include:\nWhat is AngularJS 2?\nSetting up our template\nCreating a simple component\nUsing multiple modules\nDisplaying data in our templates\nWorking with events\nCreating a subcomponent\nFiltering content through data pipes\n\n## Instructions\nThis 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.\n\n1. Make sure you have these installed\n\t- [node.js](http://nodejs.org/)\n\t- [git](http://git-scm.com/)\n\t- [gulp](http://gulpjs.com/)\n2. Clone this repository into your local machine using the terminal (mac) or Gitbash (PC) `\u003e git clone https://github.com/planetoftheweb/angular2.git`\n3. CD to the folder `cd angular2`\n4. Run `\u003e npm install` to install the project dependencies\n5. Install gulp.js via the Mac terminal or Gitbash on a PC `\u003e npm install -g gulp`\n5. Run the Gulp command `\u003e gulp`\n6. Fire up your browser at `http://localhost:8080`\n\nFor more help setting up a comprehensive Gulp.js workflow, check out [Web Project Workflows with Gulp.js, Git, and Browserify](http://www.lynda.com/Web-Web-Design-tutorials/Web-Project-Workflows-Gulpjs-Git-Browserify/154416-2.html).\n\n## More Stuff\nCheck out some of my [other courses on lynda.com](http://lynda.com/rayvillalobos). You can also check out my [youtube channel](http://youtube.com/planetoftheweb), [follow me on twitter](http://twitter.com/planetoftheweb), or read [my blog](http://raybo.org).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplanetoftheweb%2Fangular2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplanetoftheweb%2Fangular2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplanetoftheweb%2Fangular2/lists"}