Search 6,000+ CA Community College Courses

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Angular 7 For Beginners: Learn the Basics

via Skillshare

Go to class Write review

This course may be unavailable.

Overview

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

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

Taught by

Cas Van Gool

Reviews

Start your review of Angular 7 For Beginners: Learn the Basics

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.