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.
The third part of the course will demonstrate and strengthen your abilities to use RxJS and Angular while creating a simple Todo-List fetching data from a remote URL JSON resource.
You will learn:
what is the structure of a sample Angular project
the Angular way of serving a project
how to tap into the Angular start hooks
how to create reusable child presentation components for display only purposes
how to create, register and use a service through dependency injection
how to use httpclient to fetch data from an API service
If you already have experience with Angular, the next part of the course will also introduce you to Angular Material so you could improve the usability and functionality of your applications using the Angular Material components. We will start exploring the functionality of the Angular Material library. We will go ahead and with the help of Angular Material components will create dialogs, menus, style forms and use its scaffolding features. During this part you will learn how to use in practice:
angular material dialog, menus, forms, scaffolding, snackbar, table, spinner
template-driven model forms
common user models and bindings using ngModel and interfaces
dependency injection of services
HttpClient module for interaction with get and post requests
lazy loading of modules
You can follow along and try the examples alongside, so go ahead and I am welcoming you inside !
Wishing you a happy learning !