Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning Angular
  • Toc
  • feedback
Learning Angular

Learning Angular

By : Aristeidis Bampakos
4 (6)
close
Learning Angular

Learning Angular

4 (6)
By: Aristeidis Bampakos

Overview of this book

Angular is an extremely fast, cross-platform JavaScript framework loved by millions. Learning Angular is a comprehensive introduction to the framework from an experienced Angular developer and Google Developer Expert. You’ll learn the Angular way of development as you build a real-world app from the ground up. Updated for Angular 19, this fifth edition tackles landmark changes in Angular after the “Angular Renaissance”. It covers app creation with standalone components, Angular Signals, and the new control flow syntax, while acknowledging differences in approach in older Angular code. You’ll also find a brand-new chapter on optimizing performance with SSR and hydration, as well as revamped content on TypeScript. Angular developers of all experience levels will benefit from this book. It is especially useful if you are new to Angular, as it will help you get to grips with the bare bones of the framework. By the end of this book, you'll be able to create Angular applications with TypeScript from scratch and apply best practices in any Angular codebase.
Table of Contents (15 chapters)
close
Free Chapter
1
Learning Angular, Fifth Edition: A practical guide to building web applications with modern Angular

Getting started with TypeScript

The TypeScript language is an npm package that can be installed from the npm registry using the following command:

npm install -g typescript

In the preceding command, we chose to install TypeScript globally in our system so that we can use it from any path in our development environment. Let's see how we can use TypeScript using a simple example:

  1. Open VSCode and select File | New File… from the main menu options.
  2. Enter app.ts in the New File… dialog and press Enter.

    Figure 2.1: New file dialog
  3. As we have already learned, TypeScript files have a .ts extension.
  4. Use the dialog that opens to create the new file. VSCode will open the file inside the editor.
  5. Type the following snippet into the app.ts file:
const title = 'Hello TypeScript!';
  1. Although we have created a TypeScript file, the preceding snippet is valid JavaScript code. Recall that TypeScript is a superset of JavaScript that provides syntactic sugar through its...
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete