Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Complete Angular Beginner's Guide
Highest Rated
Rating: 4.8 out of 5(19 ratings)
140 students

Complete Angular Beginner's Guide

Learn all you need to know to build an application using Angular
Last updated 2/2024
Arabic

What you'll learn

  • Modern Frontend Web Development
  • In-depth understanding of Angular fundamentals
  • Understanding Single Page Applications
  • Fully understand the architecture behind an Angular application and how to use it

Course content

8 sections70 lectures6h 25m total length
  • Introduction2:43
  • What you should know0:54
  • Introduction to Angular3:19
  • Setting up Angular development environment4:46
  • Create First Angular Project4:06
  • Angular project file structure6:45
  • Publishing an Angular project to a GitHub repository2:08

Requirements

  • NO Angular 1 or Angular 2+ knowledge is required!
  • Basic HTML and CSS knowledge helps, but isn't a must-have
  • Basic JavaScript knowledge is required
  • Being familiar with Visual Studio Code is recommended, but it is not required
  • Prior TypeScript knowledge also helps but isn't necessary to benefit from this course

Description

In this course, you will find all you need to know to build a production-ready web application using Angular.


You will start with an introduction to Angular, the application that you will build, and also the default Angular project file structure. You will then publish the Angular app to a GitHub repository and learn about the GitHub repository structure that you will follow.

Components

Angular is a component-based framework so you can imagine that this is also the most important section of this course since it's going to teach you the real fundamentals of this framework.

Here you will learn:

  • What is a component

  • Importance of components

  • Child and parent components

  • Component life-cycles

  • Best practices

Templates

In Angular, a template is a blueprint for a fragment of a user interface (UI). Templates are written in HTML, and special syntax can be used within a template to build on many of Agular's features.

Here you will learn:


  • Text interpolation

  • Pipes

  • Bindings

       One-way binding

       Two-way binding

       Event binding

      Class and style binding

Directives

Directives are classes that add additional behavior to elements in your Angular applications.

Here you will learn:

  • Built-in directives

  • Attribute directives

  • Structural directives

Dependency Injection

Dependencies are services or objects that a class needs to perform its function. Dependency injection, or DI, is a design pattern in which a class requests dependencies from external sources rather than creating them.

Angular dependency injection is really important because without dependency injection it would be really hard to work with real data. And in this course.


Who this course is for:

  • Newcomer as well as experienced frontend developers interested in learning a modern JavaScript framework
  • This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework
  • Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular