Image for post
Image for post
Photo by Denis Cherkashin on Unsplash

Nowadays it is impossible to escape emojis. We are surrounded by smilies that express our feelings or have the sole purpose of shortening our sentences.

Whether you are laughing 😂 or that the message received leaves you scandalized 😱, you have been able to express these emotions by adding what we call emoticons.

For this reason then, in this article, we will go to see how to add these nice emoticons in our Angular project.

Preparing our environment

Creating projects, generating application and library code, performing tasks such as testing, building and deployment depends on Angular CLI.

To install the Angular CLI, open the terminal and run the following…


Image for post
Image for post
Mark Zuckerberg

That this was a particular year, full of sacrifices and full of unforeseen events, someone for sure has told to Mark in case he didn’t notice.
In fact, although the number of unemployed people with this pandemic has increased in America, Facebook’s number one has seen its portfolio increase to 104 billion dollars, becoming the third richest man in the world, in part thanks to this pandemic.
Completing the podium in second place there’s Bill Gates (founder of Microsoft with 120 billion dollars) and Jeff Bezos (owner of Amazon with 190 billion dollars) as first.

But concretely, apart from increasing his assets and the good reaction from investors regarding the Instagram Reels, what causes is Zuckerberg engaged in this pandemic? …


Image for post
Image for post
Photo by Robert Anasch on Unsplash

In everyday life, problems often arise from choice. The more chances we have to run an activity, the harder it will be to choose. This also happens in development, and today more than ever we have many tools that allow us to achieve the same results in different ways.

Today we quickly explain when and why to use dependency injection on Angular over static classes.

Dependency Injection

Dependency injection (DI) is an important application design pattern. Angular has its own DI framework.


Image for post
Image for post
Photo by Cookie the Pom on Unsplash

“We’ve heard good Angular things come on 11/11”.


Image for post
Image for post
Photo by Dan Nelson on Unsplash

Today, users are increasingly demanding and attentive to the UI and UX of an application. This is mainly due to so much competition on the market as the user knows exactly how far technology can go today.

For this reason, it is important to offer the user not only an application that is functional to the purposes for which it was designed, but that the latter is also captivating to the user’s eye.

Therefore, the first business card that a site or application offers is the access screen and the way in which it loads the necessary data.

We are talking about splash screens: an easy way to distract the user with any application logo, useful information before using the app, or simply a loading screen that can make him understand that the app is loading his data and is not blocked. …


Image for post
Image for post
Photo by CHUTTERSNAP on Unsplash

Whether it is an application for personal purposes, a todo list, a calendar app or something more professional, knowing how to deploy an application is one of the most important operations with which, during the development process, we will have to come across.

In fact, through this process, it is possible to see finalized our work and be able to access it whenever we want and from where we want, not only on our local machine.

Therefore, in this article we will see how to deploy an Angular application on Heroku in a few minutes, thus being able to access it at any time. …


Image for post
Image for post
Photo by Markus Winkler on Unsplash

QR Code today is no longer such a mysterious tool. In fact, more and more bars or restaurants are displaying their menu by scanning this code or the many advertisements present in stations or airports.

Telling the truth, this tool is nothing more than the direct consequence of the time we now spend on mobile phones.
It’s easier for a person to forget their documents at home than their mobile phone. And this is why, being able to be greener by saving paper, technology comes to our aid with these codes.

Attention!

I took it for granted but it is also good to report the definition that Wikipedia gives about the QR…


Image for post
Image for post
Photo by Glenn Carstens-Peters on Unsplash

How many people working on the frontend have you heard saying:
“I just love working with Javascript but I ask someone else do the CSS”?

Personally several, perhaps too many.

It’s like saying I like to draw but after drawing I leave the job halfway because I don’t like colouring. For example, I am one of those people who leaves drawings in black and white, but in my defence, I can say that black and white still has its charm.

Anyway, back to us, the frontend package also includes knowing how to handle the layout with discrete safety.
This is why in this article I will try to give you practical advice in the most immediate way possible to set up your layout through the CSS grids. …


Image for post
Image for post
Photo by Braden Collum on Unsplash

Angular is today, with its 10 versions released since 2010, still a fixed point for the development of Web applications.
Thanks to its early release compared to direct competitors, its well-articulated documentation and popularity in 2020 that makes it second only to React, the future of the Google’s framework will surely have a long life.

However, developers very often set about building websites with Angular without ever going through the start.
For this reason today we will not focus on how to build an Angular application, but we will take a closer look at the framework’s bootstrapping phase.

File: main.ts

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from…

About

Vaiz

👨‍💻 Software dev ~ Frontend fan 🧙 ~ Alexa & AmazonSumerian enthusiast 🔮 ~ Those who can imagine anything, can create the impossible 💙

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store