Who Should Take This Course and Why?

Get introduced to the target audience, course project, and the learning outcomes of this course.

We'll cover the following

Intended audience

Welcome to this course on Getting Started with Angular. Throughout this course, we will be exploring Angular and how to get started on building applications with Angular.

Whether you are a beginner who wants to learn Angular from scratch or a professional who is looking to bridge gaps in their current knowledge, you are in the right place.

Prerequisites

To take full advantage of this course, you should be familiar with the following:

  • JavaScript
  • HTML
  • CSS

That’s it! Anyone with knowledge of these concepts can easily follow along with this course.

What to expect?

This is a hands-on course. Whenever a topic is covered, you will be required to implement it in Angular so that the concept gets solidified immediately.

So, throughout this course, we are going to be building a sales team contacts app for a fictional company. The idea behind this app is to have a system that allows the fictional sales team of our fictional company to manage and access the contact details of their clients and the companies they work with. Below is a preview of what the final project will look like after adding Angular functionality.

📝 Note: Press the RUN button to compile and serve the application. Once the app compiles, you can see its output in the Output tab or by clicking on the URL given after Your app can be found at.

import { AppPage } from './app.po';
import { browser, logging } from 'protractor';

describe('workspace-project App', () => {
  let page: AppPage;

  beforeEach(() => {
    page = new AppPage();
  });

  it('should display welcome message', () => {
    page.navigateTo();
    expect(page.getTitleText()).toEqual('Client-Contacts-Manager-Angular app is running!');
  });

  afterEach(async () => {
    // Assert that there are no errors emitted from the browser
    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
    expect(logs).not.toContain(jasmine.objectContaining({
      level: logging.Level.SEVERE,
    } as logging.Entry));
  });
});
Course project: Client Contacts Manager application

You can play around with the project by searching, viewing, adding, or updating contacts and companies while focusing on its interactivity and functionality.

Course learning outcomes

We will be looking at topics such as:

  • How to set up an Angular application and how to use the tools the Angular team provides to begin developing an Angular application.

  • The architecture of a typical Angular application and how components and modules are used to build sections of the app.

  • Explore ways data is accessed and passed in an app and what mechanisms Angular provides for managing data.

  • Observables and RxJS.

  • NgRx, which is a library for managing reactive state for Angular.

  • Testing Angular applications.

  • Packaging an application for production.