Prerequisites

Branch

Knowledge Prerequisites

Before starting this course, it would be helpful to have a basic understanding of the following concepts:

• HTML5: Familiarity with HTML tags, attributes, and structure.
• CSS3: Understanding of CSS selectors, properties, and how to style HTML elements.
• JavaScript: Basic knowledge of JavaScript syntax, variables, and functions.

Node Installation

The Angular team maintains Angular’s compatibility with evolving Node.js versions. Make sure your Node version is compatible with the Angular version you’re using.

Instructions

1. Open your terminal and run the following command to get the current version of Node.js installed on your system:

   node -v

2. Check the first line of the matrix compatibility table that your Node version is compatible with the Angular version.

IDEs

If you don’t already have an IDE, we recommend using Visual Studio Code or Webstorm for this course.

Visual Studio Code

Instructions

1. Download the Visual Studio Code installer from the Visual Studio Code website

2. Run the installer (the .exe file you downloaded in the previous step).

3. Follow the installer instructions (accept the license agreement, click Next several times, and accept the default installation settings).

4. Restart your computer. You won’t be able to run Visual Studio Code until you restart your computer.

5. Test Visual Studio Code. To see if Visual Studio Code is installed, open Windows Command Prompt, PowerShell, or a similar command-line tool, and type code --version. This should print a version number, so you’ll see something like 1.35.1.

Angular Language Service Plugin

The Angular Language Service plugin provides a rich editing experience for Angular HTML templates, both inline and external HTML templates, including:

• Auto-completion
• Error checking
• Quick info and navigation to definition

Installation

1. Open Visual Studio Code.

2. Click on the Extensions icon in the icon bar on the side or type Ctrl+Shift+X.

3. Search for Angular Language Service.

4. Click the Install button.

5. Restart Visual Studio Code.

Webstorm

Webstorm is an IDE offered by JetBrains that has been free for personal use since 2024. It provides a comprehensive development experience.

Instructions

1. Download the Webstorm installer from the JetBrains website

2. Run the installer (the .exe file you downloaded in the previous step).

3. Follow the installer instructions (accept the license agreement, click Next several times, and accept the default installation settings).

4. Test Webstorm by opening it from the Start menu or by searching for “Webstorm” in the Windows search bar.