Angular for beginners - modern TypeScript and RxJS
- 1.5 hours on-demand video
- 1 article
- 1 downloadable resource
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.Try Udemy for Business
- How to create a simple Angular application with ability to do photo uploads
- How the Angular framework functions, and how it can be helpful in web projects
- How to create a simple NodeJS server
- How to work with microservices and JSON data
- How to properly work with Observables
- Work efficiently with Visual Studio Code
- Work with web forms in Angular
In this lecture you will learn how to setup the environment for your project. We will use visual studio code, we will be adding extensions to the editor, install Nodejs and Npm. Later we will install the Angular CLI in order to create a new angular project.
This is an optional lecture if you would like to know more on the internals of the project structure. You will understand what are the components, how a project bootstraps, how to run the application with the integrated web server, what packages are installed by default and where the preloaded assets, styles and selectors could be found.
In this lecture you will be creating a REST API with the free JSON server using npm. Then we will set up JSON file structure which the server will read and output to the users. In the meantime we will be creating a static image service using NodeJS and Express.
Initially you will be creating your first service using the Angular CLI. In order to use the service into our component, we will use dependency injection. We will explore the OnInit hook, and will set up the service to be accessible from multiple components. Later we will expand the service to use http requests via the HttpClient module. When everything is ready we will subscribe to the service in order to get data from the JSON server.
- Windows 10 or Ubuntu linux
The main goal this course is trying to accomplish is to save you time, because learning the basics of any framework, takes lots of time and persistence, and at certain point most of the people naturally give up. In order to circumvent this, in the course you can see most of the usual errors you might encounter and how easily you can figure them out. The lectures are based on Angular version 7, this way you can start learning based on the latest platform changes. The code is full of explanations on each and every step, leaving you not wondering on how and why the things happen.
Expect to learn how to :
structure an Angular application using best practices
create, use and style components, services and work with templates
build image upload service with the help of NodeJS and express
use the Visual Studio code
effectively use RxJS observables and operators
The course will also give you pretty good estimate if you are wondering whether you would like to continue working with the Angular or switch to another web-dev framework. In case you want to stay with Angular, you might browse for other courses in my profile such as working with Angular Material, in order to expand your knowledge further.
The course starts with installation of the Angular platform using NodeJS, setting up environment with Visual Studio Code and its TypeScript specific plugins. During the course we will be using Angular command line interface (CLI) to easily create components and services.
The initial lectures are just for warm up, and to get you comfortable using Angular and TypeScript. We will go deep into good usage patterns of RxJS observables and how they can be convenient when dealing with asynchronous data. Then with the help of node package manager(NPM) we will install a JSON server for storing user text data, and an Express server for image upload data. You will then learn how to configure them both.We will also take a look on how to use routing to load up specific components and make server queries based on route parameters. Later we will reveal a way to pass through the cross-origin browser CORS restrictions to be able to run an Angular application and two servers on same development machine.
Wishing you a happy learning !
- Beginners and intermediate web development students
- Students, who want to explore the Angular framework.