Ultimate AngularJS: Build a Real-World App from Scratch

S$110.00
Take This Course
Ultimate AngularJS: Build a Real-World App from Scratch

Course Description
This course will show you–from start to finish–how to build a real-life application with AngularJS. Angular is awesome, but it can be tricky to learn, especially if you are newer to web development. This is especially true if you’re trying to figure out how to build an actual working application in it. It can seem like a daunting task–especially since many tutorials out there don’t show how to do it from scratch.

The good news is that it’s not that hard once you know how all the pieces work together. This course will teach you those pieces and how they fit together so that you can build your own real life single page web applications that persist data to a database.

This course is for all levels, but you will find it especially useful if you are newer to web development. You should know some HTML, CSS, and JavaScript, but by no means do you need to be an expert. We’ll be using tools like the command line and NodeJS to install packages, but we’ll be seeing how to use them from scratch, so you don’t need to have prior knowledge of them.

This course brings together many commonly requested AngularJS subjects that aren’t seen in a lot of other ones, including:

Directives
Routing
Angular Material
Angular 2
If you want to learn how to build a single page app with AngularJS, and want to learn it from scratch, then this is the best course you’ll find. See you in there!

What are the requirements?
Basic HTML, CSS, and JavaScript knowledge
General knowledge of how web applications work
Web browser
What am I going to get from this course?
Create Single Page Applications with AngularJS
Use the command line to make files and directories, and to install packages from NPM
Work effectively with Angular Material
Create AngularJS directives
Wire up a real-time backend with Firebase
Apply routing to any Angular 1.x application with UI Router
Create a basic Angular 2 application with multiple components
What is the target audience?
Beginner JavaScript Developers
Web Designers of all levels
Web developers of all levels
Anyone wanting to learn how to make awesome apps with AngularJS!

Curriculum

Section 1: Welcome!
What We’ll Build
02:10
Who is Ryan?
01:03
Section 2: AngularJS Theory
The Evolving Web
05:25
What is AngularJS Trying to Solve?
04:30
The Good and the Bad
04:15
Section 3: Setting Up the Development Environment
Tools We Need
04:50
Setting Up the Project Directory
07:33
Making a Hello World App
06:32
Setting Up the Development Environment Quiz
3 questions
Section 4: Controllers, Scope, and Dependency Injection
The MVC Pattern
03:49
Digging Into Controllers
04:55
What is $scope?
02:56
Two-Way Data Binding
02:02
More on Templating
03:03
Dependency Injection
02:48
What are Providers?
02:06
Controller, Scope, and Dependency Injection Quiz
4 questions
Section 5: Building the Structure of the Application
A Crash Course on Directives
05:10
The Toolbar and Classified Card
08:37
Using ng-repeat
05:45
Implementing Filters
03:19
Hiding and Showing Parts of the User Interface
14:34
Building the Structure of the Application Quiz
7 questions
Section 6: Introducing $http
Working with Remote Data
06:00
HTTP Requests and Promises
06:19
Switching to Services
04:46
Introducing $http Quiz
5 questions
Section 7: CRUD and User Interface Refinement
Putting in the Sidenav
08:01
Adding New Classifieds
12:40
Editing Existing Classifieds
11:35
Deleting Classifieds
09:51
Filtering Data
14:32
Adding Animation
05:16
CRUD and User Interface Refinement Quiz
3 questions
Section 8: Routing with UI Router
Routing Concepts
04:33
How UI Router Works
07:49
Switching to Controller As
06:24
Refactoring the Classifieds Route
11:13
Creating the New Classifieds State
10:26
Setting Up Watchers
07:23
Emitting Data
09:20
Editing Data with Route Params
14:04
Routing with UI Router Quiz
6 questions
Section 9: Setting Up a Backend with Firebase
Firebase Concepts
10:19
Reading Data from Firebase
07:11
Adding Data to Firebase
03:05
Editing and Deleting Data from Firebase
06:02
Setting Up a Backend with Firebase Quiz
3 questions
Section 10: Directives
Isolating Scope
07:08
Setting Up the Classified Card Directive
04:53
Finishing the Directive
08:10
Directives Quiz
4 questions
Section 11: Angular 2 Preview
About Angular 2
07:09
Installing Angular 2
10:36
Wiring Up a Component
11:37
Multiple Components
08:27
Angular 2
3 questions
Section 12: Conclusion
Wrapping Up
01:24

Instructor Biography
Ryan Chenkie, Full-Stack Developer
Ryan is a full-stack developer from Canada who focuses on writing single page applications and RESTful APIs. He mainly works with JavaScript and builds client-side apps with frameworks like AngularJS, Vue.js, and Aurelia, as well as server side apps with NodeJS.

When he’s not coding, Ryan is hanging out with his wife, playing guitar, or nerding out about outer space.

Instructor Biography
Code College, The Best Coding Courses on the Web
Code College is an online school that provides high quality learning material, courses, and training videos for students looking to learn web design, web development, marketing, online business, and more!

Founded in 2014 by Canadian entrepreneur, successful instructor, and blogger, Brad Hussey, Code College is a growing network of highly skilled instructors who provide the best quality tutorials, courses and learning material on the web.

Course Features

  • Lectures
    Fatal error: Uncaught Error: Call to undefined method LP_Course::get_lessons() in /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/inc/learnpress-v2-functions.php:624 Stack trace: #0 /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/learnpress-v2/single-course/content-landing.php(64): thim_course_info() #1 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(2492): include('/home2/waf6oo0a...') #2 /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/learnpress-v2/content-single-course.php(65): learn_press_get_template('single-course/c...', Array) #3 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(2492): include('/home2/waf6oo0a...') #4 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(1563): learn_press_get_template('content-single-...') #5 /home2/waf6oo0adwwo/public_html/wp-includes/class-wp-hook.php(286): learn_press_content_single_course('') #6 /home2/waf6oo0adwwo/public_html/wp-i in /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/inc/learnpress-v2-functions.php on line 624