3 Primer, part 1

 

This chapter covers

  • Understanding the basic structure of HTML and the role of CSS
  • Understanding the relationship between JavaScript and TypeScript
  • Using TypeScript to make the JavaScript type system predictable
  • Using the basic JavaScript/TypeScript types and operators

Developers come to the world of web app development via many paths and are not always grounded in the basic technologies that web apps rely on. In this chapter, I provide a brief overview of HTML, introduce the basics of JavaScript and TypeScript, and give you the foundation you need to understand the examples in the rest of the book, continuing with more advanced features in chapter 4. If you are already familiar with HTML and TypeScript, you can jump right to chapter 5, where I use Angular to create a more complex and realistic application.

3.1 Preparing the example project

To create the example project for this chapter, open a new command prompt, navigate to a convenient location, and run the command shown in listing 3.1.

Tip

You can download the example project for this chapter—and for all the other chapters in this book—from https://github.com/manningbooks/pro-angular-16. See chapter 1 for how to get help if you have problems running the examples.

Listing 3.1. Creating the example project
ng new Primer --routing false --style css --skip-git --skip-tests

3.2 Understanding HTML

3.2.1 Understanding void elements

3.2.2 Understanding attributes

3.2.3 Applying attributes without values

3.2.4 Quoting literal values in attributes

3.2.5 Understanding element content

3.2.6 Understanding the document structure

3.3 Understanding CSS and the Bootstrap framework

3.4 Understanding TypeScript/JavaScript

3.4.1 Understanding the TypeScript workflow

3.4.2 Understanding JavaScript vs. TypeScript

3.4.3 Understanding the basic TypeScript/JavaScript features

3.4.4 Defining variables and constants

3.4.5 Dealing with unassigned and null values

3.4.6 Using the JavaScript primitive types

3.4.7 Using the JavaScript operators

3.5 Summary