Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular Crash Course for beginners
Rating: 4.4 out of 5(95 ratings)
8,228 students

Angular Crash Course for beginners

Learn the basics of angular and all about components, data binding, events, forms, routing and so much more!
Created byDigiFisk (Programming is fun)
Last updated 3/2022
English
English [Auto],

What you'll learn

  • Learn all about frameworks and how to set up the development environment needed to create your angular projects.
  • Then we'll move on to installing Typescript and Angular, because you need Typescript to run Angular.
  • Later, we'll play with the default output you end up with in the Angular CLI.
  • We'll learn how to manipulate the output, and how to clean up the files to allow room for our project to blossom.
  • We'll learn all about components and how to create and use them.
  • We'll also learn about data binding/interpolation, how to use use dynamic properties, numbers, strings, arrays and objects in HTML

Explore related topics

Course content

1 section • 9 lectures • 1h 45m total length

  • Introduction - Installing Typescript & Angular7:13

    Install angular via npm after confirming node and npm are installed, then create a project in a chosen folder with the angular CLI and TypeScript basics.

  • Create a new CLI project, and project files explanation16:45

    Create a new Angular CLI project, name it Rascalz, set routing and your preferred stylesheet, and explore the generated source files, including the app module and default app component.

  • Manipulating the output, creating components, using properties and methods9:21

    Explore how to create and modify an Angular component, understand decorators, and bind dynamic properties in the template. Declare components in a module and use a custom selector.

  • Data binding, interpolation and using strings, numbers, arrays & objects,11:19

    Learn data binding and interpolation in Angular using mustache syntax to render dynamic data, perform calculations, manipulate strings, arrays, and objects within templates.

  • Events and functions15:51

    Learn to handle user events in Angular by binding actions such as click and key up to functions, and access input values using template references and the event object.

  • Structural Directives - NgIf & NgFor12:22

    Learn to use Angular structural directives ngIf and ngFor to conditionally render elements and iterate over lists, including templates, else blocks, and index access.

  • Forms in Angular12:35

    Explore tablet-driven forms in Angular, learn to bind inputs with ngModel, access values via a template reference variable, and test simple forms while noting when to switch to reactive forms.

  • Routing in Angular18:13

    Learn routing in Angular by building a single-page app with app routing, router outlet, and routes like about and contact, enabling fast, reactive navigation.

  • Bonus lecture1:54

Requirements

  • Basic understanding of Typescript is great, but not necessary
  • Should know HTML, CSS and JavaScript

Description

Angular is one of the 2 most popular front end web frameworks out there. Developed by Google, knowledge in this framework is granted to land you great jobs and freelancing projects.

Some of the biggest websites out there were developed in Angular, and in this course, you'll learn all about using Angular in your projects.


What will you learn in this course:

1.  Learn all about frameworks and how to set up the development environment needed to create your angular projects.

2. Then we'll move on to installing Typescript and Angular, because you need Typescript to run Angular.

3. Later, we'll play with the default output you end up with in the Angular CLI. We'll learn how to manipulate the output, and how to clean up the files to allow room for our project to blossom.

4. We'll learn all about components and how to create and use them.

5. We'll also learn about data binding/interpolation, how to use use dynamic properties, numbers, strings, arrays and objects in HTML to allow for reactivity and automatic changes in the website view.

6. Then, we'll learn about events, and how to make your app react to various user-based events, including click-based events, mouse events, keyboard events and so much more.

7. We'll continue on from events by looking at structural directives like NgIf and NgFor to allow for conditional HTML rendering, and automated rendering of multiple elements with just a few lines of code.

8. Then, we'll learn about forms, how to create them, how to do 2-way data binding in them, and so much more.

9. We'll finish off the course with a thorough look into what routing is, why we need routing in frameworks, especially Angular, and how to create routes for your web applications.


Who is this course for? 

1. JavaScript developers who want to take their web development skills to the next level.

2. React or Vue developers who'd like to add yet another framework to their skillset.


This course will lay a solid foundation for Angular, and will equip you in your journey in becoming an Angular expert.

Who this course is for:

  • JavaScript developers who want to take their web development skills to the next level.
  • React or Vue developers who'd like to add yet another framework to their skillset.

Report abuse