O'Reilly logo
live online training icon Live Online training

Learn Angular 10 on the Spot

Topic: Web & Mobile
Shaun Wassell

Angular is an incredible library for building front-end applications. This course aims to provide you with a solid foundation in creating modern web applications using the latest version of Angular. You’ll start off by learning basic Angular syntax and the architecture of an Angular web application, working your way through progressively more advanced concepts until you reach a very deep level of understanding. By the end, you’ll not only have a firm grasp on what it takes to build a full-scale Angular application, but also the best practices to follow when doing so. This will ensure that the end result of any further Angular-related endeavors will be not only an application that works, but one that is highly performant and maintainable.

What you'll learn-and how you can apply it

  • Learn how to create Angular applications from scratch
  • Learn how components work in Angular, as well as how to use state and the component lifecycle
  • Implement effective routing in Angular apps
  • Build and deploy your Angular apps
  • Recognize good and bad patterns in Angular code

This training course is for you because...

  • You’re already a front-end developer and want to use Angular to build performant sites
  • You’re a software developer with little to no experience in web development and want to jump right into the most advanced technology for doing so
  • You’ve seen the huge number of Angular-related job postings and want to advance your career

Prerequisites

  • Basic knowledge of JavaScript
  • Basic knowledge of HTML and CSS

Course Set-up

Recommended Preparation

Recommended Follow-up

  • Live Online Training: Full-Stack Angular: Build and Publish a Modern Web Application, by Shaun Wassell. Search the O’Reilly Learning Platform for an upcoming date.
  • Live Online Training: Learn React on the Spot, by Shaun Wassell. Search the O’Reilly Learning Platform for an upcoming date.

About your instructor

  • Shaun is a lifelong programmer and problem-solving addict. His goal is to help people build incredible software and solve meaningful problems by mastering the art of software development. He currently works as the Head of Application Development at Starweaver Inc., but also has a lot of side gigs, including consulting, freelance development, and online education. Don’t hesitate to get in contact with him if you enjoy his materials.

Schedule

The timeframes are only estimates and may vary according to how the class is progressing

Introduction (5 mins)

Learn Basic Angular Syntax and Concepts (40)

  • Understand the Purpose and Benefits of React
  • Create and Run an Angular App
  • Understand the different parts of an Angular component
  • Create Your Own Angular Component
  • Pass Props to Components

Learn About State and The Component Lifecycle (45)

  • Use State in Components
  • Decide Where to Put State
  • Use Lifecycle Events in Components
  • Handle Clicks and Other Events
  • Render Components Conditionally
  • Display Lists of Components
  • Style Components in Angular

Break (10 mins)

Learn Routing in Angular (35)

  • Setting Up Routing in Angular
  • Use URL Parameters & Query Parameters
  • Pass Props to Route Components

Angular Cookbook (40)

  • Create Forms with Angular
  • Build a Navigation Sidebar in Angular
  • Display Grids & Lists in Angular
  • Load Data & Making Requests in Angular

Break (10 mins)

Write Clean Angular Code (35)

  • Understand the Difference Between Inheritance and Composition
  • Apply the Single-Responsibility Principle in Angular
  • Avoid Common Anti-Patterns

Advanced Topics (30)

  • Learn About Angular View Encapsulation
  • Add the Font-Awesome and Material Libraries to Angular
  • Use the ng-content Directive

Break (10 mins)

Host React Applications (30)

  • Host an Angular App on Netlify
  • Host an Angular App on Amazon S3
  • Host an Angular App on Firebase Hosting

Summary (10 mins)