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 brings together many commonly requested AngularJS subjects that aren’t seen in a lot of other ones, including:
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?
General knowledge of how web applications work
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?
Web Designers of all levels
Web developers of all levels
Anyone wanting to learn how to make awesome apps with AngularJS!
|Section 1: Welcome!|
What We’ll Build
Who is Ryan?
|Section 2: AngularJS Theory|
The Evolving Web
What is AngularJS Trying to Solve?
The Good and the Bad
|Section 3: Setting Up the Development Environment|
Tools We Need
Setting Up the Project Directory
Making a Hello World App
Setting Up the Development Environment Quiz
|Section 4: Controllers, Scope, and Dependency Injection|
The MVC Pattern
Digging Into Controllers
What is $scope?
Two-Way Data Binding
More on Templating
What are Providers?
Controller, Scope, and Dependency Injection Quiz
|Section 5: Building the Structure of the Application|
A Crash Course on Directives
The Toolbar and Classified Card
Hiding and Showing Parts of the User Interface
Building the Structure of the Application Quiz
|Section 6: Introducing $http|
Working with Remote Data
HTTP Requests and Promises
Switching to Services
Introducing $http Quiz
|Section 7: CRUD and User Interface Refinement|
Putting in the Sidenav
Adding New Classifieds
Editing Existing Classifieds
CRUD and User Interface Refinement Quiz
|Section 8: Routing with UI Router|
How UI Router Works
Switching to Controller As
Refactoring the Classifieds Route
Creating the New Classifieds State
Setting Up Watchers
Editing Data with Route Params
Routing with UI Router Quiz
|Section 9: Setting Up a Backend with Firebase|
Reading Data from Firebase
Adding Data to Firebase
Editing and Deleting Data from Firebase
Setting Up a Backend with Firebase Quiz
|Section 10: Directives|
Setting Up the Classified Card Directive
Finishing the Directive
|Section 11: Angular 2 Preview|
About Angular 2
Installing Angular 2
Wiring Up a Component
|Section 12: Conclusion|
Ryan Chenkie, Full-Stack Developer
When he’s not coding, Ryan is hanging out with his wife, playing guitar, or nerding out about outer space.
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.