Techiediaries

Vue 3 Router

In this article, we'll learn about the Vue 3 Router by example

27 Sep 2020

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 our case the Angular app

24 Sep 2020

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

19 Sep 2020

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

15 Sep 2020

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

15 Sep 2020

Bootstrap 4 Custom File Input Button Text

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

15 Sep 2020

How to add comments to package.json

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

15 Sep 2020

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 endpoint that exports the latest posts from Techiediaries

08 Sep 2020

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

08 Sep 2020

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

05 Sep 2020

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

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

01 Sep 2020

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

31 Aug 2020

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

31 Aug 2020

Frontity Tutorial: The React framework for WordPress

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

31 Aug 2020

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

31 Aug 2020

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.

04 Aug 2020

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 and Vue.js examples

09 May 2020

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

05 May 2020

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 and unsubscribe from Observables, how to import and call operators and wrap them with the `pipe()` function. We'll also see how to use the async pipe to subscribe to Observables from templates

04 May 2020

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

25 Apr 2020

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

30 Mar 2020

Jasmine Unit Testing Angular 9 Tutorial

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

19 Feb 2020

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 provide a way to extend HTML by creating your custom HTML tags and encapsulating the DOM tree and CSS styles behind other elements

18 Feb 2020

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 avoid using JavaScript Promises in your code

09 Dec 2019

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.

05 Sep 2019

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 an example using HttpClient for sending HTTP requests and RxJS Observables.

05 Sep 2019

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

08 Aug 2019

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 to use functional components and Hooks instead of classes

26 Jul 2019

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

16 Jul 2019

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

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

18 Jun 2019

JavaScript ES6 & Node Spread Operator Syntax

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

11 Jun 2019

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.

11 Jun 2019

JavaScript ES6 Arrow Function Default Parameters & Multiple Return Values

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

11 Jun 2019

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.

22 Apr 2019

JavaScript Interview Questions & Solutions

JavaScript Interview Questions & Solutions

29 Dec 2018

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()

30 Oct 2018

JavaScript ES6 Tutorial for Django Developers

15 Aug 2018

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

Node.js tutorial for biginners

04 Aug 2018

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 as Observables, Observers, Subjects, Streams, Subscriptions and Operators.

18 Jul 2018

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.

11 Jul 2018

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.

10 Jul 2018

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 and without a full-page refresh

10 Jul 2018

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.

10 Jul 2018

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

25 Jun 2018

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

20 Jun 2018

Angular 6 Upgrade: Migrating to RxJS 6

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

19 Jun 2018

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.

13 Jun 2018

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.

09 Jun 2018

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.

29 May 2018

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.

29 May 2018

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 and how to upgrade an existing Angular 5 project to Angular 6.

24 Apr 2018

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

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

14 Apr 2018

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)

12 Apr 2018

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 Angular 5 and a back-end REST API using Flask.

04 Apr 2018

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.

17 Feb 2018

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 Native PWAs. Are you confused/worried by all that? Don't be It's all related and has one ultimate goal which is to make Ionic a powerful framework-agnostic library for building mobile (progressive) web apps that have first class access to native device features.

16 Feb 2018

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

21 Jan 2018

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 Jan 2018

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

15 Jan 2018

How To Use External Plain JavaScript Libraries in TypeScript Projects

How To Use External Plain JavaScript Libraries in TypeScript Projects

06 Jun 2017

[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

09 Jan 2017

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.

08 Apr 2016