This post is about displaying the API records with delete and update actions using new Ionic and Angular reactive programming. This is a continuation of Ionic Angular series and it explains to you how to distribute the data between the components using RxJS method like BehaviorSubject. All of the feed API responses/records storing in a reactive object, This help the application DOM works seamlessly with update and delete operations. Implement this to your side project and enrich your applications.
Friday, November 01, 2019
Tuesday, September 10, 2019
Tuesday, August 27, 2019
Sunday, August 18, 2019
Tuesday, August 06, 2019
Tuesday, July 30, 2019
Monday, July 01, 2019
Tuesday, June 18, 2019
Thursday, June 06, 2019
Ionic 5 and Angular 8: Restful API User Authentication Login and Signup using Guard and Resolver
This is a continuation of my previous article creating an Ionic Angular project with welcome and tabs home page. Today’s post explains how to implement login authentication system for your Ionic Angular application with guards and resolvers. It will show you how to log in with a user and store the user data and protect the routes, so it deals with token-based authentication. Every user details will be stored in an external database and a PHP based API is used in the backend for handling this authentication.
Mock REST Backend Server for Angular and React Applications.
As I promised to continue the Angular/Ionic project series, as a developer perspective mock server is the most important to progress the development. We should not depend on the production or development API for front-end development. This post is about creating a simple Node Express server with mock JSON object files. You can import the project to any of the front-end applications like Angular, React, Ionic and VueJS projects.
Ionic 5 and Angular 8: Create a Welcome Page with Tabs Home Pages.
I received lots of tutorial requests from my readers in that most of them asked me, how to use Ionic 5 to create a welcome page with login and signup pages. Ionic updated there code base with latest Angular 8 features. Now we can implement the routes and guards pretty easy way. Ionic is recommending to use Capacitor to generate iOS and Android. This post will explain to you how to design an Ionic project structure with social project related pages like messages, feed, notifications, etc. Finally converting this web Ionic project to iOS and Android applications.
Microsoft Azure Virtual Machines Setup with Ubuntu and XAMPP PHP Server
Microsoft Azure is another great alternate cloud service and it is offering a one-year free trial with $200 credit. This post is almost similar to my previous Cloud service article. This will explain to you how to set up a virtual machine instance with secure firewall rules and setting up a XAMPP(PHP Maria DB Server) using the Ubuntu operating system. Microsoft Azure has lots of free project management services. This is very useful for your side projects.
Google Cloud VM Instance Setup with Ubuntu and XAMPP PHP Server
Google cloud platform is a cloud computing service and a perfect alternate for Amazon Webservices. Nowadays most of the top companies are moving towards Google services for better results. Google cloud platform is offering a $300 free trial for one year. This post is about how to set up VM instances with firewall rules in addition to creating a XAMPP server with Ubuntu operation system. This is almost similar to my previous article about the Amazon EC2 setup. Try this and enrich your side projects.
Angular 8 Multi Tenants Architecture
Multi-tenants is an architecture concept that can handle multiple projects in a single project container. If you look at popular sites like Nike.com or Mi.com, you will find out the project redirection based on the continent or country region. This post more about understanding the Angular 8 project package configuration, using this how are we leveraging the project for multi-tenant architecture.
30+ Web Tools and Services Reviewed For You
The market is crowded with tens of thousands of web tools and services, every day a new web product is being launched. It is super-simple and anybody can do it. How is that possible? Because technology advanced in an unimaginable way and now everything is possible by using the right web tools and services.
Launching a webshop or blog can be done in a couple of minutes. Creating a gorgeous logo or company branding is not taking more than a few minutes by using AI drive logo platforms. Same platforms are also available for building websites. Anything you want can be done with small costs or even for free.
Launching a webshop or blog can be done in a couple of minutes. Creating a gorgeous logo or company branding is not taking more than a few minutes by using AI drive logo platforms. Same platforms are also available for building websites. Anything you want can be done with small costs or even for free.
Angular 8 Lazy Load Routing.
Angular announced a new version 8.0 and its improved few methods and the compiler to reduce the bundle size 40% less. Now time to update my previous article Angular Routing with Lazy loading Design Pattern. This post is about how to upgrade your Angular 7 application with Angular 8 configurations and changing the lazy load routing with Angular 8 loadChilder promise method. Take a look the setup video to understand more.