Shailesh Bshaileshb.hashnode.dev·Nov 20, 2024Implementing Chart.js in AngularData visualization is an essential part of web development, helping developers present complex data in a simple way. This series will focus on Chart.js, a popular JavaScript library for creating interactive charts, and show how to use it in an Angula...DiscussChart.js and Angular: A Developer’s Guidechartjs
PINKAM SAINIpinkam.hashnode.dev·Nov 16, 2024CHANGE DETECTION (a short overview)Rendering When you're using a web site, what you see on the screen (like buttons, images, and text) is created based on the app's internal data (like objects and arrays). This process of turning data into visual elements is called rendering. In any a...DiscussChangeDetection
Sumaya J.tech-chunks.hashnode.dev·Nov 12, 2024State in Angular AppsIn Angular (and frontend applications in general), state can be categorized into different types based on what the state represents and how it is managed. Two common types are UI state and Model state, but there are a few more types worth mentioning:...Discussstate
Prashant Katareprashantblog.hashnode.dev·Oct 30, 2024Creating a Netflix like interface by embedding video with iframe in AngularWe will embed a Youtube video with <iframe> in Angular. First we will modify the Youtube video url so that it works with <iframe>. Youtube video url - https://www.youtube.com/watch?v=uYPbbksJxIg To modify we repace “watch” with “embed”, and we replac...Discussiframe
Prashant Katareprashantblog.hashnode.dev·Oct 30, 2024Images with Angular 17In Angular 17 we have to put images inside the “public” folder. We can create a folder named “assets” inside the “public” folder and store our images inside the “assets” folder. The directory structure will look like this - public > assets > image.pn...Discussangular17
Prashant Katareprashantblog.hashnode.dev·Oct 28, 2024Responsive Navbar (Angular) using vanilla CSSNavbar when screen width is greater than 600px - Navbar when screen width is less than 600px. The Navbar expands when the hamburger button is clicked. Collapsed Navbar - Expanded Navbar - We need to hide a few elements and make them appear when ne...DiscussAngular
Manthan Ankolekarmanthanank.hashnode.dev·Oct 25, 2024Mastering Error Handling in AngularIn every Angular application, handling errors gracefully is crucial to providing a seamless user experience. Angular’s built-in ErrorHandler service offers a robust way to manage uncaught errors globally. By customizing this service, we can manage er...DiscussAngular
Manthan Ankolekarmanthanank.hashnode.dev·Oct 22, 2024Developing an Investment Calculator Using Angular and Tailwind CSSIn today’s world, financial planning is essential for individuals and businesses. Investment calculators play a significant role in estimating returns and making informed decisions. In this blog, I will walk you through creating an investment calcula...DiscussAngular
Manthan Ankolekarmanthanank.hashnode.dev·Oct 21, 2024Boost Your Productivity: Must-Have VS Code Extensions for Angular DevelopersAs Angular developers, we strive to create clean, efficient, and scalable applications. To achieve this, using the right tools is essential. Visual Studio Code (VS Code) is a popular code editor for Angular development, thanks to its lightweight natu...DiscussAngular
Manthan Ankolekarmanthanank.hashnode.dev·Oct 17, 2024How to Build Custom Directives in Angular: A Comprehensive TutorialAngular provides a rich set of built-in directives, such as NgIf, NgFor, NgSwitch, NgClass, NgStyle, and NgModel, which allow developers to manipulate the DOM and enhance template rendering easily. But what if you want to create your own custom direc...DiscussAngular
