Web and App Development with Angular

Master App and Website Creation with Data Sharing

14h 39m62 lectures8 sections

What you'll learn

  • Learn Angular basics and set up the environment
  • Understand TypeScript fundamentals and work with it
  • Create practical applications like MyBlog and SportsStore
  • Understand the core components of project structure
  • Apply data sharing techniques between applications
  • Master building a site and app using Angular

About this course

This comprehensive course aims to teach you web application development using Angular. Throughout the course, you will learn how to create projects using Angular, work with TypeScript, and understand the core components. You will also develop several practical projects like MyBlog and SportsStore to apply what you've learned. By the end of the course, you will be capable of building advanced web applications using Angular.

Expected outcomes

  • Build advanced web applications using Angular.
  • Deep understanding of components and their interactions.
  • Master TypeScript and use it within Angular projects.
  • Develop scalable practical applications.

Course content

1

Introduction to Angular

7 lectures
  1. Course Introduction8:03
  2. Course Requirements2:27
  3. What is Angular?11:11
  4. Installing Tools8:27
  5. Installing Plugins8:18
  6. Creating Your First Project8:04
  7. Explaining File Organization Within the Project26:13
2

A Quick Look at TypeScript

4 lectures
  1. Introduction to TypeScript5:32
  2. Understanding the Basics and Explaining TypeScript File Translation12:24
  3. Solving Compiler Issues7:36
  4. Organizing Data Types10:52
3

MyBlog Project

8 lectures
  1. What is a Component?8:55
  2. Creating and Configuring the Module with a Header Component20:10
  3. Creating and Configuring the Footer Component15:14
  4. Creating and Configuring the Contact Component9:53
  5. Navigating to the Contact Component8:30
  6. Navigating to the Article Component12:53
  7. Adding Content to the Article Template6:52
  8. MyBlog Link
4

Handling Main Components

5 lectures
  1. Creating the Calculator Component11:34
  2. Working with the Calculator Template28:01
  3. Adding Logic and Functions to the Calculator Component25:36
  4. Adding the Second Project to the Article Template9:40
  5. Calculator Link
5

Working with Data Model - Angular Material

10 lectures
  1. Introduction (Working with Data Model _ Angular Material)5:21
  2. Configuring Data Models19:16
  3. Handling and Using Data Models14:56
  4. Installing and Configuring Angular Material13:44
  5. Using the Material Toolbar8:54
  6. Displaying Data Through the Material Table17:24
  7. Controlling with the Material Checkbox6:43
  8. Adding New Data Through the Material Form13:31
  9. Controlling Data Display with Material Slide Toggle6:53
  10. ToDo Link
6

Phase One of the Final Project SportsStore

10 lectures
  1. Introduction to Phase One5:34
  2. Creating and Setting Up the Final Project10:31
  3. Setting Up the Back End for the Project via Json-Server20:24
  4. Organizing Project Files and Running the Back End Server9:16
  5. Creating and Configuring All Data Models35:20
  6. Creating and Configuring the Model Module5:05
  7. Creating and Configuring the Store Component14:32
  8. Displaying All Products9:10
  9. Controlling Product Display via Categories24:29
  10. Reconfiguring Code via Custom Directive10:59
7

Phase Two of the Final Project SportsStore

8 lectures
  1. Introduction to Phase Two3:59
  2. Creating and Configuring the Cart Model22:47
  3. Creating and Configuring the Cart Summary15:52
  4. Adding and Using Routing Transition15:26
  5. Creating and Configuring a Store First Guard Feature12:19
  6. Adding Selected Products for Purchase through Cart Detail25:42
  7. Completing the Purchase Process through Checkout36:29
  8. Linking the Project to the Back End and Displaying Data15:06
8

The Final Stage of the SportsStore Project

10 lectures
  1. Introduction to the Final Stage8:41
  2. Creating, Configuring, and Linking Auth and Admin Components25:34
  3. Configuring and Applying Authentication During Login22:31
  4. Adding All Functions to Handle Requests and Products for Admin24:24
  5. First Step to Configure Admin Elements35:57
  6. Second Step Displaying Products for Admin28:01
  7. Modifying and Adding New Products for Admin24:21
  8. Third Step Displaying All Purchase Requests for Admin30:19
  9. Final Step in the Project13:17
  10. Final Project Link

Instructor

Eng. Amr Abdel Fattah

Eng. Amr Abdel Fattah

Computer systems engineer specializing in mobile app and website development, with experience in creating popular platforms and web applications.
6,563 students20 courses

Related courses

  • Microsoft Access
    4.6|5,337|0h 0m

    Microsoft Access

    Learn to Create Databases and Reports

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Buy now
  • Key Logger Spyware Design
    4.5|5,026|0h 0m

    Key Logger Spyware Design

    Spyware Design Using C++ Language

    Eng. Mohamed Ali Mansour
    Eng. Mohamed Ali Mansour
    $19.99
    Buy now
  • Adobe Animate & Action Script
    4.7|6,962|16h 58m

    Adobe Animate & Action Script

    Learn to Create Cartoon Films and Interactive Games

    Ahmed Hassan Khamis
    Ahmed Hassan Khamis
    $19.99
    Buy now
  • Deep Learning
    4.5|5,162|12h 40m

    Deep Learning

    Simulating the Human Mind in Thinking

    Eng. Amr Abdel Fattah
    Eng. Amr Abdel Fattah
    $25.99
    Buy now