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

Top comments (0)

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

πŸ‘‹ Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay