Web Development with Angular 16: Enhance an existing website

In this 1.5-hour long project-based course, you will learn four new features of Angular 16. We will do this by fixing and implementing new features on an existing auto part warehouse website.

Android App Development Specialization

angular2

Web Development

Front And Back Ends

Angularjs

angular16
Learn new concepts from industry experts

Gain a foundational understanding of a subject or tool

Develop job-relevant skills with hands-on projects

Earn a shareable career certificate

About this Guided Project In this 1.5-hour long project-based course, you will learn four new features of Angular 16. We will do this by fixing and implementing new features on an existing auto part warehouse website. Angular 16 has new features that improve coding practice, content-refresh, reactiveness, and build system. In this project, we will learn about required input, alias, signals, non-destructive hydration, and faster rebuild.

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Task 1: Project Overview

  2. Task 2: Fix the Weekly Special Banner

  3. Task 3a: Implement the Shopping Cart and the Add to Cart Button

  4. Task 3b: Implement the Shopping Cart and the Add to Cart Button

  5. Optional Practice: Take a Quiz and Test Your Knowledge

  6. Task 4: Implement the Shopping Cart Quantity Buttons

  7. Task 5: Implement the Shopping Cart Total

  8. Optional Practice: Identify an Improvement Opportunity for a Small Website

  9. Task 6: Update the Site to Use Server Side Rendering

  10. Task 7: Update the Project to use the new esbuild-based Build System

  11. Optional Cumulative Challenge: Capture sale opportunity and Provide Volume Discount