Angular 11: Getting Started with Angular

IN THIS COURSE

• 1.  Course Overview
  1m 14s
  In this video, you’ll learn more about your instructor and this course. In this course, you’ll learn about the architecture of Angular. You’ll look at components, services, modules, and routing. Then you’ll learn about Angular 11 features and do some installation. You'll install Angular itself and install Node.js and an editor. You'll also install Visual Studio Code. Towards the end, you’ll learn about TypeScript. FREE ACCESS
• 2.  Angular as a Development Choice for Web Applications
  4m 36s
  In this video, you’ll learn more about Angular. Angular was developed by the Alphabet company, also known as Google. You’ll learn Angular 11 is a front-end tool, meaning it works with the browser itself. This is a design framework and a development platform, so you can design your look and feel. You can develop it and even use code to do so. You’ll see it’s used for creating efficient single-page applications. FREE ACCESS
• 3.  Anatomy of an Angular Application
  4m 53s
  In this video, you’ll learn more about the anatomy of an Angular application. You’ll start with the Angular module. Every application must have at least one module, and that module acts as a container for components. Components are what you’ll be spending most of your time on. These are the parts that make up a web page or web view. Then there are directives, which are just functions, but they are important for your front-end. FREE ACCESS
• 4.  Angular Services, Pipes, Directives, and Routing
  4m 48s
  In this video, you’ll learn more about Angular Services. They contain common code that can be shared across the application. A very popular service is the HTTP client service. It allows you to make calls to APIs. You’ll see they enhance reusability and make your application more modular. There will always be one instance of the service class, so only one should be created. There is one object for each service in your application. FREE ACCESS
• 5.  Installing Node.js
  3m 36s
  In this video, you’ll watch a demo. In this demonstration, you’ll install Node.js as NPM. First, you’ll learn what Node.js is. It's a free, open-source, cross-platform JavaScript environment. It's a development environment for JavaScript applications. Node.js is a server-side technology because it runs on the server. It uses JavaScript so there's no need to learn another programming language and it’s asynchronous by default. FREE ACCESS
• 6.  Installing Visual Studio Code
  3m 49s
  In this video, you’ll watch a demo. In this demonstration, you’ll install Visual Studio Code on a Linux virtual machine. You’ll also install an IDE, an integrated development environment called Visual Studio Code. You’ll learn to develop Angular applications inside an IDE such as Visual Studio Code. In order to install Visual Studio Code, you’ll open the Terminal Window. FREE ACCESS
• 7.  Installing the Angular CLI
  3m 20s
  In this video, you’ll watch a demo. In this demonstration, you’ll install the code necessary to build Angular applications. To install Angular, you’ll need to have Node.js and NPM already installed. You’ll need the terminal window, so choose the icon for the terminal window and click on it. Now you’ll enter the code to install Angular. FREE ACCESS
• 8.  Creating and Running an Angular Application
  5m 48s
  In this video, you’ll watch a demo. In this demonstration, you’ll learn how to build your first Angular 11 application. You’ll use the Ubuntu system. From Quick Launch Bar, you’ll choose Files, and then you’ll find the file system. From the Home directory, you’ll choose Documents and then you’ll create a New Folder. You’ll name the folder Ng11. FREE ACCESS
• 9.  Characteristics of package.json Files
  2m 18s
  In this video, you’ll learn more about the package.json file. This is a JSON file, meaning it contains name-value pairs, and those name-value pairs pertain to the application you're developing. The package.json file is a configuration file for your application. It provides general details about the project. You can put in an application description if you wish. You’ll need to figure out which license you want to use and apply that to your application. FREE ACCESS
• 10.  TypeScript Characteristics
  2m 26s
  In this video, you’ll learn more about TypeScript. TypeScript is a wrapper for JavaScript. It’s mainly used by Angular. You don't have to use TypeScript in your Angular code but it is recommended. TypeScript was developed by Microsoft and it continues to be maintained by them. However, it’s in the open-source space and is considered open-source code and open-source technology. FREE ACCESS
• 11.  Course Summary
  1m 21s
  In this video, you’ll summarize what you’ve learned in this course. You’ve learned about Angular’s architecture. You examined the building blocks of Angular, which included modules, components, services, and routing. Then, you learned some additional features of Angular 11, and you set up your environment. You installed Node.js and Angular itself. You then installed an IDE, and created and ran an actual Angular application. FREE ACCESS