Library

Course: Step by Step Guide : Angular for Beginners

Step by Step Guide : Angular for Beginners

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
About this Course

Welcome to this course “Angular for Beginners” by BPB Publications. Angular for Everyone, Core Concepts, Modern Web Development, Learn Dynamic Web Application, Project Based Learning, This course will cover topics ranging from Setting up the development environment to navigating from one page to another using routing in Angular.


Basic knowledge
  • Basic understanding of HTML, CSS, JavaScript
  • Intent and Dedication to learn
What you will learn
  • This course will focus on creating web applications using the JavaScript framework Angular and understanding concepts like components, modules, routing etc. By the end of this course, you will be able to create a dynamic Angular web application
Curriculum
Number of Lectures: 36
Total Duration: 01:49:43
Course Overview
  • Introduction  

    Welcome to this course “Angular for Beginners” by BPB Publications. This course will cover topics ranging from Setting up the development environment to navigating from one page to another using routing in Angular.

Setting Up Development Environment
  • Installing NodeJS  

    This is the first section of the course “Angular for Beginners” by BPB Publications. In this section, you will learn about setting up an environment to work with Angular on our machines.

  • Installing Angular CLI  

    In this lecture, we will install Angular CLI using NodeJS and NPM (Node Package Manager) that we installed in the previous lecture. 

  • Creating New Project  

    Now that we have set up the development environment, we will create a new project in Angular using the command ng new on the CLI.

  • Run Project  

    In this lecture, we will learn the basics of running an Angular project on the CLI.

  • Change Port Number  

    We can also change the port number where we want to run our project on the view. This video lecture explains about that.

Adding Component
  • Adding Component- Introduction  

    Overview of the topics to be covered inside this section.

  • Add Component using CLI  

    In this lecture, we will add a component inside our angular application using Angular CLI and observe what all is created by CLI for us.

  • Adding Component Manually  

    This lecture teaches how to add a component manually to out angular project.

  • Template and Style URL  

    In this lecture, we will see how to embed the HTML and CSS inside our project using different keywords.

Data Binding
  • Data Binding- Introduction  

    This is the third section of the course “Angular for Beginners” by BPB Publications. In this section, you will learn about binding data to the view using different way of Data Binding.

    Overview of the topics to be covered inside this section.

  • Data Binding- Interpolation  

    Binding the data using interpolation, using a specific syntax and displaying the data.

  • Property Binding  

    Binding the property of the data using property binding, using a different syntax and displaying the property.

  • Event Binding  

    Binding the events of the data using event binding, using a different syntax and displaying the functionality of that event which is invoked.

  • Two Way Data Binding  

    This lecture will show how we can use both property and event binding together to implement Two way Data Binding using the ngModel keyword.

  • Data Binding- Demo  

    A complete demo on how to implement data binding inside the angular project.

Adding Module
  • Adding Module- Introduction  

    This is the fourth section of the course “Angular for Beginners” by BPB Publications. In this section, you will learn about adding modules to the angular project.

    Overview of the topics to be covered inside this section.

  • Adding Module using CLI  

    This lecture tells us how to add module to our project with the help of CLI

  • Adding Module manually  

    This lecture tells us how to add module to our project without the help of CLI, i.e., from the code editor itself.

Adding Service
  • Adding Service- Introduction  

    This is the fifth section of the course “Angular for Beginners” by BPB Publications. In this section, we learn about adding services to the angular project.

    Overview of the topics to be covered inside this section.

  • Adding Service using CLI  

    This lecture tells us how to add service to our project with the help of CLI and inject it.

  • Adding Service manually  

    This lecture tells us how to add service to our project without the help of CLI, i.e., from the code editor itself.

  • Demo on Service  

    A complete demo on how to implement and inject services inside the angular project.

Component Communication
  • Component Communication- Introduction  

    This is the sixth section of the course “Angular for Beginners” by BPB Publications. In this section, you will learn how components communicate with each other inside an angular project.

    Overview of the topics to be covered inside this section

  • Component Communication- @Input  

    This lecture tells us how to use Input decorator before our component to use it and access its property inside any other component.

  • Component Communication- @Output  

    This lecture tells us how to use Output decorator and Event Emitter in our component to use it and access it inside any other component.

  • Temp Ref Variable  

    A lecture on how to create a refence variable like a template to be used as an alias.

Forms in Angular
  • Forms in Angular- Introduction  

    This is the seventh section of the course “Angular for Beginners” by BPB Publications. In this section, we learn how to work with forms inside an angular project.

    Overview of the topics to be covered inside this section.

  • Template Driven Forms  

    This lecture tells us how to use forms which are template ready and can be used without writing much code and using the built-in Angular features.

  • Reactive Forms  

    This lecture tells us how to create and use reactive forms which are model driven approach and involve code.

Working with API
  • API Fetch Data  

    Using API and HttpClient to work on operations like fetching the data, reading, creating etc.

  • API Final  

    This lecture tells us different syntax of working with different operations in API Data.

Routing in Angular
  • Routing in Angular- Introduction  

    In this section, You will learn how to do routing in Angular.

    Overview of the topics to be covered inside this section.

  • Creating Basic Routes  

    This lecture tells us how to create basic routes to work with routing in Angular.

  • Create Route Modules  

    This lecture tells us how to create specific route modules in Angular and a different routing module using CLI.

  • Navigating from one Route to Another  

    This lecture tells us how to do navigation from one route to another using routing in Angular. 

Reviews (0)