Building a web app with Angular
This will be a quick introduction into the basic features of the Angular framework.
Hi, I'm Daniel Kreider.
There are a lot of things I'm bad at...
Can't market my way out of a paper bag.
Don't know how to change the oil in my car.
And I don't even have a Twitter, Instagram or Facebook account.
But I do know a thing or two about the Angular Framework.
I've written over 100 blog posts about Angular that have been read more than 536,198 times.
And also wrote two free Angular books.
A little while ago I showed up as an invited guest on the Adventures in Angular podcast.
This will be a quick introduction into the basic features of the Angular framework.
Web applications are the silent workhorses of the internet. 🐎
Hey Angular friends! 👋 Today I'm going to show you how to install a specific version of the Angular CLI.
Looking for Angular code that can shorten a paragraph if it has more then a certain number of characters?
You see, having a well-structured Angular project isn't just about neatness but also about developer productivity, readability, and scalability. 🤠
Here's how to use an Angular filter pipe, even though it doesn't exist as part of the framework anymore.
Animations are cool. And a few animations sprinkled here and there inside of your Angular app will dramatically... 🤩
Angular animations can be a bit confusing if you're used to working with CSS animations. But they're really not hard to create once...
Although both directives can be used to achieve similar results, they have differences and are suitable for different scenarios. 🧐
Here are the 6 different test types for Angular applications. And we'll even be talking about my nosy neighbors, Angular love stories, and...
Here are a few examples of startups that have used Angular. And also the benefits and challenges of using Angular for startup development.
If you're a startup founder, you know the importance of getting your product to market as quickly as possible... 🏃♂️ 🏃♂️ 🏃♂️
Did you know that more than 319k websites currently use Angular? Here are 7 reasons why entrepreneurs and enterprises are choosing Angular.
Today I'm going to show you how to add auth state management to your existing Angular project. We'll be using a very tiny Angular library called...
Have you heard about the PWA success stories out there? Starbucks, for example, was able to reduce the size of their app by 99.84% when they switched from their iOS app to a PWA. 🤠
When I first started using the Angular Material library I had no idea that these schematics existed. And I would waste hours getting...
Today you're going to learn how to copy text in Angular. That is, I'm going to show you exactly how to copy text to the clipboard programmatically.
How to create a ng add schematic for your Angular library in less than 5 minutes. Even if you have no idea where to start (plenty of code examples included).
I discovered how to create an Angular schematics that can modify the angular.json file and import a CSS asset. Here's how you can do it as well.
Wanna beef the quality of your Angular application? Then read this to learn why using dependency inversion could help you dodge a kick in the teeth.
This is a story and simple-pimple guide for dummies like me about Promises, Observables, and why I failed my GDE interview. This really isn't complicated - if you listen to great teachers like me. 😜
Imagine if your Angular app would "remember" the last page your users visited before they closed their browser tab. And next time they opened your app...
Performance problems are aggravating. As aggravating as being stuck on an airplane seat with broken glass in your underwear...
Are you an Angular developer? 🧑💻 Working on an Angular application? 🔨 That needs to detect what browser a user is using? 🔍
If you want to build a boring Angular application then don't read this. Otherwise, here's how to add some intrigue and mystery to your Angular app. While having a blast yourself. And... without wasting hours of your time.
If your Angular form accepts any kind of input under the sun - with no or even minimal input validation - expect it to blow up in your face. 💥💥💥
Slow Angular apps are boring - like watching paint dry on a moist day type of boring. So why not join the app shell band-wagon and make your Angular app load faster and impress more people? 🎯 🎯 🎯
One of Angular's cool features is the ngFor directive. I remember being fascinated the first time I used it. Why? Because it made jQuery look so... um mm... dumb. 😏
Here's the quick answer. The constructor is a Typescript feature used to instantiate the Typescript class. In most Angular projects...
So what's the quickest way to add a global loading spinner to your Angular application? When it comes to creating a loading spinner...
If you want to discover how users are interacting with an Angular application then Google Analytics is definitely the cheapest, easiest and quickest way to get started.
Here's how to deploy your Angular app to Azure, Firebase, Netlify and more.
So you want to do some caching? And cache the HTTP requests that your Angular app is making?
The async pipe is a special Angular pipe that subscribes to an Observable or Promise and returns the last value that was emitted.
How should you structure your Angular application? And what are some best practices to avoid a spaghetti mess?
How do you test Angular services? And suck up those bugs like a vacuum cleaner on steroids. 🤓
Want to learn how to test Angular components? Here's your getting-started-guide that will teach you how to cleverly test Angular components.
The complete guide to testing reactive Angular forms. It's actually simpler than you think.
Want to join the crowd and use Cypress to test your Angular app? And best of all it's probably easier than you think.
Want to deploy your Angular application to Firebase with GitHub Actions while you sleep? This complete guide will show you how to do it. In less than 5 minutes.
How to use Protractor for E2E testing on Angular 12 and newer. Even if the Angular team decided to deprecate it...
Want to test your Angular application with Protractor? Here's the complete tutorial for beginners loaded with oodles of examples and explanations to get you started.
Got an Angular attribute directive to test? Here's the complete guide to getting started. In only 5 minutes.
Testing functions that return an observable or promise can be mighty hard - like herding a bunch of cats. Here's how to test asynchronous...
Who says that testing the Angular router is an icky job? A quick intro to navigation and router unit testing in Angular. 🙃
Wish you knew how to test your Angular pipes? Here's how to get started in less than 5 minutes. And even if you have no idea how to...
Writing DOM tests for my Angular components looked overwhelming. But my frustration soon changed to glee when I discovered...
Who else wants to avoid and get rid of those unused Typescript imports that you keep forgetting about? 🤔
Who else wants to learn how to properly test an Angular application - in half the time?
Here's how to quickly test Angular services that depend on the HttpClient - if you want to shake the bugs out of your Angular code.
How to use the Lighthouse package with your Angular app to release production-worthy applications that perform like a boss. Every. Single. Time.
Highly-skilled Angular experts are in-demand. And one of the best ways to become one is by finding an Angular course that will help you improve your Angular skills.
Here's how to configure code coverage to discover which chunks of your Angular application are being tested. In less than 30 seconds.
Here are the steps you can follow to double or even triple the speed and performance of your Angular application.
Need to add authentication to your Angular application? Here's the complete guide to setting up a login form and authentication with Angular.
Need to whip up CRUD functionality for your ASP.NET Core application? Here's how to quickly create CRUD controllers for your data models. Without breaking DRY principles.
Want your Angular app to load faster? Here's a quick shortcut that could drastically accelerate the performance of your Angular application.
Is your Angular application slow? Here are 5 ways you can reduce the bundle size. WARNING: The 4th option could reduce your bundle size by 300%...
Here's the in-depth-guide to improve and optimize your Angular performance and making sure it loads blazingly fast. Every. Single. Time.
Here's why I choose Angular instead of React. And why you should too. I realize that this is an opinionated thing so take all of this with a grain of salt. In fact, don't even read it.
What is the Angular CLI? Here's the step-by-step guide to install the Angular CLI and build your first Angular application
Looking to make your Angular pipes perform like a dashing cheetah? Then here's how to create a performant Angular pipe. ✨✨✨
Want to deploy your Angular app to Firebase hosting? In less than 5 minutes? Today I'm going to show you how to host your Angular app with Firebase hosting.
Looking to make your Angular application perform better? Then here's how to take advantage of Angular's trackBy function. And make your Angular application perform like a boss.
Need to create a generic repository for your .NET Core web API project? Here's the simple step-by-step guide that will teach you how to build and code a generic repository.
Did you know that Angular change detection has it's limits? And if you're not wise, it'll get grouchy and make you look like a bad coder.
I'll teach you how to automatically generate API clients and interfaces for your Angular application. And potentially save yourself heaps of time. 🥳
Want a savvy understanding about lazy-loaded modules and preloading strategies? Here's the complete guide that will teach you everything you need to know about Angular's preloading strategies.
Looking for an Angular expert? Here's a list of 12 top places you can go hunting for an Angular consultant or freelancer.
Want to discover 8 tips and tools that any Angular consultant and expert can use to become wildly successful? Then click here to read more.
Angular and toast notifications. Here's the complete guide on how to install and use Toastr in your Angular app to create toast notifications
Here's the code, demos and screenshots on how to create a basic Ghost table animation that you can adapt for your Angular project.
Looking for an Angular book? Here's a juicy list of the best Angular books that will help you advance your Angular expertise.
Will your Angular app smoothly scale to millions of users? Here's a guide with 5 tips on how to build an Angular application that won't cave in and crash. 🔥 🔥 🔥
Trying to add Semantic UI to your Angular app? Struggling with weird gulp errors? Here's how to add Semantic UI components to your Angular app… without getting frustrated.
How do you gracefully retry a failed HTTP request? I'll show you the few lines of Angular code you need to manage HTTP failures.
The simple-pimple guide to expose slow HTTP requests that are frustrating users and no doubt causing revenue loss. Without installing moment.js and bloating your Angular app.
Need to build a dynamic Angular form? Here's the step-by-step tutorial you need to create an advanced dynamic form in Angular.
Need a quick intro to dynamic Angular forms? Here's a 3-minute guide to get you started.
Are you a beginner to Angular's reactive forms? Here's how to harness the power of reactive Angular forms in your web application. Full of examples and lots of code.
Interested in joining the big guys by adding NX (Nrwl Extensions) to your ASP.NET Core Angular App? Then here's your step-by-step guide.
Here's the 2-minute guide that will show you how to add a loading spinner to the Angular Material Button. Code and explanation included.
The ultimate guide to implementing feature flag functionality in your Angular application. Here are 4 different ways that you can use to...
Wondering if it's a good idea to use jQuery in your Angular application? Here's a complete guide to help you decide.
Trouble deciding what parts of your Angular application you should be testing? Here's the 3 minute guide on how to get the best ROI...
Here's a complete guide on how to automate and enforce a global coding styling so that you and your developers can focus on what matters.
The complete guide on adding jQuery to your Angular project - with code examples and explanations