About This Course
Course Description
The latest version of AngularJS, known as Angular 2, was officially released to the public in May 2016 and has since captured the heart of many developers worldwide. The Angular 2 is not just an upgrade of Angular, but rather a complete rewrite of Angular 2.
The changes made by Angular 2 has been praised by the developers, especially the new features introduced in the framework. However, don’t fret about missing out on the best things that made Angular great.
Angular 2 glorifies the things that made Angular 2 great including speed, cross-platform capability, flexible nature, expressive language, etc.; but makes it easier and flexible especially for newbies.
Angular 2 comes with a range of additions and exclusions made to this new iteration including shifting focus to mobile development, a new language (TypeScript), shifting a lot of the core functions to modules, compatibility with all modern browsers, improved dependency injection, dynamic loading, components and directives replacing controllers and $scope functions.
With so much potential, it’s not a mystery that Angular 2 will become a prominent player in the JavaScript frameworks market. So, how can you boost your apps and your income? With this course!
In this tutorial, you will learn everything you need to know about Angular 2 and its basics. However, that’s not even the best part about this video.
No more old boring theory based lectures that put you to sleep! This unique project based course will cover all the fundamentals of Angular 2 by actually helping you build apps using them. You will not only learn the theory, but you will also learn how to practically apply these fundamentals in real world applications.
Using 10 different projects, you will learn the very basics of Angular 2 including creating a simple website, to creating more complex apps that you can use and even sell. In addition to learning Angular 2, the course will also cover some related technologies such as NodeJS, Firebase, MongoDB and the Ionic Framework.
The 10 projects covered in this course includes:
Project 1 – Simple Angular Website – A basic website to help you get acquainted with the Angular 2 framework
Project 2 – Github Profile Search – Learn how to build an application that allows you to search Github profiles using the Github API.
Project 3 – ngSpotify – Learn how to incorporate the Spotify API and create an album/artist application.
Project 4 – MEAN Todos – Design a functional Todos App using the MongoDB, Express, Angular and NodeJS.
Project 5 – Firebase Business Listing – Create a business listing or a business contacts app using Firebase, a remote NoSQL database.
Project 6 – MyWorkouts – Learn how to build a Workout app that allows you to track your workouts using the Ionic 2 framework.
Project 7 – MyWeather – Learn how to incorporate the Wunderground API, which allows you to track worldwide weather suing Ionic 2 mobile framework.
Project 8 – Webmarks – Build an Angular 2/MeteorJS app that allows you to add and manage bookmarks.
Project 9 – MapIt – Learn how to integrate Google Maps into your Angular 2 app that allows you to mark points on the map and manage them.
Project 10 – Movie Finder – Learn how to create a movie directory application using the moviedb(dot)org API.
This course has all the essentials for you to get started with one of the hottest JavaScript framework on the market. So, what are you waiting for? Let’s get started on boosting that income.
What are the requirements?
- Students should have basic web development knowledge in technologies such as JavaScript, HTML, CSS and Databases
What am I going to get from this course?
- Get professionally trained in Angular 2 by building 10 Apps
- Learn the skills required to start developing in Angular and associated technologies
- Learn to use Angular with technologies like Node, Bootstrap and Foundation
- Royalty free source code for all the projects
What is the target audience?
- Students who want to start developing web applications using Angular 2 will find this course extremely useful
Curriculum
Section 1: Introduction | |||
---|---|---|---|
|
Lecture 1 |
Introduction
|
04:08 | |||
Section 2: Simple Angular 2 website | |||
---|---|---|---|
|
Lecture 2 |
Project Intro
|
01:22 | ||
|
Lecture 3 |
A2 Quickstart Setup & Explanation
|
15:16 | |||
|
Lecture 4 |
Navbar Component
|
10:46 |
|
Lecture 5 |
Jumbotron & Page Components
|
09:11 |
|
Lecture 6 |
Angular 2 Router
|
09:38 |
|
Quiz 1 |
Simple Angular 2 Webiste Quiz
|
5 questions |
Section 3: Github Profile Searcher | |||
---|---|---|---|
|
Lecture 7 |
Project Intro
|
01:00 | ||
|
Lecture 8 |
QuickStart & Profile Component Setup
|
09:14 | |||
|
Lecture 9 |
Github Service & Get User
|
12:44 |
|
Lecture 10 |
Displaying Profile Data
|
09:51 |
|
Lecture 11 |
Displaying User Repos
|
07:01 |
|
Lecture 12 |
Search User Functionality
|
07:05 |
|
Quiz 2 |
Github Profile Searcher Quiz
|
6 questions |
Section 4: Spotify App | |||
---|---|---|---|
|
Lecture 13 |
Project Intro
|
02:26 |
|
Lecture 14 |
Navbar & Router Setup
|
18:03 |
|
Lecture 15 |
Search Component & Service
|
15:51 |
|
Lecture 16 |
Search Results
|
08:18 |
|
Lecture 17 |
Artist Component & Route
|
14:45 |
|
Lecture 18 |
Artist Page & Album List
|
15:21 |
|
Lecture 19 |
Album Component & Route
|
14:01 |
|
Quiz 3 |
Spotify App Quiz
|
5 questions |
Section 5: MEAN Todos App | |||
|
Lecture 20 |
Project Intro
|
01:18 |
|
Lecture 21 |
Node.js Express Server Setup
|
16:11 |
|
Lecture 22 |
Backend API Routes
|
18:31 |
|
Lecture 23 |
Client Side Setup & Bower
|
14:04 |
|
Lecture 24 |
Todos Component & UI
|
11:49 |
|
Lecture 25 |
Display Todos From MongoDB
|
11:03 |
|
Lecture 26 |
Saving Todos
|
07:25 |
|
Lecture 27 |
Updating Todos
|
14:07 |
|
Lecture 28 |
Deleting Todos
|
04:38 |
|
Quiz 4 |
MEAN Todos App Quiz
|
5 questions |
Section 6: Firebase Business Listings | |||
|
Lecture 29 |
Project Intro
|
03:01 |
|
Lecture 30 |
AngularFire2 & Firebase Setup
|
17:05 |
|
Lecture 31 |
Business Service
|
14:10 |
|
Lecture 32 |
Frontend UI with Foundation
|
13:49 |
|
Lecture 33 |
Category Filter & Add Businesses
|
18:04 |
|
Lecture 34 |
Edit & Delete Businesses
|
11:25 |
|
Quiz 5 |
Firebase Business Listings Quiz
|
5 questions |
Section 7: MyWorkouts - Ionic 2 Mobile App | |||
|
Lecture 35 |
Project Intro
|
02:22 |
|
Lecture 36 |
Lonic 2 & mLab Setup
|
14:30 |
|
Lecture 37 |
Ionic 2 UI & Pages
|
13:56 |
|
Lecture 38 |
Fetch Workouts Through A Service
|
12:06 |
|
Lecture 39 |
Workout List & Details Pages
|
12:40 |
|
Lecture 40 |
Add Workouts
|
14:26 |
|
Lecture 41 |
Delete Workouts
|
07:16 |
|
Quiz 6 |
MyWorkouts - Ionic 2 Mobile App Quiz
|
5 questions |
Section 8: MyWeather - Ionic 2 Mobile App | |||
|
Lecture 42 |
Project Intro
|
02:10 |
|
Lecture 43 |
WUnderground API & Ionic 2 Setup
|
10:28 |
|
Lecture 44 |
Fetch Data Through Weather Service
|
16:30 |
|
Lecture 45 |
Displaying The Weather Data
|
11:14 |
|
Lecture 46 |
Autocomplete API
|
14:47 |
|
Lecture 47 |
Choose City Functionality
|
06:16 |
|
Lecture 48 |
Settings & Default City
|
16:59 |
|
Quiz 7 |
MyWeather - Ionic 2 Mobile App Quiz
|
4 questions |
Section 9: Webmarks Meteor App | |||
|
Lecture 49 |
Project Intro
|
03:01 |
|
Lecture 50 |
Meteor Setup
|
11:19 |
|
Lecture 51 |
Angular 2 Root App Component
|
11:04 |
|
Lecture 52 |
Bookmarks List Component & Collection
|
15:17 |
|
Lecture 53 |
Add & Remove Bookmarks
|
14:35 |
|
Lecture 54 |
Router & Details Page
|
17:39 |
|
Lecture 55 |
Binding & Updating Bookmarks
|
08:08 |
|
Lecture 56 |
Authentication & Access
|
17:18 |
|
Quiz 8 |
Webmarks Meteor App Quiz
|
5 questions |
Section 10: MapIt - Google Maps App | |||
|
Lecture 57 |
Project Intro
|
02:29 |
|
Lecture 58 |
Google Maps Setup
|
13:28 |
|
Lecture 59 |
Marker Display
|
10:35 |
|
Lecture 60 |
Map Functions & Events
|
06:58 |
|
Lecture 61 |
Add Marker Form
|
13:31 |
|
Lecture 62 |
Marker Service & Local Storage
|
11:39 |
|
Lecture 63 |
Moving & Deleting Markers
|
09:56 |
|
Quiz 9 |
MapIt - Google Maps App Quiz
|
5 questions |
Section 11: Movie Finder | |||
|
Lecture 64 |
Project Intro
|
01:55 |
|
Lecture 65 |
App & Movies Component Setup
|
10:00 |
|
Lecture 66 |
Popular & In Theaters
|
18:18 |
|
Lecture 67 |
Movie Search
|
07:03 |
|
Lecture 68 |
Router & Route Params
|
14:47 |
|
Lecture 69 |
Movie Details Page
|
11:55 |
|
Quiz 10 |
Movie Finder Quiz
|
5 questions |
Section 12: Course Summary | |||
|
Lecture 70 |
Summary
|
04:07 |