Angular & Loopback - Build a Complete Website from Scratch
3.7 (41 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
231 students enrolled

Angular & Loopback - Build a Complete Website from Scratch

Loopback note taking app having registration, login, forget password, email verification, change password and dashboard.
3.7 (41 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
231 students enrolled
Created by Umair Jameel
Last updated 2/2020
English
Current price: $51.99 Original price: $79.99 Discount: 35% off
1 day left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8.5 hours on-demand video
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Note Taking App in Loopback
  • Authentication with Loopback and Angular
  • Angular
  • Loopback
  • Website designing with Angular Material
  • Email Verification in Loopback
  • Reset Password in Loopback
  • Change Password in Loopback
  • Lazy loading in Angular
  • Angular Material
  • Angular components communication
  • Mongodb with Loopback
Course content
Expand all 66 lectures 08:22:11
+ Introduction
3 lectures 05:18
What you should already know
01:29
Required tools
02:01
+ Setting Up Loopback Project
5 lectures 30:02
Create Loopback Project
06:30
Add Mongodb as data source
06:02
Loopback custom routes and nodemon
05:23
Loopback Commands
4 questions
+ Setting Up Angular Project
6 lectures 46:53
Create Angular Project
07:38
Add Angular Material and Use it
13:47
Create Login Register Feature Module
04:31
Setup Login Register Routes
11:58
Feature Level Navbar
05:02

What are angular commands and how to structure angular project

Angular Basics
3 questions
+ Design and Validate Feature Pages in Angular
4 lectures 42:38
Register User Form Builder
09:22
Design Register User Form
16:59
Design and Validate Login Form
09:52
Design and Validate Forget Password Form
06:25

What are different ways to build reactive form and its modules.

Reactive Forms
2 questions
+ Build Angular Support Services
7 lectures 45:18
Build Helper Service
10:55
Build Constant Service
10:30
Build Compiler Service
03:43
Build Auth Service
06:28
Build Interceptor Service
05:06
Build Guard Service
04:33
Add Configurations for Support Services
04:03

Http interceptors, authentication guards and auth methods

Core Services for Authorization
4 questions
+ User Registeration
6 lectures 51:35
SuperUser Model and Relations in Loopback
06:11
Add Email smtp Server in Loopback
03:07
Loopback Remote Methods for User Registration
13:50
User Registration from Angular
13:34
Build User Related Interfaces
07:27
Error Handling and Loader
07:26

Commands used to create user registration

User Registration Commands
3 questions
+ Email Verification
5 lectures 39:47
Email Verification in Loopback
08:06
Build Email Verification Page in Angular
09:19
Send Email Remote Method in Loopback
08:18
Resend Verification Email in Angular
10:38
Auth Guard Service with Verification
03:26

Remote method in loopback and angular for email verification

Email Verification in Loopback and Angular
5 questions
+ User Login
3 lectures 24:51
Login User in Loopback
05:55
Login Configurations in Angular
04:46
User Login in Angular
14:10
+ Forgot Password in Loopback
5 lectures 44:37
Reset Password Email in Loopback
10:41
Send Reset Password Email in Angular
06:10
Build Reset Password Component in Angular
14:00
Forget Password Remote Method in Loopback
05:39
Error Handling and Test Forgot Password
08:07
+ Build Dashboard
3 lectures 26:50
Build Home Feature in Angular
10:30

Change the extension of attached .txt files to .scss

Design Dashboard Page in Angular
07:29
Logout User in Angular & Loopback
08:51
Requirements
  • Student should be passionate in learning
  • Should have basic concepts of programming and want to enhance knowledge with website development
  • Should know basic html and css
  • Having knowledge about javascript is an edge but not required
Description

Loopback is Nodejs framework for creating apis and providing UI for testing the apis. Angular is Javascript framework for creating single page web apps. After completing this course, you will be able to build a complete and full fledge note taking web app using Loopback and Angular 8.

If you want to learn even one technology like Angular or Loopback, this course provide you enough knowledge to build high level web applications with best code practices.

I will start with creating folder structures of the Angular and Loopback projects, following the best practices and code quality. These are the following topics I will be covering in this course.


Loopback

  • Loopback introduction

  • User registration in Loopback

  • User login in Loopback

  • User email verification in Loopback

  • Forget password in Loopback

  • Change password in Loopback

  • Creating Loopback models using commands

  • Build proper folder structure in Loopback project

  • Build custom templates in Loopback

  • Creating remote methods in loopback

  • Using hooks in Loopback

  • Model relationships in Loopback

  • Access controls in Loopback


Angular

  • Angular cli commands

  • Angular Routing

  • Angular Components communication

  • Angular project folder structure

  • Lazy Loading in loopback

  • Best Practices and Interfaces

  • Using rich text box for creating notes

  • Utilising loopback apis in angular

  • Build nice looking Angular material UI


In this course, I will build a note taking app that will include categories and each category will have multiple notes which we can perform CRUD operations on.

I can assure, you will become a full stack developer after completing this course and can build hight level enterprise web apps. I hope to see you taking this course.


Who this course is for:
  • Website designers who wants to learn website development
  • Beginner programmers who want to learn web technologies
  • Who want to become full stack developer by learning backend and front using loopback and angular