Angular 7 For Beginners: Learn the Basics

Do you want to make your own custom website? But don’t you wanna spend time on building static pages , copy/pasting the same code over and over again? Then this tutorial is for you! Through a step-by-step method we are going to build a fully responsive website! 

You might like this class if you:

• Like building your own stuff and want full control
• Have website and/or app ideas that you want to make a reality
• Love trying out things for yourself

When you are done with this class you have a broad understanding of:

1. Setting up your coding environment
2. Templates and components
3. Pipes
4. Services
5. Routing
6. Forms
7. Http
8. Modules

Why Angular?

During the course we will use the Angular Command Line Interface (CLI) and external
libraries (Bootstrap and Angular Material). 

Angular as a platform makes it easy to build web applications. Angular’s core features are building responsive websites, focussing on the reusability of code and seamless integration with a back-end application. This Angular tutorial is specially aimed at newcomer developers who have little experience with JavaScript frameworks.

Image credits:

Rocket Icon made by Freepik from www.flaticon.com 

Checklist Icon made by Freepik from www.flaticon.com 

Other Checklist Icon made by Smashicons from www.flaticon.com 

Computer icon made by Monkik from www.flaticon.com 

Black Friday Background vector created by starline - http://www.freepik.com

Pink brush banner Background psd created by denamorado - http://www.freepik.com

Happy holi Background vector created by starline - http://www.freepik.com

Carnival Background vector created by freepik - http://www.freepik.com

Happy Chinese new year Background vector created by freepik - http://www.freepik.com

• Introduction
• Demo application
• Setting up your environment
• Our first angular component
• Building the navbar
• Using Bootstrap
• Putting in our data
• Build in directives
• Creating our first component
• Parent child communication
• Methods
• Child to parent communication
• Importing Angular Material
• Summary components
• Introduction pipes
• Build in pipes
• Creating a pipe
• Introduction services
• Creating a service
• Lifecycle hooks
• Creating the login component
• The login service
• Observables
• Introduction routing
• Setting up our first route
• Default and wildcard routing
• Additional routes
• The router service
• Using route parameters
• Summary routing
• Introduction angular forms
• Form state
• Creating a basic form
• Adding reactive forms
• Adding form validation
• Using the formsbuilder
• Connecting to an API
• Introduction modules
• Using feature modules
• Lazy loading modules
• Where to go from here