DEV Community

The Nerdy Dev
The Nerdy Dev

Posted on

1 1

Let's learn Angular

In this video, we will be covering Angular, a frontend framework that one can use to develop awesome and sleek looking user interfaces. It is an extremely powerful framework that you can use these days to build the frontends of your application. Angular has always been in high demand in the tech industry. So what are you waiting for, go check out the video and learn Angular.

Reference links :

  1. Property Binding in Angular : https://angular.io/guide/property-binding
  2. Promises in JavaScript : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

⏱ Timestamps ⏱

πŸ“Œ let's start and setup (0:00)
πŸ“Œ structure of a typical angular application (9:37)
πŸ“Œ creating our first angular component (11:12)
πŸ“Œ using the mustache syntax for string interpolation (16:41)
πŸ“Œ understanding the property binding syntax (17:40)
πŸ“Œ understanding the class binding (20:14)
πŸ“Œ understanding the event binding syntax (23:10)
πŸ“Œ on our way to learn the TWO WAY data binding (27:30)
πŸ“Œ let's learn about Directives now (32:42)
πŸ“Œ passing data from child component to parent component using Input and Output decorators (49:09)
πŸ“Œ understanding Lifecycles in Angular (57:03)
πŸ“Œ DEPENDENCY INJECTION (1:10:17)
πŸ“Œ Observables in Angular (1:17:02)
πŸ“Œ Important differences between a PROMISE and an OBSERVABLE (1:18:09)
πŸ“Œ Using the HttpClientModule for making HTTP async requests & using RxJS operators (1:21:46)
πŸ“Œ Performing Error Handling in Angular (1:30:28)
πŸ“Œ Transforming Data using Pipes (1:35:00)
πŸ“Œ Exercise : Creating a Custom Pipe for Filtering a list of items based on some search term. (1:38:39)

πŸ±β€πŸ’» πŸ±β€πŸ’» Course Links:
Complete Code - https://github.com/The-Nerdy-Dev
Visual Studio Code - https://code.visualstudio.com
Git - https://git-scm.com/downloads


Support my channel:
πŸ’œ Join the Discord community πŸ‘¨β€πŸ‘©β€πŸ‘§β€πŸ‘¦: https://discord.gg/fgbtN2a
πŸ’œ One time donations via PayPal
Thank you! πŸ™


Follow me on:
πŸ‘‰ Twitter: https://twitter.com/The_Nerdy_Dev
πŸ‘‰ Instagram: https://instagram.com/thenerdydev

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

πŸ‘‹ Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay