Angular
-
How to Test a Web Application on Your Phone Directly
When developing a web application with Angular, or any other framework, we need to test it on our phones frequently. Even though we can use the “device toolbar” simulator in Chrome for testing, sometimes we still need to use a real phone for testing. For example, when we want to check the keyboard behavior in… Continue reading
-
Build an Autocomplete Search Project Using Elasticsearch, FastAPI, and Angular (Part I — Backend)
Autocomplete search (search as you type) is a very user-friendly feature implemented on almost all websites providing search services. Users can see results popping up as they type. It will be easier to find the product a user is searching for and also help them correct the typos they made if no results are shown.… Continue reading
-
Build a WebSocket Application with FastAPI and Angular
Learn to build a two-way interactive communication application with the WebSocket protocol. Similar to HTTP, WebSocket is also a communication protocol used in client-server communications. However, unlike HTTP, WebSocket is a bidirectional interactive protocol that allows the client to send messages to the server and also receive event-driven responses passively from the server without having… Continue reading
-
How to Add Internationalization (Translations) in Angular — Backend Integration and Lazy-loaded Modules
In a previous post, we introduced the basics for how to set up the ngx-translate library and use it in a simple Angular project. The translations were obtained from static JSON files. However, in production, the translations normally need to be fetched dynamically from a database. Besides, there will be lazy-loaded modules in a bigger… Continue reading
-
How to Add Internationalization (Translations) in Angular — Basics
It is cumbersome to add translations to an Angular project with the built-in i18n functionality of Angular because you need to manage multiple messages.xlf files and add translations to each of them, which is difficult to maintain. On the other hand, the ngx-translate library is much easier to use and the translations can be added… Continue reading
-
How to Create a Simple Dialog Box with Angular Material
In a web application, dialog boxes are convenient tools to interact with users. It can attract users’ attention if used properly and will make your webpage look neat. It needs some advanced CSS knowledge if you want to build a dialog box from scratch. However, using a framework like Angular, creating dialog boxes is a… Continue reading