Wide variety of apps here. A modal that animates open and closed via ngIf. A task that seems to be a common question in forums. As is services. Check out Services in Angular to get an idea of how services work. They’re one of several ways to share data between components, modules, or other services. Next up is Form Validation. It’s a ‘Caption This’ form with on the spot error handling vs on submit.
Thereafter is a Resolver. The purpose of this to resolve a request before loading a route. Suppose a route is largely dependent on a payload. We’d use this in the router as a dependency that essentially preloads page content. A Wizard UI follows that enables page data to be broken up into sections. Navigate to one section or another seamlessly.
Media queries are inbuilt to CSS, but not Angular. Here’s an easy way to so with thereof. Dropdown menus are common UI features. Grab yours here. The below profile panel toggle is ideal for anything with a login. It’s ready go. Integrate it with any responsive app.
They’re all different from one another. But certainly have concepts in common. Such as using just a canvas or svg tag. Then pumping in the visuals and data. Every chart I built was controlled via an external data source so there was always an API call involved.
It got really challenging however when I’d need to mock a design. And the chart would need to match, exactly. Throw in responsive and rendering obstacles, coupled with multiple streams of JSON, and it’s a real challenge. I digress. Below is an area chart, doughnut chart, and D3 bar chart.
HTML, JS, & CSS
Expandable rows is similar to an accordion, but unique in it’s own way. I got some of these ideas from designers and working directly with clients. Tabs are always useful for UI arrangement. As is a responsive carousel. How about a progress bar navigation? I could probably make this responsive. Ping me if you need it to be and I’ll add mobile.