Image for post
Image for post

In this tutorial, we’ll learn how to build mobile apps with React Native. We’ll see by example how to build a mobile application, step by step, that fetches and displays news articles from a third-party REST API.

In this tutorial, we’ll be building a news application to help you learn about the basics of React Native. Our mobile application will be cross-platform which means it can be used on both Android and iOS. We’ll be using Expo for development which will allow us to initialize a new project and easily test it on a real mobile device.

What is React Native?

React Native is…


Image for post
Image for post

Throughout this tutorial, we’ll learn how to use bootstrap 4 with Angular 12 (and any previous versions such as Angular 11/10) to make your Angular app responsive.

We’ll learn how to install (and uninstall) bootstrap in Angular from npm, cdn or using the ng add schematic, and add bootstrap to the styles/scripts arrays of the angular.json file. Next, we’ll learn how to build user interfaces with various components such as navigation bars, grid, date and time pickers, tooltips, carousels, modals, tabs, dropdowns, and forms.

We’ll also see the advantages of Angular implementations for Bootstrap — ng-bootstrap vs ngx-bootstrap vs mdbootstrap…


Learn how to mock data in JavaScript


Let’s see how to install Install PHP 8 on Ubuntu 20.04

Adding a PPA for PHP 8

Next, you need to use a PPA for PHP 8. Head back to your terminal and add the ondrej/php which contains the latest PHP 8 package and compatible PHP extensions:

sudo apt install software-properties-common
sudo add-apt-repository ppa:ondrej/php
sudo apt update

Now you are ready to install PHP 8.

Installing PHP 8 for Apache Server

Let’s now see how to install PHP 8

Execute the following command to install PHP 8

sudo apt install php8.0

After the installation has completed, you can confirm the installation using the following command

php -v

Installing PHP 8 FPM for Nginx

For Nginx you need to…


Throughout this tutorial for beginners, we’ll learn to build a full-stack example web application with Angular 11, the latest version of the most popular framework/platform for building mobile and desktop client side applications created and used internally by Google. https://www.techiediaries.com/angular-crud-tutorial-consume-a-rest-api/


There is a wide variety of choices when it comes to creating a PDF from HTML in Python. In this article, we’ll look at some open-source and commercial tools that are available and share our recommendations to help you find the tool that works best for you.

According to this article:

The Portable Document Format (PDF) is a file format developed by Adobe in 1993 to present documents, including text formatting and images, in a manner independent of application software, hardware, and operating systems.

Continue reading Convert HTML to PDF with Python on Techiediaries.

Why Converting HTML to PDF

HTML is used to create layouts…


Throughout this tutorial, we’ll learn how to use bootstrap 4 with Angular 11 (and any previous versions such as Angular 10/9) to make your Angular app responsive.

We’ll learn how to install (and uninstall) bootstrap in Angular from npm, cdn or using the ng add schematic, and add bootstrap to the styles/scripts arrays of the angular.json file. Next, we’ll learn how to build user interfaces with various components such as navigation bars, grid, date and time pickers, tooltips, carousels, modals, tabs, dropdowns, and forms.

We’ll also see the advantages of Angular implementations for Bootstrap — ng-bootstrap vs ngx-bootstrap vs mdbootstrap…


In this tutorial, we’ll learn about the Angular Router by building an Angular 11 example and will teach you everything you need to start using routing to build Single Page Applications with navigation, guards, resolvers, and animations.

Image for post
Image for post

We’ll learn how to use multiple outlets, redirect users from the empty path, use wild-card paths to implement 404 error pages and lazy load modules using the loadChildren() method.

Note: This tutorial works with all Angular 6,7,8,9,10 and the new Angular 11 version.

Learn Navigation and Routing Using the Angular 11 Router With Example

You’ll learn about:

  • How to import the necessary Angular built-in APIs to implement component routing and navigation,
  • How to create…


In this article, you’ll learn how to build a Facebook clone with Angular 11 and Firebase.

Please find the source code in this GitHub repository.


Image for post
Image for post

Throughout this tutorial, we’ll be learning how to build an Angular 11 CRUD application with Bootstrap 4 styles to consume a REST Web API, create, read, modify, and search data.

Download this tutorial as a PDF ebook for offline reading.

Introducing our Angular 11 CRUD Application

We will learn how to build an Angular 11 front-end application that fetches data from a REST API of products:

  • Each product has id, name, description, availability status.
  • Users would be able to create, retrieve, update, and delete products.
  • Users can search for products by name.

The REST API Endpoints

We’ll be building a Angular 11 frontend app for a presumed REST API exporting…

Ahmed @Techiediaries

Developer and technical author. Read more articles at https://www.techiediaries.com/author/ahmed

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