Techiediaries

Angular 12 Tutorial By Example: REST CRUD APIs & HTTP GET Requests with HttpClient

In this Angular 12 tutorial, we'll learn to build an Angular 12 example application going through all the required steps from creating/simulating a REST API, scaffolding a new project, setting...

Angular 12 Tutorial By Example: REST CRUD APIs & HTTP GET Requests with HttpClient

In this Angular 12 tutorial, we'll learn to build an Angular 12 example application going through all the required steps from creating/simulating a REST API, scaffolding a new project, setting...

Angular 12: Tutorial and Example (Bootstrap)

In this tutorial, we’ll quickly see how you can generate an Angular 12 project using the official CLI (Command-Line Interface) and then create an application for demonstrating basic concepts of...

Angular 12/11 New Features

Angular 12/11 new features: better performance, and optional NgModules..

Angular 11 Tutorial By Example: REST CRUD APIs & HTTP GET Requests with HttpClient

In this Angular 11 tutorial, we'll learn to build an Angular 11 example application going through all the required steps from creating/simulating a REST API, scaffolding a new project, setting...

Angular 11 FormBuilder/FormGroup/FormArray and FormControl By Example

In this tutorial, we'll learn to use Angular forms by creating a simple example using FormBuilder, FormGroup and FormControl APIs

Angular 11 Developer Roadmap

Angular is a structural open-source JavaScript framework for dynamic web apps. This framework is very popular among developers, especially because it helps them write readable, maintainable, and easy-to-use code. Big...

Full-Stack Angular 11 and GraphQL Book

Throughout this book, we’ll build a full-stack web application with an Angular 11 front-end and a Node.js/GraphQL back-end

10+ Best Angular Templates for Developers

Angular is a structural open-source JavaScript framework for dynamic web apps. This framework is very popular among developers, especially because it helps them write readable, maintainable, and easy-to-use code. Big...

CSS Centering (Text and Images) with Angular 11 Example

In this tutorial, we'll learn how to center elements in CSS and Angular 11

Routing with Angular 11 Router: Full-Tutorial & App by Example

In this tutorial part, we’ll learn about Angular Router by example and will teach you everything you need to start using Angular routing to build Single Page Applications

Add Bootstrap 4 to Angular 11 UIs With Ng-Bootstrap and Ngx-Bootstrap

In this tutorial series, you'll learn to use Angular 11 & Bootstrap 4 to build professional grade UIs

Angular 11 CRUD Tutorial: Consume a Python/Django CRUD REST API

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...

3+ Ways to Add Bootstrap 4 to Angular 10/9 With Example & Tutorial

In this tutorial we will see how to use Bootstrap 4 to style websites built using the Angular 10 framework. We'll see how we can easy integrate both of them,...

Angular 11 Tutorial: CRUD Application Example with REST Web API and Bootstrap 4

Throughout this tutorial, We'll be learning how to build an Angular 11 CRUD application to consume a REST Web API, create, read, modify and search data

Angular 10 TypeScript Version

In this tutorial, we'll learn how to check and update the TypeScript version in your Angular 10 project

Node.JS and NPM with Angular 10 and TypeScript Guide

In this tutorial guide, we'll introduce Angular and TypeScript developers to Node.js. You'll learn what's Node.js, why would need Node.js as a front-end Angular developer and how to use it...

Angular 10 with MySQL and Node.JS Back-End

In this guide, we'll learn to use Node.js and MySQL for building a back-end for your front-end Angular 10 application

Git and GitHub for JavaScript/Angular Developers with VS Code

Throughout this tutorial, We’ll learn together from the basic steps what Git is, how to use it for your web development projects with JavaScript and Angular, and how to use...

Angular 10 Components: Input and Output/Pipes and Directives with Examples

This tutorial explains Angular 9/8 components, what are they? And how to create them?

Angular 10 Leave Browser Beforeunload Event: Warn Users Leaving your App

In this article, we'll learn about the beforeunload event which is a browser event that's used to prompt or warn users that they're about to leave a page or in...

Angular 10 CanDeactivate

In this article, we'll learn about the CanDeactivate route guard which a router guard is a browser event that's used to prompt or warn users that they're about to leave...

Angular 10 and Django 3 Image Files Upload with FormData

Throughout this tutorial, we'll see how we can implement image files upload in Django 3, FormData and Angular 10 with a step by step example

Multiple Image Files Upload with Django 3, Angular 10 and FormData

Throughout this tutorial, we'll see how you can implement multiple file upload in Django 3. We'll be using Angular 10 to create a simple interface that allows the user to...

Angular 10 Upload Multiple Files/Images By Example with Progress Events

In this article, we’ll be learning about the used Angular concepts for file and image upload, including a step-by-step tutorial on how to implement file upload with the latest Angular...

VS Code: Automatically Organize TypeScript Imports

In this quick tip, we'll see how to configure VS Code to automatically organize TypeScript imports upon saving your source code files

Pass Parameters to Angular 10 Service with @Inject

You can pass parameters to Angular 10 (and previous versions) services, using the @Inject decorator to create injection tokens. It allows you to pass parameters to the service via the...

Convert .angular-cli.json to angular.json (for Angular 10/9/8/7/6 Migration from Angular 2/4/5)

In this quick example, we'll see a script that can help you to convert .angular-cli.json to angular.json for migrating your app to Angular 10/.../6 from Angular 2/4/5

Angular 10 Renderer2 in Services with RendererFactory2: Append Dynamic Div Example

In this quick example, how to dynamically create a div, with an `id` and append it to the body element in an Angular 10 service. We'll see how to use...

Add your Angular 10 Proxy Configuration to angular.json

You can configure Angular CLI to use a proxy in the angular.json file so you don't need to specify the –proxy-config CLI option each time your run your local development...

Recover a Deleted Git Branch with Reflog

In this article, we'll see how to enable JSON comments in VS Code.

Using Comments in JSON with Node.js and JavaScript Examples

In this quick example, we'll learn how to add single-line and multiple-line comments to JSON

GitHub Actions & Angular 10/9: Install Node.js, Angular CLI and Deploy your App to GitHub Pages

In this quick example, we'll see how to use Github Actions to install Node.js and Angular CLI and deploy our Angular application to GitHub pages

Enable JSON with Comments in VS Code

In this article, we'll see how to enable JSON comments in VS Code.

Picture-in-Picture with JavaScript and Angular 10

In this quick example, we'll learn how to use Picture-in-Picture with JavaScript and Angular 10

Angular 10 NgRX Store by Example

In this quick example, we'll learn how to use NgRX store in our Angular 10 example application. We'll see how we can create actions, reducers and disptach actions

Jasmine Unit Testing for Angular 12

In this tutorial, we'll present you with a quick and complete guide to testing with Jasmine in Angular 12

Angular 10 Decimal Pipe: Format Numbers by Example

In this example, we'll learn how to use the Angular Decimal Pipe to format numbers

Angular 10 Auto-Complete Example

In this example, we'll learn how to build an Angular 10 auto complete example

Angular 10 Observables With Pipe and Promise by Example

Observables are part of the RxJS library which Angular 10, and previous versions, uses for handling asynchronous operations like http requests

Angular 10 Material Carousel Slider with Images

Angular Material doesn't provide a builtin carousel component that allows you to build material UIs with carousels but the community developed some libraries such as @ngmodule/material-carousel. Let's how to use...

Angular 10 CRUD Application Example with REST Web API and Bootstrap 4

Throughout this tutorial, We'll be learning how to build an Angular 10 CRUD application to consume a REST Web API, create, read, modify and search data

Angular 10 Constructor Parameters with Inject and Optional Decorators

In this example, we'll learn how to use component's and service's constructors with Angular 10 and previous versions

Angular 10 Async Pipe with Observable and Promise Examples

In this example, we'll learn how to use the Async Pipe with observables and promises in Angular 10 and previous versions

Angular 10 Async Await Example

In this example, we'll learn how to use Async/Await with Angular 10

Angular 10 Textarea Auto Size

In this tutorial, we'll learn how to auto size a textarea element in our Angular 10 app

Angular 10 Carousel Example with Bootstrap 4

In this tutorial, we'll learn how to create a carousel with the latest Angular 10 version and Bootstrap 4

Static Blog with Angular 10, Scully and JAMstack

How to create a blog with Angular 10 and Scully, the Angular static site generator

Angular 10 Star Rating Example

In this tutorial, we'll build a star rating component with the latest Angular 10 version and Bootstrap

Angular 10 Markdown Custom Pipe

In this tutorial, we'll create a custom Angular pipe for parsing Markdown into HTML. We'll use the latest Angular 10 version but the steps are also valid for the previous...

Generate QR Codes in Angular 10 with Ngx-qrcode2

How To Generate QR Codes In Angular 10 Applications

Angular 10 HttpClient and JavaScript Promises by Example

Angular 10 HttpClient and JavaScript Promises by example

Embed and Display PDF Files in Angular 10

How To Generate QR Codes In Angular 10 Applications

Documentation for @techiediaries/ngx-qrcode

Documentation for @techiediaries/ngx-qrcode

Angular 9 Tutorial By Example: REST CRUD APIs & HTTP GET Requests with HttpClient

In this Angular 9/10 tutorial, we'll learn to build an Angular 9 example application going through all the required steps from creating/simulating a REST API, scaffolding a new project, setting...

Angular 10 Tutorial By Example: REST CRUD APIs & HTTP GET Requests with HttpClient

In this Angular 10 tutorial, we'll learn to build an Angular 10 example application going through all the required steps from creating/simulating a REST API, scaffolding a new project, setting...

Angular 10/9 Router: Resolve & Route Resolvers Example

The Angular 10 Router provides a resolve property that takes a route resolver and allows your application to fetch data before navigating to the route (i.e resolving route data)

Angular 10/9 Router: Route Animations by Example

The Angular 10 Router supports adding animations when navigating between different routes in your application. In this tutorial, we'll learn how to use the Angular’s animations API to play animations...

Use Angular 10 CLI to Initialize & Serve New Angular Projects

In this quick how-to tutorial, we'll see how to use Angular CLI v10, as of this writing, to generate a project and serve it locally using a live-reload development server...

Angular 10/9 Firebase/Firestore Database CRUD

In this tutorial, you'll be using Angular 10 with Firebase and Firestore to create am app that implements the common CRUD operations

Content Projection in Angular 10/9: Pass Data from a Parent Component to a Child Template with Ng-content

Content projection is an Angular concept that helps developers build reusable components. It allows you to pass data from a parent component to a template of a child component

Lazy Loaded Module Example in Angular 10/9 with loadChildren & Dynamic Imports

Lazy loading is the process of loading some features of your Angular 10 application only when you navigate to their routes for the first time. This can be useful for...

Mock a REST API Back-End for Your Angular 10/9 App with JSON-Server and Faker.js

In this tutorial, we’ll learn, with a quick example, how to mock a REST API back-end for your Angular 10 application which you can consume using Angular HttpClient even before...

Angular 10/8 Material Data-Table Tutorial & Example

Angular 10 Material data tables provide a quick and efficient way to create tables of data with common features like pagination, filtering and ordering.

Angular 10/9 Popup Modal Example with Angular Material Form and Modal Dialog Components

In this tutorial, you'll build an example login UI with a form and modal dialog styled with Angular Material 10.

Angular 10/9 Material Date Picker, Input, CheckBox, Radio Button and Select

In this tutorial, you'll learn how to use Angular Material to style forms in your Angular 10/9 web app.

Angular 10/8 Material Dialog with Example

This tutorial shows you how you can use Angular 7/8 Material to build Material UI dialogs for your web application

Angular 10 Modules

Learn about Angular 10 modules

Use JavaScript in Angular 10/9

In this tutorial, we'll learn how to use external and custom JavaScript libraries/code in Angular 10 projects which are based on TypeScript

Electron with Angular 10/9 Tutorial

In this tutorial, we'll learn how to integrate Angular 10 with Electron to build cross-platform desktop apps with the most powerful web technologies

Angular 10/9 Data (Event & Property) Binding by Example

In this tutorial, we'll continue building our calculator application using Angular 10. We'll be particularly learning about data binding both event and property binding

HTML5 Data Attributes in Angular 10/9

In this quick tutorial, we'll see how you can add/set and access HTML5 data attributes in Angular 10/9

Create a QR Code Generator with Angular 10/9

How To Generate QR Codes In Angular 10 Applications

Angular 10/9 Elements Tutorial by Example: Building Web Components

In this Angular 10 Elements tutorial by example we'll learn how to use Angular to build web components or custom elements.

Angular 10 Universal Example Application with Express.js

Throughout this tutorial we are going to build an example, server side rendered, web application with Angular 10 and Express server

Angular 10/9 SEO: Adding Title and Meta Tags to Your Universal App

In this tutorial, we'll see in a 3 easy steps how you can render your Angular 10 application on the server to make it SEO-friendly and boost its performance using...

Angular 10/9 SEO: Rendering Your App on Server-side with Angular Universal

In this tutorial, we'll see in a 3 easy steps how you can render your Angular 10 application on the server to make it SEO-friendly and boost its performance using...

The Angular 10/9 RouterLink, Navigate and NavigateByUrl

In this tutorial we're going to see how to navigate with the Angular Router using routerLink, Router.navigate() and Router.navigateByUrl()

The Angular 10/9 Router-Outlets: Named and Multiple Outlets (Auxiliary Routes) Example

In this tutorial, we'll see advanced uses of the `` component such as how to create named, multiple outlets and auxiliary routing

Angular 10/9 Router Tutorial: Learn Routing & Navigation by Example

In this tutorial part, we’ll learn about Angular Router by example and will teach you everything you need to start using Angular routing to build Single Page Applications.

Angular 10/9 Router CanActivate Guards and UrlTree Parsed Routes

We'll be learning how to use Router Guards and UrlTree data structures to protect the UI if the user is not logged in and redirect them to the login interface...

Angular 10 HttpClient Headers and Typed/Full Responses: Pagination Example

In this tutorial, we'll learn how to get Angular 10 HttpClient headers and full responses

Deployment to Firebase Hosting with Angular CLI 10 in 5 Easy Steps

You have finally developed your Angular 10 application and you are ready to deploy it to a hosting provider and show it to the world! But, you think, you still...

Angular 10/9 Authentication with Firebase (Google, Email & Password): Login, Register, Email Verification and Password Recovery

In this tutorial, you will learn to add email and social authentication with login, register, email verification and password recovery to your Angular 10 app using Firebase and Google

Angular 10/9 ngTemplate & ngTemplateOutlet Example: Dynamic and Reusable Templates

In this tutorial, we'll see how to use ng-template and ngTemplateOutlet for creating dynamic and reusable template partials in Angular 10

RxJS Observables and Subjects Tutorial with Angular 10/9

In this tutorial, we'll learn to use the RxJS 6 library with Angular 10/9. We'll learn about how to import the Observable class and the other operators. How to subscribe...

Angular 10/9 ngForm, ngNoForm and Template Reference Variables

In this quick tutorial, you'll learn how to use NgForm in Angular 10/8 to work with forms. You'll also learn about template reference variables and how you can use them...

Angular 10/9 JWT Authentication Tutorial with Example

In this tutorial, you'll learn, by example, how you can implement JWT authentication in your Angular 10/9 application

Style Angular 10/9 Components with CSS and ngStyle/ngClass Directives

In this tutorial, we'll learn about CSS and how to use it in Angular 9. We'll see by example how an Angular 9 application generated by Angular CLI is styled...

Angular 10 HttpClient

How to use HttpClient to make HTTP Requests in Angular 10

Angular 10/9 ElementRef/ViewChild/Renderer2 By Example

In this tutorial, we'll be seeing an example of ElementRef with Angular 9/8. We'll use the online Stackblitz development IDE, so you don't need to set up your development environment...

How to Post/Upload FormData (multipart/form-data) with Angular 10, TypeScript and HttpClient

In this quick tutorial, you'll learn how to work with FormData in Angular 10/9 and how to post it to a web server via a POST request and HttpClient

Angular 10 Material Date Picker with Calendar and Date Range

Angular 10 has been recently released and introduced some new features as usual with any new major release. Among the new features is adding the date range feature to the...

Integrating Google Analytics With Angular 10/9

In this tutorial, we'll learn too integrate Google Analytics with our Angular 10/9 application. As always, you'll need to be familiar with HTML, CSS and JavaScript/TypeScript and since we'll be...

Angular 10 Rating Example With Ng-Bootstrap, Select, ngValue, and Forms

In this tutorial, we'll see by example how to create a rating component with Bootstrap 4, HTML Select and Angular 10 Forms. We'll be using the ngb-rating component from ng-bootstrap....

Angular 10/9 File Upload Tutorial: Listen for HTTP Events & Progress Bar Example

In this tutorial, we'll learn how to upload files in Angular 8. For the backend we'll be using Nest.JS. We'll see how to use HttpClient to send POST request with...

Angular Material 10/9 Tutorial: Build Navigation UI with Toolbar and Side Navigation Menu

Angular Material 8 Tutorial: Build Navigation UI with Toolbar and Side Navigation Menu

Upload Images In TypeScript/Node & Angular 9/Ionic 5: Working with Imports, Decorators, Async/Await and FormData

In this tutorial part, we'll learn to customize/upload user profile photos. We assume no previous knowledge of TypeScript which is the programming language used in both Ionic/Angular and Node/Nest.js used...

Angular 9/Ionic 5 Chat App: Unsubscribe from RxJS Subjects, OnDestroy/OnInit and ChangeDetectorRef

In this tutorial part, we'll implement some changes in our Angular 9/Ionic 5 example app that will allow us to unsubscribe from the RxJS subjects and solve issues related to...

Adding UI Guards, Auto-Scrolling, Auth State, Typing Indicators and File Attachments with FileReader to your Angular 9/Ionic 5 Chat App

In this tutorial, we'll start by securing the UI of our application using Angular 9 guards then we'll learn how to add support for typing indicators and file attachments using...

Private Chat Rooms in Angular 9/Ionic 5: Working with TypeScript Strings, Arrays, Promises, and RxJS Behavior/Replay Subjects

Throughout this tutorial, we'll be learning how to add one-to-one private chat rooms to a chat application built using Angular 9, Ionic 5 , Node and Nest.js. We'll be working...

Building a Chat App with TypeScript/Node.js, Ionic 5/Angular 9 & PubNub/Chatkit

In this first part of a tutorial series to learn how to build a fullstack mobile application with cutting edge technologies like Ionic 5, Node.js (Nest.js), TypeScript, Angular 9. you...

Chat Read Cursors with Angular 9/Ionic 5 Chat App: Working with TypeScript Variables/Methods & Textarea Keydown/Focusin Events

In this tutorial we'll implement chat read cursors in our Angular 9 and Ionic 5 Chat App using TypeScript basics like variables and methods, HTML textarea keydown/focusin events and data...

Add JWT REST API Authentication to Your Node.js/TypeScript Backend with TypeORM and SQLite3 Database

In this tutorial, we'll learn how to create a REST API server for JWT authentication using Node.js (Nest.js) and TypeScript for our Angular 9/Ionic 5 chat application

Building Chat App Frontend UI with JWT Auth Using Ionic 5/Angular 9

In this tutorial, we are going to create the frontend mobile application using Ionic 5 and Angular 9

Adding Routing to your Angular 10 App by Example

Adding Angular Routing to your Angular 10 App

Build an Example Angular 10 Form: ngForm/ngModel vs FormGroup/FormBuilder

In this tutorial, we'll learn how to build and work with forms in Angular 10 by creating a simple contact form example

JavaScript Reactive/Asynchronous Code with RxJS 6, TypeScript & Angular 10: Callbacks, Promises and Observables

In this tutorial, we'll learn to use the RxJS 6 library with Angular 10.9. We'll learn about how to import the Observable class and the other operators. How to subscribe...

What is an Angular 10 Workspace?

What is an Angular 10 Workspace?

Install Angular 10 CLI with NPM and Create a New Example App with Routing

Angular 10 beta is released so the final release is due soon. Let's see how to install the latest beta version and create a new project

Angular 10/9 Update Guide with Examples

In this guide, we'll learn how to upgrade our project to the latest Angular 10 version and update the dependencies.

Styling An Angular 10 Example App with Bootstrap 4 Navbar, Jumbotron, Tables, Forms and Cards

Integrate Bootstrap 4/jQuery with Angular 10 and Styling the UI With Navbar and Table CSS Classes

In this Angular 10 tutorial we'll learn how to use Bootstrap 4 to build professional UIs

Angular 10/9 Services

Learn about services in Angular 10 and previous versions

Angular 10/9 Tutorial and Example: Build your First Angular App

In this tutorial, you will learn to build your first Angular 10/9 application from scratch

Angular 9/8 ngIf Tutorial & Example

Throughout this quick tutorial, you'll be learning about how you can use ngIf in your Angular 6 applications

Build an HTML Table Example Dynamically with Angular 10/9 and ngFor

In this quick example, let's see how to build an HTML table dynamically with Angular 10 and the ngFor directive

Angular 10 New Features

Angular 10, the next version of one of the most popular front-end frameworks is in beta version at this time. This means we are moving toward the final release of...

Create New Angular 9 Workspace and Application: Using Build and Serve

In this article, we'll quickly see how to use the Angular CLI to initialize a new workspace and create an application

Angular 10 Release Date: Angular 10 Will Focus on Ivy Artifacts and Libraries Support

After the release of Angular 9, the development team says that the next release, Angular 10, will be focusing on Ivy artifacts

HTML5 Download Attribute with TypeScript and Angular 9

In this article, we'll learn by example what's the HTML download attribute and we'll see how to use it with TypeScript and Angular 9/8 by example

Angular 9.1+ Local Direction Query API: getLocaleDirection Example

With Angular 9.1, you can query for the current local direction at runtime using the getLocaleDirection method

Angular 9.1 displayBlock CLI Component Generator Option by Example

In this article, we'll learn about the new displayBlock option for the Angular 9.1 CLI component generator

Angular 9 Basics Tutorial by Example

In this tutorial, you will learn to build your first Angular 8 application from scratch

Angular 9/8 ngFor Directive: Render Arrays with ngFor by Example

In this tutorial, you'll learn about the ngFor directive by example in Angular 9

Responsive Image Breakpoints Example with CDK's BreakpointObserver in Angular 9/8

We'll learn how to implement responsive images in Angular 9/8

Angular 9/8 DOM Queries: ViewChild and ViewChildren Example

The @ViewChild and @ViewChildren decorators in Angular provide a way to access and manipulate DOM elements, directives and components. In this tutorial, we'll see an Angular 8 example of how...

Installing Node.js v10/12 & NPM on Ubuntu 20.04/19.04

This post shows you how you can install Node.js on Ubuntu 19.01 and Ubuntu 20.04 for Angular 9 development

The Angular 9/8 Router: Route Parameters with Snapshot and ParamMap by Example

In this tutorial we're going to see how to handle route parameters with the Angular 9/8 Router using different methods: Snapshot and ParamMap Observable

Angular 9/8 Nested Routing and Child Routes by Example

In this tutorial, you'll learn to add Angular 9 routing to our module using a routing module, a nested router-outlet and child routes

Angular 9 Examples: 2 Ways To Display A Component (Selector & Router)

In this quick example, we'll see two ways of displaying a component in Angular 9 - using selectors or the router

Angular 9/8 Tutorial: Http POST to Node/Express.js Example

In this tutorial, we'll learn to use the template-driven approach in Angular 9/8 to work with HTML forms. We'll learn about the NgForm, ngModel and ngSubmit and how to create...

Angular 9/8 Feature and Root Modules by Example

In this tutorial we will learn about Angular 9 modules by example

Angular 9/8 with PHP: Consuming a RESTful CRUD API with HttpClient and Forms

In this tutorial, you'll learn to create an example Angular 7 application with a PHP REST API on top of a MySQL database

Angular 9/8 with PHP and MySQL Database: REST CRUD Example & Tutorial

In this tutorial, you'll learn to create an example Angular 9/8 application with a PHP REST API on top of a MySQL database

Unit Testing Angular 9/8 Apps Tutorial with Jasmine & Karma by Example

In this tutorial, we'll quickly learn how to unit test an Angular 9/8 application with Jasmine and Karma

Angular 9 Web Components: Custom Elements & Shadow DOM

Throughout this tutorial, we’ll teach you to create a native web component using the latest Angular 9 version. Part of standard web components are custom elements and shadow DOM which...

Angular 9 Renderer2 with Directives Tutorial by Example

In this tutorial, we'll be learning about Renderer2 in Angular 9/8 and directives which allow you to manipulate DOM. Renderer2 is a service which provides methods like `createElement`, `createText`, `appendChild`...

Build Progressive Web Apps (PWA) with Angular 9/8 Tutorial and Example

Throughout this tutorial, we'll be learning to build an Angular 9 PWA (Progressive Web Application)

Angular 9 Internationalization/Localization with ngx-translate Tutorial and Example

In this tutorial, we'll see by example how to make your Angular 9 app available in multiple languages (English and French) using ngx-translate, the internationalization (i18n) and localization library for...

Create Angular 9 Calendar with ngx-bootstrap datepicker Example and Tutorial

In this tutorial, we'll see how to create an Angular 9 calendar UI with the datepicker component available from ngx-bootstrap

Multiple File Upload with Angular 9 FormData and PHP by Example

Angular 9/8 Reactive Forms with Validation Tutorial by Example

In this tutorial, we'll learn to use the template-driven approach in Angular 9/8 to work with forms. We'll learn about the NgForm, ngModel and ngSubmit and how to create an...

Angular 9/8 Template Forms Tutorial: Example Authentication Form (ngModel/ngForm/ngSubmit)

In this tutorial, we'll learn to use the template-driven approach in Angular 7/8 to work with forms. We'll learn about the NgForm, ngModel and ngSubmit and how to create an...

Angular 9/8 JAMStack By Example

let's learn to build a JAMstack application with Angular 9, HTML and a third-party API. The app is simply a news app that can be served from a CDN like...

Angular HttpClient v9/8 — Building a Service for Sending API Calls and Fetching Data

In this tutorial, you'll be learning, by example, how to use Angular 7/8 and HttpClient to send HTTP requests to remote servers for fetching, creating and updating data.

Upgrade Angular 8/7 to Angular 9 With Ng Update & Angular CLI v9

In this short guide we'll see how to update Angular core framework and Angular CLI 8/7 to the latest Angular 9 version and upgrading existing projects to use v9

Build an Angular 9/8 CRUD Example & Tutorial

In this tutorial, we'll learn to build an Angular CRUD example from scratch using the latest version which is as the time of this writing Angular 9

Styling An Angular 9/8/7 Example App with Bootstrap 4 Navbar, Jumbotron, Tables, Forms and Cards

In this tutorial, we'll learn how to integrate and use bootstrap 4 with Angular 9.

Angular 9/8 CLI Commands: Install Angular CLI On Windows 10, Linux and macOS

In this tutorial you'll be learning how to use Angular CLI 9 (the latest version as of this writing) on Windows, Linux and macOS to create Angular applications and different...

Angular 9/8/7 Realtime Chat Example with Node.js, Socket.io and WebSocket

In this tutorial, we'll learn how to build a real-time app with Angular 9/8, Socket.IO, WebSocket, and Node.js

Angular 9/8/7 Routing Tutorial: Angular Router by Example with Parameters and Guards

In this tutorial, you will learn to implement routing in Angular 9/8/7

RxJS Observable Pipe, Subscribe, Map and Filter Examples with Angular 9/8

In this tutorial we'll learn by example to use the RxJS pipe() function, the map() and filter() operators in Angular 9. And how to use the subscribe() method to subscribe...

Angular 9/8 Ajax Get and Post Requests Example

In this post, we'll create a simple example with Angular 9/8 and HttpClient that sends Get and Post requests to fetch and post data from/to a backend server

Angular 8/7 Tutorial By Example: (REST API, HttpClient GET, Components, Services & ngFor)

In this tutorial, you'll learn by example how to send GET requests to REST API servers in your Angular 8 application using HttpClient. We’ll also learn how to use the...

Angular 9/8 (Reactive) Forms: How to Use FormBuilder, FormGroup and FormControl APIs by Example

In this tutorial, we'll learn to use Angular forms by creating a simple example using the reactive form approach. We'll see how to use Angular `FormBuilder, FormGroup and FormControl APIs...

Angular 9/8 How-To: What is the Router-Outlet and how to use it?

The router-outlet is a directive that's available from the @angular/router package and is used by the router to mark where in a template, a matched component should be inserted.

Angular 9/8 How-To: Build a Material File Upload UI with MatProgressBar, MatButton , MatIcon and MatCard

In this quick how-to tutorial, we'll see how to build a file/image uploading UI with Angular 9 Material components such as MatProgressBar, MatIcon, MatCard, and MatButton

Angular 9/8 Http - How to Use HttpClient Module with Examples

In this how-to tutorial, we'll learn what is the HttpClient API available from HttpClientModule and how to use it in Angular 9 by example with request timeout, responsetype, query parameters,...

Angular 9/8 How-To: Create Angular Components?

In this quick how-to post, we'll learn how to use the ng generate component command of Angular CLI, or its ng g c shortcut command, for creating Angular components in...

Angular 9/8 How-To: Pass URL Query Parameters with HttpClient, HttpParams and fromString

In this how-to article, we'll learn how to use fromString and HttpParams to pass query parameters to URLs or REST API endpoints

Angular 9/8/7 Tutorial: Build an Example App with Angular CLI, Angular Router, HttpClient & Angular Material

Throughout this Angular 9 tutorial, we’ll learn to build an example web application using APIs like HttpClient, Angular Router, and Material Design. We'll learn to generate components and services using...

Angular 9/8/7 How-To: Handle HttpClient Errors with RxJS' catchError() and throwError()

In this quick how-to article, we'll see by example how to handle Http errors in Angular 9 apps

Angular 9/8 Services & Dependency Injection via providedIn, root & any Tutorial

In this tutorial, we'll be learning about Angular services using the latest Angular 9 version. We'll also learn about dependency injection and its mechanisms such as the `@Injectable` decorator and...

Angular 9/8 How-To: Path Redirection and Handling 404 Paths Using Router Wildcard Routes

In this quick example, we'll see how to redirect users to a new URL path or component using the Angular router and how to deal with not found pages and...

Angular 9/8 MEAN Stack Authentication Tutorial & Example: Node and MongoDB Backend

In this step by step tutorial, we'll be building an example app with JWT authentication and REST APIs based on the MEAN stack. We'll be using Angular 9 for the...

Angular 7/8 By Example with HttpClient, Async Pipe and Observables

How to use HttpClient to make HTTP GET requests in Angular 7/8

Angular 9 Examples: Conditional Rendering With *ngIf & Else

In this example, we'll see how to conditionally render a component or HTML element in Angular 9 using the *ngIf directive

How to Check Installed Angular CLI Version & Update to Latest Angular 9 Version Globally

In this quick tutorial, we'll see how to check the currently-installed Angular CLI version and update it to the latest Angular 9

Angular 9/8 Tutorial & Example — Upload files with FormData, HttpClient, RxJS, and Material ProgressBar

In this tutorial, we’ll see by example how to upload multiple image files using FormData, HttpClient (for posting multipart/form-data), Angular 9/8 and TypeScript

Import & Read Local JSON Files in Angular 7/8 and TypeScript 2.9+

In this tutorial, we'll see by example how to import and read local JSON files in Angular 8 applications and TypeScript 2.9+

RxJS of() Example: Mocking Data with an Angular 7/8 Service and Observables

In this tutorial, we'll learn by example how to use the of() operator of RxJS with Angular 8

Fixing CORS Issues in Your Front-End Angular 7/8 App with Angular CLI Proxy Configuration

In this tutorial we'll learn in a few steps how to fix CORS issues in our front-end Angular 8 app using the Angular CLI proxy configuration

3 Methods for Reading Local JSON Files in Angular 7/8

In this tutorial, we'll present you 3 ways to read local JSON files in your Angular 8 application with examples

Angular 7/8 HttpClient Interceptors: Mocking HTTP Requests Example

In this tutorial, we'll learn by example to use HttpClient Interceptors to mock a back-end for your Angular 8 app. This way you can develop your Angular 8 app without...

Backendless Angular 9/8 Tutorial: Mocking HttpClient Using an In-Memory CRUD API Example

In this tutorial, you'll see, by example, how to use the in-memory web api module with Angular 8 to create a fake REST API back-end with CRUD operations. This is...

Modern and Legacy JavaScript: Differential Loading with Angular 8 Tutorial

In this JavaScript tutorial designed for Angular developers, we'll learn how Angular 8 makes differential loading to send separate modern and legacy JavaScript bundles to web browsers based on their...

CSS Tutorial with Angular 9/8: ngClass, ngStyle & ViewEncapsulation

In this tutorial, we'll learn about CSS and how to use it in Angular apps. We'll see by example how an Angular 8 application generated by Angular CLI is styled...

HTML Tutorial: Angular 7/8 Template Syntax - Interpolation, ngFor & ngIf Directives

In this tutorial, we’ll teach you HTML which is used as the template language for Angular. We’ll build a simple HTML app before tackling any Angular concepts since it’s a...

GraphQL Tutorial with Angular 7/8 and Apollo Example

In this tutorial, we'll teach you about the fundamental GraphQL concepts starting with an introduction and then explain the building blocks for a GraphQL API. Next, we'll learn to consume...

Responsive Images Tutorial for Angular 7/8 Devs

Responsive images are a necessity in this interconnected world. A website needs to work well on multiple devices, as users may access your site through their phone, tablet or laptop....

Angular 7/8 Tutorial Course — Build a Portfolio Web Application with Angular

Angular 8 is out and we'll use it to continue with our front-end tutorial series designed for Python developers. This tutorial is part of an ongoing series for teaching Angular...

JavaScript Promises Tutorial with Angular 7/8 Example

In this tutorial designed for Angular developers, you'll learn about JavaScript Promises introduced in ES6 and you'll see how you can use them with an Angular 7/8 example.

JavaScript Async/Await with Angular 7/8 Observable and HTTP Example

In this tutorial, we'll learn about JavaScript/ES7 async and await keywords and we'll see how you can use them to write better asynchronous code in your Angular 7/8 apps with...

CSS Grid Layout Tutorial: Holy Grail Angular 10 UI

This CSS Grid layout tutorial is designed for Angular 7/8 developers that want to learn how to build responsive layouts with modern CSS. We'll first start with a general introduction...

Webpack 4 Tutorial with Angular 10

In this tutorial, we'll be introducing Webpack to Angular developers. We'll also see a simple example of using a custom webpack configuration in Angular 10

Angular Semantic Versions

Learn about Angular versions

TypeScript Tutorial for Angular 7/8 Devs

In this tutorial, we'll learn about TypeScript. The language of Angular

The OOP Concepts with TypeScript: Inheritance, Abstraction, Polymorphism and Encapsulation

In this article, we'll learn about the Object Oriented Programming or OOP concepts in TypeScript such as inheritance, abstraction, polymorphism and encapsulation.

FormData Explained + Ajax, Angular 9, Ionic 5, and React Examples

PHP Tutorial with Angular 8

In this tutorial, we'll learn web development with php and we'll compare php with various solutions such as Python & Django and Ruby On Rails

Angular 10 Material Design Tutorial & Example

In this tutorial, we'll be learning how to use Angular 8 Material Design to build a beautiful and professional grade UI interface for our Angular front-end application

Angular 8 Tutorial: Build your First Angular App

In this tutorial, you will learn to build your first Angular 8 application from scratch.

PHP Image/File Upload Tutorial and Example [FormData and Angular 7 Front-End]

In this tutorial, you'll learn how you can upload files in your PHP web application. We'll not use any framework but plain PHP. Next, we'll see how we can use...

Angular 7|6 Tutorial Course: CLI, Components, Routing & Bootstrap 4

In this course, you'll learn to develop your first Angular 7 application with routing, CRUD operations and Bootstrap 4 UI

Angular 7|6 Tutorial Course: Authentication with Firebase (Email & Password)

In this course, you'll learn to develop your first Angular 7 application with routing, CRUD operations and Bootstrap 4 UI

Angular 7!

Angular 7 beta is released

Getting started with Material Design 6 in Angular 6

How to get started with Material Design 6 in Angular 6

Deploying Angular 6|7 Apps to Github Pages

In this tutorial we'll see how to deploy Angular 6 apps to Github pages

Building Angular 6|7 Universal Apps (Server Side Rendering)

In this tutorial we'll see how to render Angular 6 universal apps on the server

RxJS 6 for Angular Developers Tutorial by Example

In this RxJS 6 tutorial you'll learn about the latest version of RxJS, a library that implements Reactive programming in JavaScript. You'll learn about the core RxJS 6 concepts such...

Angular 6|7 Router: Lazy Loading Modules Tutorial (loadChildren() Example)

In this tutorial, we'll see by example Angular 6 routing and lazy loading components using feature modules and the loadChildren() method

Ionic 4/Angular Tutorial - Ionic 4 Router (Routing and Navigation Example)

Throughout this tutorial, we'll see how to add routing to Ionic 4 with the Angular 6 router

Ionic 4 Upgrade: Updating From Ionic 3 to Ionic 4/Angular 6

Throughout this tutorial, we'll see how to upgrade your Angular 6 project to use RxJS 6

Angular 6 Upgrade: Migrating to RxJS 6

Throughout this tutorial, we'll see how to upgrade your Angular 6 project to use RxJS 6

Learn Angular: Full-Stack & CRUD Angular 7/8 PDF Tutorial

In this Angular 7/8 PDF tutorial, you'll going to learn how to build full-stack web applications with Angular 8 and a Python back-end.

Angular 6|5 Tutorial: Integrating Angular with Django

In this tutorial we'll see how we can integrate the Angular 6 front-end application with the Django back-end.

Angular Tutorial (Updated to Angular 7)

In this tutorial series we'll cover, the new Angular 6 features, the basics and the in-depth concepts of Angular 4/5/6 framework, starting with how to install the Angular CLI 6...

Single Page Apps with Flask and Angular 4|5 Tutorial Series

In this tutorial series we'll be using Python, Flask, SQLAlchemy and Angular 5 to build a modern RESTful web application with an architecture that consists of a front-end application with...

Building an Ionic 3/Angular 4|5 Application with a GraphQL API

In this tutorial we'll see how to build a CRUD Ionic 3 mobile application (or if you prefer an Angular 4+ web application) using the modern GraphQL-based API

3+ Ways to Add Authentication to Ionic 3 (Angular 4|5) Applications

In this article we'll look at the available options for adding authentication to your Ionic 3 application

QuickTip: Django and AngularJS Conflicting Interpolation Symbols

In this quick-tip post we'll see how to change the conflicting symbols for template tags when using Django and AngularJS

Building Modern Web Apps with Python, Django Rest Framework and Angular 4|5

In this tutorial we are going to learn how to get started building modern web applications with Python, Django and Django Rest Framework as the back-end stack and the new...

Building Server Side Rendered Apps with the Angular Universal Starter

How to build server rendered apps with Angular Universal Starter

How To Read QR Codes In Angular ?

Reading QR Codes in Angular 4+

Update Arrays with React useState Hook Without Push

In this article, we'll see by example how to update arrays via the React hook useState() using the push() method of the Array object

React State Array Get Length Example

In this quick tip article, we'll see how to get the length of an array or state array in React

Frontity Tutorial: The React framework for WordPress

In this tutorial, we'll learn about Frontity, The React framework for WordPress

Convert String To Number/Array In JavaScript with React Hooks/Vue.JS Examples

In this tutorial, we'll learn by example how to convert a string to the corresponding integer or float number or array of numbers using the built-in JavaScript methods with simple...

React Hooks & GraphQL Apollo Tutorial: Build a First Example App in 4 Easy Steps

In this tutorial, we'll learn how to build a React application in four easy steps with React Hooks and GraphQL Apollo for consuming a third-party API

React, Axios and Redux: Asynchronously Fetch and Save Data to Local Storage

In this tutorial, we'll learn about many of Redux concepts by creating a simple React application from scratch using React, Redux and Axios to asynchronously fetch and save data to...

React Router 5.1+ Hooks

In this tutorial, you will learn about routing in React using React Router 5.1+ hooks

React Router 5/4 Tutorial [2020] with Examples

In this tutorial we are going to get you started with react-router-dom (React Router 5/4) using an example React application showing you how to use different concepts such as Link...

Ionic 5 React Tutorial: Build a Mobile App with Ionic 5, Axios and React

In this tutorial we'll look at how to use React with Ionic 5 and Axios to build a mobile application

JavaScript Fetch Tutorial: Send HTTP Requests With React.JS and Async-Await Example

In this tutorial and example, we'll see how to use Fetch to send GET requests inside a Reacts.js example application. We'll also see how to use the Async/Await syntax to...

React Apollo Hooks & Testing: useQuery with refetch and MockedProvider example

In this example, we'll see how to use the new useQuery hook available from the apollo react-hooks package to send GraphQL queries and receive response with fetched data from APIs....

Consuming GraphQL APIs with React Hooks (useQuery) & Apollo Client

Throughout this tutorial, we'll see by example how to consume and fetch a GraphQL API with React Hooks and Apollo Client

React Native for Beginners Book [2019]

Get the React Native for Beginners Book [2019]

React Native Tutorial & Example [2019]

Throughout this tutorial, you’ll learn to create your first React Native app step by step by emphasizing basic theory and practice. We'll use the latest 0.6 version released in 2019...

Saving data in local databases with AsyncStorage & React Native

In this tutorial, we'll learn how to use AsyncStorage in React Native to save data in a database.

Adding Navigation using React Navigation & Switch Navigator

In this tutorial, we'll learn how to add navigation using React navigation and the switch navigator

Adding stack navigation with Stack Navigator

In this tutorial, we'll learn how to add navigation using React navigation and the switch navigator

Adding item separators and header to FlatList

In this tutorial, we’ll see how we can customize our FlatList component using a header and item separators

Opening external links with Linking in React Native

In this tutorial, we'll see how to use Linking in React Native to open external links and URLs

Creating your first React Native project

In this tutorial, we’ll teach you to build your first React Native mobile app from scratch going through the essential concepts

ES6 Modules - Import, Export & Default for React Native Devs

In this article, we'll focus on understanding the import, export and default keywords used in ES6 modules

React Hooks Tutorial: useState and useEffect Examples [2019]

React Hooks are a new feature that's recently released by the React team. In this tutorial, you will learn the basics of Hooks and how to migrate a React app...

ES6 Spread Operator in React by Example: Props and setState

In this post, you will learn about using the JavaScript Spread operator in React.

React Props Tutorial: Children Example

In this tutorial, you'll learn about React props

React Fragment Tutorial

React Fragment Tutorial

React & Axios FormData: PHP File Upload Example with Multi-Form Data

In this tutorial, you'll learn how to handle multi-part Form Data in React by implementing a simple file upload example.

React & Axios JWT Authentication Tutorial with PHP & MySQL Server: Signup, Login and Logout

In this tutorial, you'll learn to create an example React application that implements JWT authentication using a PHP REST API server on top of a MySQL database.

How to Pass, Access & Update Parent State from Child Components in React

In this tutorial, you'll learn to access and update the state of a parent component from a child component in React

React 16.3 New Context API Tutorial

In this is quick tutorial you'll learn how to use the new Context API in React 16.3+

PHP, MySQL & React REST API Tutorial with Example Form

In this tutorial you will learn how to build a RESTful CRUD React app with PHP and MySQL.

Understanding React setState() (Callback, Async-Await and Promises)

In this tutorial we'll look at how to use React setState()

Consume a JSON REST API with React and Axios

Throughout this tutorial, we'll build a simple React application that consumes JSON data from third-part RESTful API using the Axios library. We are also going to style the user interface...

React Bootstrap Tutorial: Integrating Bootstrap 4 with React

In this tutorial we'll see how to integrate Bootstrap 4 with a React application without using jQuery

React Tutorial: Consume a JSON REST API with Fetch and Styling UI with Bootstrap 4

In this tutorial we'll learn how to build a React application that consumes a third-party JSON REST API using the fetch() method. We'll also use Bootstrap 4 to style the...

Redux Tutorial

In this tutorial, you'll learn to use Reudx to manage state in your React application

Ethereum Dapps with Truffle,Ganache, Metamask, OppenZippelin and React

In this tutorial you'll learn how to create a Dapp (Distributed application) that can be hosted on the Ethereum blockchain by using popular libraries like Truffle, OpenZeppelin and React.

useState React Hook by Example

useState() is an example built-in React hook that lets you use states in your functional components.

React 16.6 New Features: React.memo() and Suspense/React.lazy()

We'll learn about important new features of React such as React.memo() and React.lazy()

React Basics Tutorial for Django Developers [2018]

Learn React quickly with this tutorial

React Router Redux Tutorial

In this tutorial we'll look at how to use react-router-redux (previously known as redux-simple-router) to control the URL as a part of the application state.

Adding the Django CSRF Protection to React Forms

In this tutorial you'll see how you can handle the Django CSRF token in React when using the Axios client or the fetch API. We'll also see how you can...

Django React Tutorial with Example Demo

In this tutorial we'll look at how to build a modern CRUD web application using Django and React. We'll use Django REST Framework to build an example API, react-router-dom for...

Making AJAX API Calls in React: Axios vs jQuery vs Fetch API with Example GET & POST

In this tutorial we will cover different ways to use AJAX in React: Axios vs Fetch API and where to make AJAX calls? componentDidMount() vs componentWillMount() vs the ES6 class...

Building Universal Server Rendered Apps with React and Next.js 3.0

How to build server rendered apps with Angular Universal Starter

Building Web Apps with Django ,Webpack and React

How to build modern web apps with Django , Webpack and React

Building a Modern App with Django and React

How to build modern web apps with React, Django and Django Rest Framework

3+ Ways for Adding Bootstrap to Vue 3 Apps

In this article, we'll see the available options for adding Bootstrap to your Vue 3 apps

Install Vue CLI 4 and Create a New Vue 3 Project

How to install Vue CLI 4 and create a Vue 3 project

Vue CLI 4 Tutorial

Throughout this Vue tutorial with Django RESTful API, we are going to learn to use the Vue CLI v4 to generate our Vue front-end application

Vue.js with GraphQL & Apollo Client Tutorial

Throughout this tutorial, we’ll be learning how to use Vue.js with Apollo client to create a CRUD interface for consuming an API built with Node.js, Express, and GraphQL

Vuex Tutorial

In this tutorial, you'll learn to use Vuex to manage state in your Vue application

PHP with Vue.js & MySQL: REST API CRUD Tutorial

In this tutorial, we'll build a RESTful CRUD application with PHP in the backend and Vue.js in the frontend. We'll also be using Axios for sending Ajax request to PHP...

Using Vue.js with Ruby on Rails 5.2 Application

In this tutorial you'll be learning how to use Vue.js in your Ruby on Rails web application

JWT Auth with Vue, Vuex and Vue Router — Axios & Guards

In this tutorial, you will see how you can use Vue.js with Vuex and Axios to create an application that allows users to register and login via JWT authentication.

Node Express.js, Vue.js & Mongoose|MongoDB Tutorial — CRUD By Example

Throughout this Vue.js with Node.js and Express tutorial we'll learn by example how to create a full-stack CRUD (Create, Read, Update and Delete) application.

Vue Axios Tutorial by Example (CRUD API)

Throughout this tutorial with Vue.js and Axios we'll see how to add CRUD (Create, Read, Update and Delete) methods with a Vue front-end and a Python Django RESTful API back-end....

Building a Modern Web Application with Django REST Framework and Vue: Building Views and REST API

In this tutorial, the third part of building a demo application with Django and Django REST framework for the API back-end and a Vue front-end will be covered. You'll first...

Building Modern Applications with Django, Vue.js and Auth0: Part 2

Throughout this series, you'll be using Django, Django REST framework, and Vue.js to develop an application with a REST API back-end and a Vue.js front-end. The API will be consumed...

Ionic 4 Tutorial with Vue

In this tutorial we'll see how to build a simple mobile application with Vue, Ionic 4 and Cordova

Building a CRUD Application with Django Rest Framework and Vue.js

In this tutorial, you will learn how to use Django and Vue.js to build a modern CRUD (Create, read, update and delete operations are essential for the majority of web...

Ionic 5 - Geolocation Plugin, Google Maps and Places API

Create an Ionic 3 app which uses the Geolocation Cordova plugin ,Google maps and the Google Places API

Ionic 5/Angular - Geolocation Plugin, Google Maps and Places API [Part 2]

Create an Ionic 3 app which uses the Geolocation Cordova plugin ,Google maps and the Google Places API

Ionic 5 - Build a Barcode/QR Code Scanner/Encoder App

Create a Barcode/QR code scanner application with Ionic Native and Ionic 5

Ionic 5/Angular - Use Vibration with Cordova and Ionic Native

How to use vibration in Ionic 5 apps

Ionic 5 Example App: Build an RSS/Atom Reader with Ionic 5/Angular and InAppBrowser

Build an RSS/Atom Reader Application with Ionic 5 and InAppBrowser

Playing videos with Ionic 5 and Cordova Video Player plugin

Playing videos Playing videos with Ionic and Cordova Video Player with Ionic and Cordova Video Player

Ionic 5/Angular - Fingerprint Authentication with Android and iOS

An Ionic demo app for showing how to use Fingerprint Authentication with Android and iOS if it is available

Learn Ionic 5/Angular - what is a component and page? and how to use them?

Learn Ionic 5 - what is a component and page? and how to use them?

Ionic 5/Angular - Lazy Loading Modules

Ionic 5 - Lazy loading Angular modules

Ionic 5/Angular: Consuming a WordPress Rest API

In this tutorial ,we are going to see how to build an Ionic 5 app for consuming WordPress rest API

Ionic 5 and ThemeableBrowser Webview: Create a cross platform mobile app for your responsive website

Create a cross platform (Android ,iOS and Windows ) mobile app for your responsive website with Ionic 5 and ThemeableBrowser

Ionic 5/Angular and InAppBrowser Webview: Create a Cross Platform Mobile App for Your Responsive Website

Create a cross platform (Android ,iOS and Windows ) mobile app for your responsive website with Ionic 5 and InAppBrowser

Ionic 5 and Electron Split Pane Example for Large Screens and Desktop

In this tutorial we are going to learn how to use the Split Pane component with Ionic 5

handling CORS with The Ionic 5 Proxy

How to use the Ionic 3 proxy to handle CORS issues

Theming and Styling Ionic 5 Apps: Toolbar and Menu Example

Some tips and notes for how to style Ionic 5 apps

Ionic 5/Angular enableProdMode()

In this article we are going to see what does enableProdMode do and an example code on how to use it to enable production mode in Ionic 5/Angular

Ionic 5/Angular and Cordova SQLite Storage Example

In this tutorial, you are going to learn how to use SQLite with Ionic 5, Cordova and Ionic Native for data storage on Android and iOS mobile apps

Boosting the Performance of Ionic 5 Apps with Crosswalk

boosting the performance of Ionic 2 apps with Crosswalk

Printing with Ionic 5, Ionic Native 5 and Cordova

How to print to PDF or paper in Ionic 2 apps using Ionic Native and Cordova

checking Ionic 5 Platform: Device Information

How to check or detect the Ionic 4 platform where your mobile app is running

Create Ionic 5/Angular CRUD Application with Firestore and AngularFire2

In this tutorial we'll use the new Google's Firestore database to create a simple Ionic 5 mobile application with CRUD (Create, Read, Update and Delete) methods using Angularfire2. We'll start...

Building Augmented Reality Apps with Ionic 5/4 and Wikitude Cordova Plugin

Building augmented reality apps with Ionic 5 and wikitude Cordova plugin

Update Ionic Framework CLI and Your Ionic Project to Ionic 5

Update Ionic Framework CLI and Your Ionic Project to Ionic 5

Display a Loading Indicator/Spinner in Ionic 5 With LoadingController

Display a Loading Indicator/Spinner in Ionic 5 With LoadingController

Keep Running Ionic 5/Angular Apps In Background Mode (With Example)

This tutorial will cover an example use case of the Cordova background mode plugin with Ionic 5/Angular (also Ionic 4). We'll see how you can keep your app running while...

Ionic 5+ : Using Cordova SQLite and Barcode Scanner to build a Product Inventory Manager [PART 4]

Using Ionic 5+ with Cordova SQLite and Barcode scanner to build a simple real world product inventory manager mobile application for Android and iOS :part 4

Ionic 5+ : Using Cordova SQLite and Barcode Scanner to build a Product Inventory Manager [PART 3]

Using Ionic 5+ with Cordova SQLite and Barcode scanner to build a simple real world product inventory manager mobile application for Android and iOS :part 3

Ionic 5 Phone Calls with Cordova and Ionic Native 5

Make Ionic 5 Phone Calls with Cordova and Ionic Native 5

Ionic 5 Native Calendar with Cordova and Ionic Native 5

Open Ionic 5 Native Calendar with Cordova and Ionic Native 5

Ionic 5 - Open URLs in Chrome Custom Tabs with Cordova and Ionic Native 5

How tp open URLs in Chrome Custom Tabs in Ionic 5 with Cordova and Ionic Native 5

Ionic 5/Angular - Check Device Battery Status with Cordova and Ionic Native 5

Ionic 5 - Check Device Battery Status with Cordova and Ionic Native 5

Ionic 5/Angular - Adding App Rates (Review Stars) with Cordova and Ionic Native 5

Ionic 5/Angular - Adding App Rates (Review Stars) with Cordova and Ionic Native 5

Admob Ads with Ionic 5/Angular, Cordova and Ionic Native 5 by Example

Ionic 5, adding Admob Ads with Cordova and Ionic Native 5

Ionic 5/Angular Action Sheet Example with Cordova and Ionic Native 5

How to use Action Sheet in Ionic 5 apps

Ionic 5 Action Sheet Controller Tutorial and Example

How to use Action Sheet controller in Ionic 5 apps

How to use Cordova InAppBrowser Plugin with Ionic 5/Angular and Ionic Native to Open External URLs

How to use Cordova InAppBrowser Plugin with Ionic 2 (Or 3 ) and Ionic Native 3.x+ to Open External URLs 

Ionic 5/Angular - Adding Cordova Android Platform

We'll cover how to add a Cordova Android platform to an Ionic 2 / Ionic 3 project and needed requirements

Ionic 5/Angular - Retrieving Data from Remote REST API Servers with HTTP Module and RxJS

We'll cover how to create an Ionic 3 (2+) mobile app which makes use of HTTP module and RxJS library

Ionic 5 - Create and build first project or application (Android ,iOS and Windows Univeral Platform)

In this tutorial we'll see how to quickly create and build our first Ionic 5 project or app

Full Ionic 5 Mobile App with Ionic Native and InAppBrowser

Full Ionic 5 mobile app with Ionic Native 5 and InAppBrowser

Use Geolocation in Ionic 5/Angular Apps with Ionic Native 5

Using Geolocation in Ionic 2 apps with Ionic Native

Using Camera with Ionic 5 and Ionic Native 5

In this tutorial,we are going to see an example or demo app for accessing native device camera in Ionic 4 apps.

Ionic 5 Cloud

The Ionic Cloud is a set of cloud services offered by the company or team behind the open source hybrid mobile framework Ionic

Ionic Native for Ionic 5 with Camera Example

Getting started with Ionic Native for Ionic 5

How to Open URLs in Browser with Ionic 5/Angular,Cordova InAppBrowser plugin and Ionic Native

A simple example for how to open urls in browser with Ionic 2 final ,Cordova InAppBrowser plugin and Ionic Native

Ionic 5 Content Padding Example

In Ionic 5, there are some changes regarding how we set padding of the ion-content component

Ionic 5 React Tutorial: Build a Mobile App with Ionic 5, Axios and React

In this tutorial we'll look at how to use React with Ionic 5 and Axios to build a mobile application

Build a CRM App with Ionic 5/Angular and TypeORM: Custom Webpack Configuration [Part 1]

Throughout this tutorial series, we'll be building a CRM application with Ionic 5 and TypeORM. In this first tutorial we'll learn to integrate TypeORM with Ionic 5/Angular and a custom...

Multiple Image/File Upload with Django 3, Ionic 5 and FormData

In this tutorial, you'll learn to implement multiple file upload with Ionic 5, django 3 and FormData

Upgrade to Ionic 5 and New Features

In this post, we'll learn how to upgrade an existing Ionic 4 project to the latest Ionic 5 version but before that let's see the new features brought with this...

Ionic 5 Tutorial with Local Storage CRUD and Theming Example

In this tutorial, you'll learn to develop your first Ionic 5 application. You'll be using the latest Ionic CLI 5 version for generating and working with your project

Using NoSQL PouchDB and SQLite with Ionic 5 & Angular: A CRUD Example

In this tutorial we will learn how to create a CRUD (short for: Create, Read, Update and Delete) mobile application with Ionic 5/Angular (previously Ionic 3) using PouchDB and SQLite...

Ionic 5 Storage Tutorial and Example

This tutorial will cover how to use Ionic 5/Angular local/native storage to easily store and persist key-value pairs and JSON objects. Ionic Storage abstracts all the available mechansims for data...

Ionic 5 SQLite Data Pagination

In this tutorial, we'll add pagination to our Ionic 5 app built using Angular and SQlite.

Ionic 4 SQLite Database CRUD Tutorial

Part 2 of using Ionic 5 with SQLite and Barcode scanner to build a simple product management mobile application

Ionic 5 Modals and SQLite Tutorial: Build a Product Manager App

Using Ionic 5 with Cordova SQLite and Barcode scanner plugins to build a simple product stock manager mobile application for Android and iOS

Ionic 5/Angular JWT Authentication Tutorial: Node & Express.js Server

In this tutorial, we'll learn to implement JWT authentication with Ionic 5, Angular and Express.js

Ionic 5/Angular Modals

Understanding how to use Ionic 5/4 modals

Ionic 5/Angular Tutorial: HTTP and RxJS Observables

In this tutorial, we'll see by example how to send HTTP (Ajax) requests to REST API servers (for calling APIs and consuming data) in Ionic 5 and Angular then how...

Building an Ionic 5/Angular HTTP Service to Communicate with A REST API

In this tutorial, we'll see by example how to send HTTP (Ajax) requests to REST API servers (for calling APIs and consuming data) in Ionic 5 and Angular then how...

Ionic 5 HTTP POST with Angular by Example

How to use HttpClient to make example HTTP Post Requests in Ionic 5

Mocking SQLite Native Plugin in Ionic 4 & Angular

Developing Ionic apps entirely in the browser - Mocking SQLite native plugin

Ionic 5 Firebase Authentication Tutorial

This tutorial will cover how to add Email/Password authentication to Ionic 5/Angular apps using Firebase and angularfire2

Ionic 5 Forms Tutorial: Login & Register UI Example with Theming

In this tutorial, we'll learn to build a login and register UI with Ionic 5 and Angular forms

Ionic 4 Tutorial: Your First Application with Ionic CLI 5

In this course, you'll learn to develop your first Ionic 4 application and build the PWA and native versions. The PWA version can be deployed to the web either using...

Ionic 3 Grid System Tutorial

In this tutorial we are going to understand the Ionic 3 grid layout system to build complex user interfaces with Ionic 3

Learn Ionic 3: Easy Steps Tutorial

A tutorial to learn Ionic 3 in 7 easy steps

Ionic 4/Angular Routing and Navigation Tutorial & Examples

How to add navigation between pages inside Ionic 4 apps

Ionic 4/Angular - Create, Generate and Add Pages

How to create, generate and add pages in Ionic 4 projects

Ionic 4/Angular Tutorial - Ionic 4 Router (Routing and Navigation Example)

Throughout this tutorial, we'll see how to add routing to Ionic 4 with the Angular 6 router

Ionic 4 Tutorial for Beginners: Custom Elements, Buttons, Navs and Tabs

Ionic 4 Tutorial for Beginners: Custom Elements, Buttons, Navs and Tabs

Ionic 4/Angular Tutorial for Beginners: Learn Ionic Properly To Build Native and Progressive Web Apps [Study Guide v0.1]

Learn Ionic 4 Properly (A Study / Learning Guide)

Unit Testing Angular Services with HttpTestingController

In this tutorial, we'll see by example how to send HTTP (Ajax) requests to REST API servers (for calling APIs and consuming data) in Ionic 3 and Angular 4.3+ then...

A Re-Introduction to Ionic (Ionic 4+, PWAs, Stencil, Capacitor and Electron)

If you have been following with the Ionic framework then you'll have probably noticed the buzz around some new technologies/tools and concepts mainly PWAs (Progressive Web Apps), Stencil, Capacitor and...

Ionic 4 Tutorial with Vue

In this tutorial we'll see how to build a simple mobile application with Vue, Ionic 4 and Cordova

Using Capacitor with Ionic 4

In this tutorial we'll see how we can add Capacitor to an Ionic 3 project instead of Cordova

Ionic 4 Tutorial with AngularJS and Cordova

In this tutorial we'll see how to build a simple mobile application with AngularJS, Ionic 4 and Cordova

Building an Ionic 3/Angular 4|5 Application with a GraphQL API

In this tutorial we'll see how to build a CRUD Ionic 3 mobile application (or if you prefer an Angular 4+ web application) using the modern GraphQL-based API

3+ Ways to Add Authentication to Ionic 3 (Angular 4|5) Applications

In this article we'll look at the available options for adding authentication to your Ionic 3 application

[20+] The Complete List Of Resources To Learn Ionic 2 / Ionic 3

This is a complete list of 20+ resources to learn Ionic 2 / Ionic 3

Ionic 2/Ionic 3 - How to delete pages and remove app module references

How to delete pages and remove app module references in Ionic 2 / Ionic 3 projects

Ionic CLI v3 - start command templates and options

Different Ionic CLI start templates

Upgrading to Ionic CLI 3

How to upgrade to Ionic CLI 3

Upgrading to Ionic 3.2.0

How to upgrade to Ionic 3.2.0 guide

Ionic CLI v3 - Command Cheat Sheet

Ionic CLI v3 - Command Cheat Sheet

Create a cross platform mobile app for your responsive website with Ionic 2/3 and InAppBrowser webview -PART 2

Create a cross platform (Android ,iOS and Windows ) mobile app for your responsive website with Ionic 2/3 and InAppBrowser part 2

Mocking Ionic Native 3.x plugins

Mocking Ionic Native 3.x plugins

Ionic Native 3.x

How to use Ionic Native 3.x plugins in your mobile apps

Ionic 4/Angular WooCommerce Tutorial

In this tutorial ,we are going to see how to build an Ionic 2 app for consuming WooCommerce rest API

How to Update Ionic Native Version 5

How to update Ionic Native to latest version

Ionic 5 and Electron Split Pane Example for Large Screens and Desktop

In this tutorial we are going to learn how to use the Split Pane component with Ionic 5

Electron Tutorial [2018]

Electron quick start Tutorial

Using Electron with Flask and python-shell

In this tutorial, you'll learn to build GUIs for your Flask applications using Electron and web technologies i.e HTML, CSS and JavaScript

Using Python with Electron Tutorial

In this tutorial, you'll learn to build GUIs for your Python applications using Electron and web technologies i.e HTML, CSS and JavaScript

Electron Tutorial

Building desktop apps with Electron

Ionic 3 Grid System Tutorial

In this tutorial we are going to understand the Ionic 3 grid layout system to build complex user interfaces with Ionic 3

Building SQLite 3 for Electron in Windows

In this tutorial, we'll see how to use SQLite 3 with Electron. We'll specifically look at how to setup SQLIte 3 to work with Electron in a Windows development environment....

A Re-Introduction to Ionic (Ionic 4+, PWAs, Stencil, Capacitor and Electron)

If you have been following with the Ionic framework then you'll have probably noticed the buzz around some new technologies/tools and concepts mainly PWAs (Progressive Web Apps), Stencil, Capacitor and...

Electron Tutorial: Data Persistence

we are going to explore different approaches for persisting and retrieving data in cross-platform desktop applications, built using the Electron platform and web technologies, we'll also cover how to install...

How to Choose the Right Static Generator: Jekyll vs. Hugo vs. Hexo

In this article we'll take an in-depth look at the three most popular static site generators: Jekyll, Hugo and Hexo. We'll also look at more specialized options such as Gatsby...

Revised Jekyll related posts

In this tutorial ,we are going to see a revised and better Jekyll related posts

Jekyll JSON API

How to use Jekyll like a pro: build a JSON API for your static website

Frontity Tutorial: The React framework for WordPress

In this tutorial, we'll learn about Frontity, The React framework for WordPress

Ionic 5/Angular: Consuming a WordPress Rest API

In this tutorial ,we are going to see how to build an Ionic 5 app for consuming WordPress rest API

Using Vue.js in WordPress

In this tutorial, you'll see how you can integrate Vue.js in your WordPress theme or plugin. This will help you create powerful and modern Single Page Apps or SPA themes...

Building a One Page WordPress Theme with Bootstrap 4

Throughout this tutorial we'll be building a responsive one page WordPress theme with Bootstrap 4 styling. First we'll start by creating the directory structure and different files either required or...

Ionic 4/Angular WooCommerce Tutorial

In this tutorial ,we are going to see how to build an Ionic 2 app for consuming WooCommerce rest API

How to fix WordPress permalinks not working (Posts returning 404 error)

How to fix WordPress permalinks not working (Posts returning 404 error)

NativeScript & Camera Tutorial

In this tutorial we'll cover how to access device camera with NativeScript and JavaScript for Android and iOS

3+ Ways to Add Bootstrap 4 to Angular 10/9 With Example & Tutorial

In this tutorial we will see how to use Bootstrap 4 to style websites built using the Angular 10 framework. We'll see how we can easy integrate both of them,...

3+ Ways for Adding Bootstrap to Vue 3 Apps

In this article, we'll see the available options for adding Bootstrap to your Vue 3 apps

Bootstrap 4 Custom File Input Button Text

In this quick tip article, we'll see how to add comments to the package.json file

Bootstrap 5 with Sass and Gulp 4 Tutorial by Example

In this tutorial, we'll learn how to use Bootstrap 5 to build a simple blog page with Gulp 4 and Sass. We'll use JavaScript to fetch data from a JSON...

Bootstrap 5 Close Button by Example

Bootstrap 5 comes with a new component that can be used to add a close button for dismissing other dismissable components such as popovers, modals and alerts

Styling An Angular 10 Example App with Bootstrap 4 Navbar, Jumbotron, Tables, Forms and Cards

Integrate Bootstrap 4/jQuery with Angular 10 and Styling the UI With Navbar and Table CSS Classes

In this Angular 10 tutorial we'll learn how to use Bootstrap 4 to build professional UIs

Styling An Angular 9/8/7 Example App with Bootstrap 4 Navbar, Jumbotron, Tables, Forms and Cards

In this tutorial, we'll learn how to integrate and use bootstrap 4 with Angular 9.

React Bootstrap Tutorial: Integrating Bootstrap 4 with React

In this tutorial we'll see how to integrate Bootstrap 4 with a React application without using jQuery

Vertical Center in Bootstrap 4

In this article, we'll see different ways we can use to center an element vertically in Bootstrap 4.

Building a One Page WordPress Theme with Bootstrap 4

Throughout this tutorial we'll be building a responsive one page WordPress theme with Bootstrap 4 styling. First we'll start by creating the directory structure and different files either required or...

Bootstrap Tutorial: Bootstrap 4 Grid/Flexbox Explained

This is tutorial is an introduction of the Bootstrap Grid system with taking Flexbox into consideration as Bootstrap 4 is now using Flexbox as the default display system for the...

Bootstrap Tutorial: Bootstrap 4 Card Explained

In this tutorial you will get introduced to the new Bootstrap 4 Card component then you will see different elements of a card component and finally you will build an...

Laravel 8 Job Batch by Example

In Laravel 8, we have a new batch method that allows developers to dispatch multiple jobs in the same time. Let's see the batch() method using a quick example

Laravel 8 Authentication Tutorial by Example

In this tutorial, we'll see step by step how to implement authentication in your Laravel 8 application

Laravel 8 REST API CRUD Tutorial by Example App with Bootstrap 4 and MySQL

Throughout this tutorial for beginners you'll learn to use Laravel 8 - the latest version of one of the most popular PHP frameworks - to create a CRUD web application...

Install Laravel 8 with PHP 7.3 & Composer

In this post, we'll see how to install Laravel 8 and create a new project but also how to install PHP 7.3 the minimal required version for installing Laravel 8...

Laravel 8 Auth Redirection Using redirectTo

In this tutorial, we'll learn how to customize the auth system in our Laravel 8 CRM app to redirect users after they register or login to a different route depending...

Laravel 8 Schema Dump Command: squashing & Cleaning Migrations

How to squash and clean migrations using the Laravel 8 schema dump command

Laravel 8 CORS Tutorial and Example

Learn how to enable cors in Laravel 8

Laravel 8 Auto-Prefixed Controller Routing: Target class does not exist

How to fix Laravel 8 not able to find your controller with a Target class does not exist error

Laravel 8 Ajax CRUD Tutorial with Bootstrap 4 Modal and Pagination Example

In this tutorial, you will learn to build a CRUD example with Laravel 8 and Ajax

Using Laravel 8 with Docker and Docker-Compose

In this tutorial we'll learn how we can use Docker/Docker-compose to develop and run Laravel 8 applications locally

Disable Laravel 8 Registration & Dynamic Routes

In this tutorial, we'll see how we can disable and remove the register route and view from the authentication system of our application if there is at least one admin...

Using Bootstrap 4 Instead of Tailwind in Laravel 8 with Laravel/UI v3 Package

In this article, we'll see how to install Bootstrap 4 with Laravel 8 using the laravel/ui v3 scaffolding package and also how to use Bootstrap for the pagination views instead...

Laravel 8 Auth Scaffolding Example with Jetstream Inertia.js and Livewire Stacks

In this article, you'll learn how to use the new Jetstream package in Laravel 8 for auth scaffolding

Laravel 8 Drag and Drop File/Image Upload UI Using Dropzone.js Example with Progress Bars and Image Previews

Throughout this tutorial, we'll show you by example how to use Dropzone.js in Laravel 8 to drag, drop and upload a file

Laravel 8 CRUD Tutorial by Example

Throughout this tutorial, we'll be learning how to create a CRUD app with Laravel 8 to create, insert, update and delete products from a MySQL database

Laravel 8 Model Events Tutorial

In this tutorial, we'll learn about Model events in Laravel 8 for using them in our CRM application to update the role of the user to an admin before saving...

Laravel 8 REST API Authentication with JWT Tutorial by Example

Throughout this tutorial, we’ll be learning how to authenticate REST APIs using JWT in the latest Laravel 8 version. You will learn how to create a REST API using Laravel...

Laravel 7/6 Ajax CRUD Tutorial with Bootstrap 4 Modal and Pagination Example

In this tutorial, you will learn to build a CRUD example with Laravel 6/7 and Ajax

Laravel 7/6 Auth Tutorial: Login/Register/Password Reset Example

In the previous tutorial, we've introduced Laravel and seen the new features of the latest Laravel 6 version. In this tutorial, we'll see how to add authentication with login, registration,...

PHP Laravel 7/6 Tutorial: CRUD Example App with Bootstrap 4 and MySQL Database

Throughout this tutorial for beginners you'll learn to use Laravel 7/6 - the latest version of one of the most popular PHP frameworks - to create a CRUD web application...

Laravel 7/6 Database Migrations Tutorial with Admin Roles Example

In this tutorial, we'll learn about migrations in Laravel 7/6 including the Schema builder comprised of the Schema and Blueprint facades

Laravel 7/6 Email Verification Tutorial and Example

In this tutorial, we'll see how to add email verification to our Laravel 6 application using the MustEmailVerify contract

Laravel 7/6 REST API CRUD Tutorial - Build a CRM [PART 2]: Eloquent Models and Relationships

Laravel 6 is recently released with many enhancements so we'll be learning, throughout this tutorial how to create an example CRUD application from scratch. The application we'll be building is...

Laravel 6/7 Tutorial & New Features - Creating and Migrating a MySQL Database

Laravel 7 is recently released with many enhancements so we'll be learning, throughout this tutorial how to create an example CRUD application from scratch. The application we'll be building is...

Laravel 7/6 CORS Tutorial and Example

Learn how to enable cors in Laravel 7/6

How to Install Vue.JS in Laravel 7/6 By Example

Learn how to Install Vue.JS in Laravel 6/7 By Example

How to Install Laravel 7 On Ubuntu, Windows and macOS

Learn how to install Laravel 7

How to Install Bootstrap 4 in Laravel 7/6 Tutorial and Example

Learn how to Install Bootstrap 4 in Laravel 7/6 By Example

Laravel UI Scaffolding Tutorial: make:auth removed in Laravel 6/7

In this tutorial, we'll learn about the new laravel/ui package for UI scaffolding

Semantic Versioning/Semver for Laravel 6 Devs: Why there is a caret (^) in your composer.json

You have heard that Laravel 6 has moved to semantic versioning (also called semver) but you are wondering what is that and does it impact how you work with your...

Upgrade to Laravel 6 from Laravel 5.8

Laravel 6 is finally released. It's the new LTS version of Laravel instead of Laravel 5.5. If you have created your project with Laravel 5.8 or you have an existing...

Handling/Disabling CSRF in Laravel 5.8 when Using JavaScript/Ajax

In this article we'll see how you can handle CSRF token in Laravel applications using a JavaScript/Ajax front-end and then how to disable CSRF checking for specific routes.

Angular 10 Universal Example Application with Express.js

Throughout this tutorial we are going to build an example, server side rendered, web application with Angular 10 and Express server

Serving Files in Express with sendFile()

Serving Files in Express with sendFile()

Node Express JWT Authentication — jsonwebtoken and bcryptjs

Throughout this tutorial, we'll be learning how you can create a JWT authentication server with Node.js and Express.js using some popular libraries like jsonwebtoken, bcryptjs and SQLite

Building Server Side Rendered Apps with the Angular Universal Starter

How to build server rendered apps with Angular Universal Starter

How To Learn Java Online: Tips and Best Resources

So, you are thinking about learning Java. Since it’s fault-tolerant, high performing, and straightforward, the language is a great choice for beginners. However, navigating the waters of learning Java programming...

Java 14/13 Switch Expressions by Example

We'll learn about the new Java 14/13 switch expressions by Example

How You Can Upgrade Clojure Projects to use Java 11

How You Can Upgrade Clojure Projects to use Java 11

Java 14/11 Tutorial: Installation & New Features

A quick introduction tutorial to learn Java 11 for beginners

Spring Boot 2.2 with Java 13 CRUD REST API Tutorial: Using JPA Hibernate & MySQL

Throughout this tutorial, we'll learn to build a Java 13 web application using Spring 5 and JPA. We'll build the REST API using the Spring Boot 2.2 rapid development platform...

Java 11, Spring 5 & Spring Boot 2.2 REST API Tutorial by Example

In this tutorial, you will learn to build your first web application with Java 11, Spring 5 and Spring Boot 2. We'll also use NetBeans 11 as IDE

How to Install Oracle JAVA 11/14 on Ubuntu 20.04/19.04

This post shows you how you can install Oracle Java 11/14 on Ubuntu 20.04 and Ubuntu 19.04

How to Install JAVA 14/13 (OpenJDK) on Ubuntu 20.04/19.04

This post shows you how you can install Java 14/Java 13 on Ubuntu 19.04/Ubuntu 20.04

Java 11 HttpClient & Gson Tutorial: Send HTTP GET Requests and Parse JSON in a Single Source File Example

In this tutorial, we'll learn about the HttpClient library introduced Java 11 for sending HTTP requests. We'll also see how to use the Gson library from Google to parse JSON...

The New Features in JDK14/Java 14?

JDK14 - Java 14 - What's new features in Java 14

Jakarta EE Tutorial

In this tutorial you'll learn about Jakarta EE—the open source version of Java Enterprise Edition (Java EE) which has been renamed to Jakarta EE for copyright reasons related to the...

Installing Java 8 and Android Studio on Ubuntu 18.04

Throughout this tutorial, we'll see how to install Java 8 and Android Studio on either Ubuntu 16.04 or Ubuntu 17.01.

Printing with Ionic 5, Ionic Native 5 and Cordova

How to print to PDF or paper in Ionic 2 apps using Ionic Native and Cordova

Cordova Tutorial: Learn Cordova for Android & iOS

A Cordova tutorial for building hybrid mobile apps for Android and iOS

Ionic 4 Tutorial with Vue

In this tutorial we'll see how to build a simple mobile application with Vue, Ionic 4 and Cordova

Ionic 4 Tutorial with AngularJS and Cordova

In this tutorial we'll see how to build a simple mobile application with AngularJS, Ionic 4 and Cordova

Flask By Example Tutorial: Templates, Inheritance & render_template() Example

In this quick tutorial, you will be introduced to templates and template inheritance in Flask with Jinja.

Single Page Apps with Flask and Angular 4|5 Tutorial Series

In this tutorial series we'll be using Python, Flask, SQLAlchemy and Angular 5 to build a modern RESTful web application with an architecture that consists of a front-end application with...

Django vs. Flask (2019 Comparison)

A gentle comparison of Django vs Flask Python web frameworks in 2019

Angular 10 and Django 3 Image Files Upload with FormData

Throughout this tutorial, we'll see how we can implement image files upload in Django 3, FormData and Angular 10 with a step by step example

Multiple Image Files Upload with Django 3, Angular 10 and FormData

Throughout this tutorial, we'll see how you can implement multiple file upload in Django 3. We'll be using Angular 10 to create a simple interface that allows the user to...

Run your Python Unit Tests with GitHub Actions

In this tutorial, we'll learn how to automatically run your Python unit tests using GitHub Actions

VS Code: Automatically Organize Python Imports

In this quick tip, we'll see how to configure VS Code to automatically organize Python imports upon saving your source code files

Using Comments in JSON with Node.js and JavaScript Examples

In this quick example, we'll learn how to add single-line and multiple-line comments to JSON

Removing Comments from JSON with Python

How to remove comments from JSON files with Python

How to Delete Local/Remote Git Branches

If you have previously worked with Git for versioning your Angular code, there is a good chance that you had some situation where you wanted to delete a remote branch...

Building Django 3 HTTP APIs with GraphQL and Graphene

This tutorial will introduce you to GraphQL with Python, Django 3 and Graphene. We'll see how to create a simple Django 3 project to demonstrate how to build an API...

Multiple Image/File Upload with Django 3, Ionic 5 and FormData

In this tutorial, you'll learn to implement multiple file upload with Ionic 5, django 3 and FormData

Django 3 Tutorial & CRUD Example with MySQL and Bootstrap

A Complete step by step tutorial to learn Django from scratch

Django 3 Authentication with a MySQL Database— Login, Logout and Password Change/Reset

In this tutorial, you'll learn how to easily add a complete authentication system to your django 3 application with login, logout and password change and reset functionalities

MyCLI: A MySQL CLI Based on Python with Auto-completion and Syntax Highlighting

mycli is a Python command line interface for MySQL, MariaDB, and Percona with auto-completion and syntax highlighting

Python Webviews with PyWebView

Have you ever wanted to use your python and web development skills to build cross platform desktop GUI apps? if yes then welcome to this tutorial where we'll show you...

Django 3 Tutorial & Example [2020]: Build a CRUD REST API for A Simple CRM

A Complete step by step tutorial to learn Django from scratch

Python 3 GUI: wxPython 4 Tutorial - Urllib & JSON Example

Post Multipart Form Data in Python with Requests: Flask File Upload Example

In this tutorial we'll demonstrate how to upload a file from a Python server to another server by sending a POST request with multipart/form-data using the Python requests library.

CORS in Django REST Framework

In this tutorial we have seen how to enable CORS headers in your Django back-end using a custom CORS middleware or the django-cors-headers package

Django 2 Ajax CRUD with Python 3.7 and jQuery

Throughout this tutorial, you'll create a Django CRUD example with Ajax and jQuery

Django 2 CRUD Tutorial: Generic Class-Based Views

Throughout this tutorial, you'll create a Django CRUD example application using generic class based views. You will be using the latest Python 3.7 version.

Python Django JWT — djangorestframework-jwt Example

In this tutorial we'll see how to add JWT based authentication to Python apps built with Django and Django REST Framework

Django Form Example—Bootstrap 4 UI via django-crispy-forms

Throughout this tutorial, we'll learn about TemplateView in Django

Django TemplateView GET|POST Example — URLs, as_view and get_context_data

Throughout this tutorial, we'll learn about TemplateView in Django

CSS Grid Layout Tutorial—Styling a Django Template

Throughout this tutorial, we'll learn about CSS Grid layout. We'll be using a Django template.

React Basics Tutorial for Django Developers [2018]

Learn React quickly with this tutorial

Using Electron with Flask and python-shell

In this tutorial, you'll learn to build GUIs for your Flask applications using Electron and web technologies i.e HTML, CSS and JavaScript

Using Python with Electron Tutorial

In this tutorial, you'll learn to build GUIs for your Python applications using Electron and web technologies i.e HTML, CSS and JavaScript

JavaScript ES6 Tutorial for Django Developers

Pipenv Tutorial for Django Developers

Pipenv is the new officially recommended packaging tool for Python which is similar to modern package managers like NPM (Node.js) or Composer (PHP). Pipenv solves common problems, most Python developers,...

Create New Django Project (Django 1.11 Example)

In this tutorial, we'll learn to create a Django 1.11 project from scratch using Pipenv

Vue Axios Tutorial by Example (CRUD API)

Throughout this tutorial with Vue.js and Axios we'll see how to add CRUD (Create, Read, Update and Delete) methods with a Vue front-end and a Python Django RESTful API back-end....

Angular 6|5 Tutorial: Integrating Angular with Django

In this tutorial we'll see how we can integrate the Angular 6 front-end application with the Django back-end.

Angular Tutorial (Updated to Angular 7)

In this tutorial series we'll cover, the new Angular 6 features, the basics and the in-depth concepts of Angular 4/5/6 framework, starting with how to install the Angular CLI 6...

Resetting Django Migrations

Sometimes you’ll need to reset your Django migrations or simply make a clean up. This process can be performed very easily in many situations but can also become complex if...

Single Page Apps with Flask and Angular 4|5 Tutorial Series

In this tutorial series we'll be using Python, Flask, SQLAlchemy and Angular 5 to build a modern RESTful web application with an architecture that consists of a front-end application with...

Building a Modern Web Application with Django REST Framework and Vue: Building Views and REST API

In this tutorial, the third part of building a demo application with Django and Django REST framework for the API back-end and a Vue front-end will be covered. You'll first...

Building Modern Applications with Django, Vue.js and Auth0: Part 2

Throughout this series, you'll be using Django, Django REST framework, and Vue.js to develop an application with a REST API back-end and a Vue.js front-end. The API will be consumed...

Adding JWT Authentication to Python and Django REST Framework Using Auth0

In this tutorial we'll learn how to add Auth0 JWT authentication to an API built with Django REST framework.

QuickTip: Django and AngularJS Conflicting Interpolation Symbols

In this quick-tip post we'll see how to change the conflicting symbols for template tags when using Django and AngularJS

Adding the Django CSRF Protection to React Forms

In this tutorial you'll see how you can handle the Django CSRF token in React when using the Axios client or the fetch API. We'll also see how you can...

Django React Tutorial with Example Demo

In this tutorial we'll look at how to build a modern CRUD web application using Django and React. We'll use Django REST Framework to build an example API, react-router-dom for...

Building Modern Web Apps with Python, Django Rest Framework and Angular 4|5

In this tutorial we are going to learn how to get started building modern web applications with Python, Django and Django Rest Framework as the back-end stack and the new...

Building a CRUD Application with Django Rest Framework and Vue.js

In this tutorial, you will learn how to use Django and Vue.js to build a modern CRUD (Create, read, update and delete operations are essential for the majority of web...

Building Web Apps with Django ,Webpack and React

How to build modern web apps with Django , Webpack and React

Building a Modern App with Django and React

How to build modern web apps with React, Django and Django Rest Framework

Getting started with Django Rest Framework by Building a Simple Product Inventory Manager

Getting started with Django Rest Framework by Building a Simple Product Inventory Manager

How to Customize Django Admin Application

How to Customize Django Admin Application

Optimizing and Squashing Django Migrations

How to squach and optimize Django Migrations

How to Add Django Admin Custom List Actions

How to easily add custom actions to Django Admin Lists

Angular 2+ with Django Rest Framework tutorial (Part 3): Create database models

Django REST framework (DRF) and Angular 2+ tutorial (Part 3)

Django REST framework (DRF) and Angular 2+ tutorial (Part 2)

Django REST framework (DRF) and Angular 2+ tutorial (Part 2)

Django vs. Flask (2019 Comparison)

A gentle comparison of Django vs Flask Python web frameworks in 2019

Django 1.11 : Create super user for Admin back office

Lets learn about how to create a super user in Django .We'll be using Django 1.11 version

Django REST framework (DRF) with Angular 4|5 Tutorial (Part 1)

Django REST framework (DRF) and Angular 2+ tutorial (Part 1)

Python PIP local cache

Python PIP local cache

Easy ecommerce with Django framework

In this post we are going to talk about Ecommerce with Python and the Django framework and what are the available packages/frameworks to use for building your ecommerce website ,shop...

Building Real time web apps with Django channels

In this tutorial we are going to learn how to Django channels to build real time web apps

Build Facebook messenger bots with Python and Django

In this tutorial we are going to learn how to build Facebook bots using Python and Django framework

How to reset migrations in Django 1.7 - 1.8 - 1.9 and above

This tutorial shows you how to reset database migrations in Django 1.7 - 1.8 - 1.9 and above

Angular 10 TypeScript Version

In this tutorial, we'll learn how to check and update the TypeScript version in your Angular 10 project

Git and GitHub for JavaScript/Angular Developers with VS Code

Throughout this tutorial, We’ll learn together from the basic steps what Git is, how to use it for your web development projects with JavaScript and Angular, and how to use...

Angular 10 Leave Browser Beforeunload Event: Warn Users Leaving your App

In this article, we'll learn about the beforeunload event which is a browser event that's used to prompt or warn users that they're about to leave a page or in...

3+ Ways for Adding Bootstrap to Vue 3 Apps

In this article, we'll see the available options for adding Bootstrap to your Vue 3 apps

Update Arrays with React useState Hook Without Push

In this article, we'll see by example how to update arrays via the React hook useState() using the push() method of the Array object

React State Array Get Length Example

In this quick tip article, we'll see how to get the length of an array or state array in React

Bootstrap 4 Custom File Input Button Text

In this quick tip article, we'll see how to add comments to the package.json file

How to add comments to package.json

In this quick tip article, we'll see how to add comments to the package.json file

Bootstrap 5 with Sass and Gulp 4 Tutorial by Example

In this tutorial, we'll learn how to use Bootstrap 5 to build a simple blog page with Gulp 4 and Sass. We'll use JavaScript to fetch data from a JSON...

Bootstrap 5 Close Button by Example

Bootstrap 5 comes with a new component that can be used to add a close button for dismissing other dismissable components such as popovers, modals and alerts

Using Comments in JSON with Node.js and JavaScript Examples

In this quick example, we'll learn how to add single-line and multiple-line comments to JSON

Read JSON Files In NodeJS With require() and fs.readFileSync()

How to read JSON files with NodeJS require() and fs.readFileSync()

Promise.all() and map() with Async/Await by Example

In this quick example, we'll learn how to use Promise.all() with Async/Await in JavaScript

Picture-in-Picture with JavaScript and Angular 10

In this quick example, we'll learn how to use Picture-in-Picture with JavaScript and Angular 10

Frontity Tutorial: The React framework for WordPress

In this tutorial, we'll learn about Frontity, The React framework for WordPress

Convert Promise-Based Chain to Async/Await with VS Code

In this quick example, we'll learn how to convert a promise in JavaScript to async/await syntax manually and then with VS Code

Jasmine Unit Testing for Angular 12

In this tutorial, we'll present you with a quick and complete guide to testing with Jasmine in Angular 12

Angular 10/9 Elements Tutorial by Example: Building Web Components

In this Angular 10 Elements tutorial by example we'll learn how to use Angular to build web components or custom elements.

Convert String To Number/Array In JavaScript with React Hooks/Vue.JS Examples

In this tutorial, we'll learn by example how to convert a string to the corresponding integer or float number or array of numbers using the built-in JavaScript methods with simple...

React Hooks & GraphQL Apollo Tutorial: Build a First Example App in 4 Easy Steps

In this tutorial, we'll learn how to build a React application in four easy steps with React Hooks and GraphQL Apollo for consuming a third-party API

JavaScript Reactive/Asynchronous Code with RxJS 6, TypeScript & Angular 10: Callbacks, Promises and Observables

In this tutorial, we'll learn to use the RxJS 6 library with Angular 10.9. We'll learn about how to import the Observable class and the other operators. How to subscribe...

React, Axios and Redux: Asynchronously Fetch and Save Data to Local Storage

In this tutorial, we'll learn about many of Redux concepts by creating a simple React application from scratch using React, Redux and Axios to asynchronously fetch and save data to...

JavaScript/Node Top-lavel Await Example

Before the new top-level await, you can only await for a piece of code inside a (arrow) function that's defined with the async keyword

Angular 9 Web Components: Custom Elements & Shadow DOM

Throughout this tutorial, we’ll teach you to create a native web component using the latest Angular 9 version. Part of standard web components are custom elements and shadow DOM which...

JavaScript Fetch Tutorial: Send HTTP Requests With React.JS and Async-Await Example

In this tutorial and example, we'll see how to use Fetch to send GET requests inside a Reacts.js example application. We'll also see how to use the Async/Await syntax to...

JavaScript Promises Tutorial with Angular 7/8 Example

In this tutorial designed for Angular developers, you'll learn about JavaScript Promises introduced in ES6 and you'll see how you can use them with an Angular 7/8 example.

JavaScript Async/Await with Angular 7/8 Observable and HTTP Example

In this tutorial, we'll learn about JavaScript/ES7 async and await keywords and we'll see how you can use them to write better asynchronous code in your Angular 7/8 apps with...

ES6 Modules - Import, Export & Default for React Native Devs

In this article, we'll focus on understanding the import, export and default keywords used in ES6 modules

React Hooks Tutorial: useState and useEffect Examples [2019]

React Hooks are a new feature that's recently released by the React team. In this tutorial, you will learn the basics of Hooks and how to migrate a React app...

FormData Explained + Ajax, Angular 9, Ionic 5, and React Examples

Constant in JavaScript: const vs. Object.freeze()

In this tutorial, we'll look at the difference between `const` and `Object.freeze()` in JavaScript.

JavaScript ES6 & Node Spread Operator Syntax

In this post, you will learn about the JavaScript Spread syntax or operator.

JavaScript ES6 Three Dots Syntax (...): Spread vs. Rest Operators

In this post, you will learn the difference between the Spread and the Rest operators in JavaScript.

JavaScript ES6 Arrow Function Default Parameters & Multiple Return Values

In this post, you will learn about the JavaScript function default parameters and return values.

JavaScript ES6 by Example — Array.find() & Array.findIndex()

Array.find() and Array.findIndex() are two new methods in JavaScript ES6. They make searching arrays more easier than before without writing cumbersome code and loops.

JavaScript Interview Questions & Solutions

JavaScript Interview Questions & Solutions

React 16.6 New Features: React.memo() and Suspense/React.lazy()

We'll learn about important new features of React such as React.memo() and React.lazy()

JavaScript ES6 Tutorial for Django Developers

Node.js Tutorial & Examples (Node.js 10)

Node.js tutorial for biginners

RxJS 6 for Angular Developers Tutorial by Example

In this RxJS 6 tutorial you'll learn about the latest version of RxJS, a library that implements Reactive programming in JavaScript. You'll learn about the core RxJS 6 concepts such...

JavaScript Array.from() (NodeList and arguments)

In this example, we'll see how to use the Array.from() method to convert array-like and iterable objects to JavaScript Arrays.

querySelector, querySelectorAll and forEach By Example

In this example, we'll see how to use the querySelector() method, the querySelectorAll() method and forEach() to iterate over a NodeList object.

HTML5 History API

The HTML5 History API allows you to control the browser history from JavaScript. For example, you can navigate the history stack and set the URL of the address bar dynamically...

HSL (and HSLa) Colors in CSS

In this example, we'll learn to use the HSL (and HSLa) color scheme for defining colors in CSS.

Ionic 4/Angular Tutorial - Ionic 4 Router (Routing and Navigation Example)

Throughout this tutorial, we'll see how to add routing to Ionic 4 with the Angular 6 router

Ionic 4 Upgrade: Updating From Ionic 3 to Ionic 4/Angular 6

Throughout this tutorial, we'll see how to upgrade your Angular 6 project to use RxJS 6

Angular 6 Upgrade: Migrating to RxJS 6

Throughout this tutorial, we'll see how to upgrade your Angular 6 project to use RxJS 6

Vue Axios Tutorial by Example (CRUD API)

Throughout this tutorial with Vue.js and Axios we'll see how to add CRUD (Create, Read, Update and Delete) methods with a Vue front-end and a Python Django RESTful API back-end....

Learn Angular: Full-Stack & CRUD Angular 7/8 PDF Tutorial

In this Angular 7/8 PDF tutorial, you'll going to learn how to build full-stack web applications with Angular 8 and a Python back-end.

React Router Redux Tutorial

In this tutorial we'll look at how to use react-router-redux (previously known as redux-simple-router) to control the URL as a part of the application state.

Angular 6|5 Tutorial: Integrating Angular with Django

In this tutorial we'll see how we can integrate the Angular 6 front-end application with the Django back-end.

Angular Tutorial (Updated to Angular 7)

In this tutorial series we'll cover, the new Angular 6 features, the basics and the in-depth concepts of Angular 4/5/6 framework, starting with how to install the Angular CLI 6...

Ionic 4 Tutorial for Beginners: Custom Elements, Buttons, Navs and Tabs

Ionic 4 Tutorial for Beginners: Custom Elements, Buttons, Navs and Tabs

Ionic 4/Angular Tutorial for Beginners: Learn Ionic Properly To Build Native and Progressive Web Apps [Study Guide v0.1]

Learn Ionic 4 Properly (A Study / Learning Guide)

Single Page Apps with Flask and Angular 4|5 Tutorial Series

In this tutorial series we'll be using Python, Flask, SQLAlchemy and Angular 5 to build a modern RESTful web application with an architecture that consists of a front-end application with...

Building a PWA with Stencil

In this tutorial we'll get started using Stencil and learn the very first basics then next we'll build a simple real world PWA.

A Re-Introduction to Ionic (Ionic 4+, PWAs, Stencil, Capacitor and Electron)

If you have been following with the Ionic framework then you'll have probably noticed the buzz around some new technologies/tools and concepts mainly PWAs (Progressive Web Apps), Stencil, Capacitor and...

Handling CORS in Express 4

So in this tutorial you'll learn how to enable CORS in your Express 4 server to enable your front-end application to bypass the Same Origin Policy enforced by modern web...

3+ Ways to Add Authentication to Ionic 3 (Angular 4|5) Applications

In this article we'll look at the available options for adding authentication to your Ionic 3 application

Building a Fake and JWT Protected REST API with json-server

In this tutorial we'll see how to create a fake REST API with json-server, how to generate fake data with faker.js and how to add JWT authentication with jsonwebtoken

How To Use External Plain JavaScript Libraries in TypeScript Projects

How To Use External Plain JavaScript Libraries in TypeScript Projects

[TIP] Pure JavaScript equivalent or alternative to jquery.ready()

Throughout this post we are going to see a pure JavaScript equivalent or alternative to the jquery.ready() method

Using and Running Node.js Modules in The Browser

In this quick tutorial, we'll learn to use and run Node.js modules in the browser.