Angular, Unit Testing, and Figma

Building a dashboard for our app using Angular Material | Scientific Angular | vol. I

What you'll learn
Using Figma as a supporter to Angular, CSS code generator
Basic unit testing in Angular apps
Building a basic app in Angular
Angular Material

Requirements
We are going to cover all that is needed, programming skills may be of support

Description
Angular is a Google framework: it is a Single Application Page (SPA) generator. You can build apps that runs on browsers, no need of backend frameworks/libraries such as Express/Node.js/NestJS. With current achievements by the Angular community, you can now do essentially anything in the frontend. Recently, Firebase, also from Google, was integrated into Angular: Firebase provides several nice feature, e.g., machine learning.

Some strong points of Angular

1. Was designed to be tested (i.e., ideal for unit testing based apps; e.g., Test Driven Development), the Angular creators created standard tests, and constantly release new ways to easily test the apps using their libraries. With Jasmine/Karma, you can do essentially all kinds of unit tests;

2. It goes well with other technologies also from Google, see my articles on Medium "Firebase and Angular: connect your frontend app to a noSQL database" and "Meet my project “TensorFlow.js in Angular”: working on Angular based machine learning apps";

See my article on Medium "Does Angular really suck: why I have to disagree!".

This is a several volumes course. On this volume, you shall learn how to build a simple dashboard, to be continued in future volumes: we are going to cover the logged-out user version. The full apps is already avaiable on GitHub, under MIT license.

This volume is quite generic, and can be followed by anyone wanting to learn Angular focused on unit testing with Jasmine/Karma. If you are not from the numerical methods community, give it a try, who knows you can find a new passion: coding for the scientific community! If you are from the numerical analysis community, meets an amazing technology for building your next app, and innovating with applied mathematics!

We are going to build a page on this volume, with a footer and header, with a background. The header has an Angular Material menu. We used Figma to draw the page before it was built, and borrowed CSS codes from the Figma project.

Even though the app we built here is simple, we cover several topics

1. Unit testing Angular components;

2. Creating Angular components;

3. Using Angular Material;

4. Using Figma alongside Angular, not just as a visual aid, but also as a CSS code provider;

Resource that comes alongside the course

GitHub repository with all codes devided by modules;

GitBook with extra explanations;

Newsletter from time to time, deliveried to your e-mail box;

Q&A section, inside the plattorm;

Constant upgrades on the course, no need to buy again!

And more, check it out!

See that the full app is already available, including the numerical part, and you can after completing the course, just go on studying the codes already on GitHub. I have published a NPM library for this app called ngx-mat-miyagi-dolab. Just give it a try: npm i ngx-mat-miyagi-dolab

Join me on this endeavor!

Who this course is for
Programmers wanting to learn Angular, for building frontend
Researchers waiting to build apps for their scientific computation
Angular programmers wanting to learn Figma
Angular programmers new to unit testing

Welcome to My Blog - Check it Every Days
If you have any troubles with downloading, PM me
Please Buy Premium Account from my links to get high download speed and support me
Happy Learning!!