-
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:
- Setting up your coding environment
- Templates and components
- Pipes
- Services
- Routing
- Forms
- Http
- 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
Overview
Syllabus
-
- 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
