Angular Comment Box Component Video Course

Learning AngularJS presents: an Angular component video course.

Be on the cutting-edge of web development and web frontend frameworks!

Learn how to create a component and a basic Angular project using only JavaScript! It is simple and easy and you will learn to create a component directive in Angular.

$29.99 – Add to Cart Excluding 13% tax


  • 10 minutes video course
  • Source code for creating an Angular component

What You Will Learn

Angular Directives and Components

This is the conversion of the React Tutorial into Angular. You will learn to create a comment box and let users enter comments in your Angular app. The comment box component will also display the list of a comments and show the user’s recently added comment immediately.

$29.99 – Add to Cart Excluding 13% tax

Angular components are what AngularJS directives used to be: a way to combine interactivity with a displayed interface. We include some documentation within the slides and the course code on how to create these powerful new types of directives known as components.

In less than 30 minutes you will learn:

  1. how to setup a basic Angular project
  2. how to create a component in Angular
  3. create a comment box directive just like in the React.js tutorial

The video is 10 minutes long and comes with complete source code for you to work with.

$29.99 – Add to Cart Excluding 13% tax

Course Content

  1. Introduction
  2. Project Directory Structure
  3. Package.json
    1. Scripts
    2. Dependencies
    3. Dev Dependencies
  4. Installing Dependencies
  5. Creating the app component
  6. Creating the module to bundle all components
  7. Creating the comment box directive component
    1. CommentBox component template
    2. CommentBox constructor and event handler
  8. Bootstrap JavaScript file
  9. Index.html
    1. Loading Angular Modules
    2. Loading Our Modules
    3. Document Body
  10. The Result!
  11. Conclusion/Wrapping up

This Angular component video course is quick to get started with. It gives you the opportunity to build your own boilerplate.

Buy and download this video course lecture and you will learn to build an Angular project skeleton. This will give you an example that you can use to get started quickly on future projects and web applications.

Using JavaScript means you do not have to learn any new language like TypeScript or Dart. You can get started today with ES6 and Babel (or another transpiler).

Angular is a well-architected web framework that is structured for large-scale single-page applications that are complex but not complicated. The architecture of this new version of the framework is suited for rapid development and for the maintenance work that comes later on.