Angular Front To Back

Master Angular 5 from the basics to building an advanced application with Firebase's Firestore as well as authentication

  • Brad Traversy
  • 4.63
  • (6458 reviews)
  • 11.5 hrs
  • 73 lectures
  • Udemy
Angular Front To Back

What you will learn?

  • Build amazing single page applications using Angular 5+
  • Master Angular concepts
  • Understand the file and folder structure of an Angular application
  • Build a client management application with authentication and Firebase's Firestore
  • Integrate Bootstrap 4 into Angular projects

Your trainer

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

73 lessons

Easy to follow lectures and videos covering subject details.

11.5 hours

This course includes hours of video material. Watch on-demand, anytime, anywhere.

Certificate of Completion

You will earn a Certificate of Completion at the end of this course.

Course curriculum

Introduction20:36

  • Welcome To The Course04:13
  • Project Files & Questions03:21
  • What Is Angular?07:50
  • Angular Versions Explained05:12

  • Sandbox App Overview04:33
  • Environment Setup12:00
  • Using Angular CLI11:26
  • Angular File Structure14:15
  • An Intro To TypeScript07:41

  • Components Explained07:37
  • Creating A Component09:02
  • Properties & Methods06:46
  • String Interpolation05:44
  • Using Types09:52
  • Cleanup & Interfaces06:52
  • Generating Components & OnInit06:42

  • Loops With ngFor07:47
  • Conditionals With ngIf13:25
  • Adding Bootstrap09:06
  • Property Binding08:22
  • Class Binding & ngClass06:59
  • Style Binding & ngStyle05:02
  • Pipes & ngNonBindable10:15
  • Component & Template Clean Up04:14

  • Mouse Events & Manipulating State06:30
  • Toggling Values With An Event10:04
  • Keyboard & Input Events09:53
  • ngModel & 2 Way Data Binding10:35
  • Component Clean Up05:26
  • Template Driven Forms - Validation14:19
  • Template Driven Forms - Submission04:35

  • What Is a Service?05:23
  • Creating a Service09:32
  • Working With Observables10:00
  • HTTP Client Setup & GET Request15:16
  • HTTP Client POST Request09:41
  • Event Emitter & Output06:05
  • Input & Edit State11:24
  • HTTP Client PUT Request09:41
  • HTTP Client DELETE Request05:38

  • Angular Router Overview03:21
  • Create App Routing Module04:05
  • Creating & Mapping Routes04:47
  • Linking To Routes06:00
  • Params & ActivatedRoute10:58
  • Not Found Component03:36

  • DevLogger Intro & Demo04:20
  • Components & Bootstrap Setup10:06
  • Building The UI08:13
  • Logs Component & Service12:09
  • Observables & Component Communication13:54
  • Add, Update & Delete Logs12:40
  • Finishing Up The State & UX12:15
  • Implementing Local Storage06:06
  • Build & Deploy To Github Pages06:28

  • Client Panel Intro & Demo05:12
  • Firebase Firestore & App Setup11:24
  • Generate Components & Setup Navbar09:20
  • Routing Module Setup10:47
  • AngularFire2 Setup & Client Service20:27
  • Clients & Dashboard Component12:33
  • Add Client Form & Validation20:23
  • Add Client To Firestore14:02
  • Client Details Component18:22

  • Client Balance Update12:52
  • Edit & Delete Clients14:19
  • Login Authentication19:41
  • Logout & Nav Links09:45
  • Auth Guard For Routes08:42
  • User Registration06:24
  • Settings Service & Register Guard18:34
  • Adding The Settings Page14:05
  • Deploy To Firebase Hosting07:02
Enroll now
Online Courses

Learning Angular doesn't have to be hard. Here is our curated list of recommended online courses that will guide you step-by-step in the learning process.

Learn more
Books

Are you an avid book reader? Do you prefer paperback, or maybe Kindle version? Take a look at our curated list of Angular related books and take yourskills to the next level.

Learn more
YouTube videos

The number of high-quality and free Angular video tutorials is growing fast. Check this curated list of recommended videos - there is no excuse to stop learning.

Learn more