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
chevron up

Building Your First Angular Application

Web development has undergone huge growth during the last decade. Frameworks, libraries, and tools have emerged that enable developers to build great web applications. Angular has paved the way by creating a framework focusing on application performance, development ergonomics, and modern web techniques.

Before developing Angular applications, we need to learn some basic but essential things to have a great experience with the Angular framework. One of the primary things we should know is what Angular is and why we should use it for web development. We will also take a tour in this chapter of Angular history to understand how the framework has evolved.

Another important but sometimes challenging introductory topic is setting up our development environment. It must be done at the beginning of a project and getting this right early can reduce friction as our application grows. Therefore, a large part of this chapter is dedicated to the Angular CLI, a tool developed by the Angular team that provides scaffolding and automation tasks in an Angular application, eliminating configuration boilerplate and enabling developers to focus on the coding process. We will use the Angular CLI to create our first application from scratch, get a feel for the anatomy of an Angular application, and take a sneak peek at how Angular works under the hood.

Working on an Angular project without help from development tools, such as an Integrated Development Environment (IDE), can be painful. Our favorite code editor can provide an agile development workflow that includes compilation at runtime, static type checking, introspection, code completion, and visual assistance to debug and build our application. We will highlight some of the most popular tools in the Angular ecosystem in this chapter, such as Angular DevTools and Visual Studio Code (VSCode).

To sum up, here are the main topics that we will explore in this chapter:

  • What is Angular?
  • Why choose Angular?
  • Setting up the Angular CLI workspace
  • The structure of an Angular application
  • Angular tooling
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