Ultimate AngularJS: Build a Real-World App from Scratch

Ultimate AngularJS: Build a Real-World App from Scratch
Ultimate AngularJS: Build a Real-World App from Scratch
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 5.5 Hours | 0.98 GB

Build a Single Page App with AngularJS, Angular Material, UI Router, and Firebase. Includes Angular 2 preview!

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!

Table of Contents

1. Welcome
What Well Build
Who is Ryan

2. AngularJS Theory
The Evolving Web
What is AngularJS Trying to Solve
The Good and the Bad

3. Setting Up the Development Environment
Tools We Need
Setting Up the Project Directory
Making a Hello World App

4. Controllers, Scope, and Dependency Injection
The MVC Pattern
Digging Into Controllers
What is scope
Two-Way Data Binding
More on Templating
Dependency Injection
What are Providers

5. Building the Structure of the Application
A Crash Course on Directives
The Toolbar and Classified Card
Using ng-repeat
Implementing Filters
Hiding and Showing Parts of the User Interface

6. Introducing http
Working with Remote Data
HTTP Requests and Promises
Switching to Services

7. CRUD and User Interface Refinement
Putting in the Sidenav
Adding New Classifieds
Editing Existing Classifieds
Deleting Classifieds
Filtering Data
Adding Animation

8. Routing with UI Router
Routing Concepts
How UI Router Works
Switching to Controller As
Refactoring the Classifieds Route
Creating the New Classifieds State
Setting Up Watchers
Emitting Data
Editing Data with Route Params

9. Setting Up a Backend with Firebase
Firebase Concepts
Reading Data from Firebase
Adding Data to Firebase
Editing and Deleting Data from Firebase

10. Directives
Isolating Scope
Setting Up the Classified Card Directive
Finishing the Directive

11. Angular 2 Preview
About Angular 2
Installing Angular 2
Wiring Up a Component
Multiple Components

12. Conclusion
Wrapping Up