Developing Robust Angular Applications

Description

In this course, you will :

• Learn the fundamentals of Typescript, including data types, let and const, functions, arrow functions, classes, and interfaces.
• You will create a new project with angular-cli and work your way through its components and services in order to communicate with an API.
• How to create a login form with components for adding/updating the user name and deleting the user
• How to use auth0 in your application for authentication and authorization.

Syllabus :

2. Typescript and ES

• let and const
• Data Types
• Template Strings
• Functions
• Arrow Functions
• Destructuring Objects and Arrays
• Interfaces
• Classes
• Encapsulation and Information Hiding
• Inheritance
• Abstract Classes
• Classes and Interfaces
• Promises
• Decorators

2. First application: RestApp

• Creating a New Project
• Content of the App Component
• Content of the AppModule
• What We Will Be Building
• Bootstrap 4
• Components of Our Application: Navbar Component
• Components of Our Application: About, Contact, and Home
• Routing
• Services
• in-memory Web API Module and Class
• Accessing the API
• API: User Detail Component
• API : Card Component
• Bootstrap
• About Component
• Forms: Contact Component
• Error Handling
• Update a User
• Adding a New User
• Delete a User
• Loading
• Pipes

3. AuthApp

• Auth0
• Our New App
• Auth service
• Navbar Component
• Routing
• Auth0 Settings
• Local Storage
• AuthGuard
• Getting the User's Profile

4. Blog App

• Start of the Project and Installing Bootstrap
• Login Component
• Routes of the Application
• User Model
• Login Service
• Adding the Logic of the Form
• NodeJS, Express, MongoDB, and Mongoose
• Starting the Project on the Server
• Creating the Database
• Home Component
• AuthService
• Saving the User in the Session
• Modifying the User Class
• Post Component
• Creating the Post Collection
• Post Service
• Showing Posts
• Dashboard Component
• Auth Service
• Post Component
• Filtering Posts
• Sharpening Details
• Modal Window
• Post Create Method
• Post Model and Add-Post
• Observables
• Frontend Post Model and Common Service
• Post Component
• Dashboard Component
• Blank Fields in Add Button
• Frontend updatePost
• Backend updatePost
• Delete Post Logic
• Common Service
• Dashboard Component
• Post Component
• Update Backend API

5. Testing

• Importance of Testing
• Karma
• Testing a Pipe
• Testing a Service

Show more