zeptobook

[zeptobook]

JavaScript ES2020 Features You Should Know

JavaScript ES2020 Features You Should Know

This article introduces the features provided by JavaScript ES2020 in easy code examples. In this way, you can quickly understand the new features without the need for a complex explanation. It is beneficial that a front-end developer should know these JavaScript ES2020.

Optional Chaining

The optional chaining ?. is an error-proof way to access nested object properties, even if an…

[zeptobook]

How To Run, Stop And Remove Containers In Docker

How To Run, Stop And Remove Containers In Docker

In this tutorial, we are going to learn how to run, stop, and remove containers in docker. This post will use the online version of the docker for demonstration purposes. You will also learn how to run single or multiple containers in docker.

How to install Docker?

Sign up for Docker Hub: https://hub.docker.com/signup

Navigate to https://hub.docker.com/?overlay=onboarding

Download *Docker…

[zeptobook]

6 Ways Of Using HTTP Interceptors In Angular

6 Ways Of Using HTTP Interceptors In Angular

Angular HTTP Interceptors Interceptors Introduction to Angular HTTP Interceptors Logging Profiling Mock Backend 6 Ways of Using HTTP Interceptors In Angular

What is Interceptor in Angular?

Angular Interceptor is a powerful feature that can be used in many ways for securing and handling many HTTP related phenomena. Interceptors provide a mechanism to intercept and/or mutate outgoing requests…

[zeptobook]

Develop Smart Contracts Using Remix And ReactJS

Develop Smart Contracts Using Remix And ReactJS

Ethereum is a general-purpose blockchain that is more suited to describing business logic, through advanced scripts, also known as smart contracts. The easiest place to start writing smart contracts in Solidity in with the online Remix IDE.

In this tutorial, we will learn about developing smart contracts for ethereum using Remix and ReatJS.

Remix is a powerful, open-source tool that helps…

[zeptobook]

Create Your First BlockChain Ethereum DAPP With React

Create Your First BlockChain Ethereum DAPP With React

Today I’m going to show you how to build an Ethereum Dapp with React.js! Let’s create a blockchain-based simple application powered by Ethereum smart contracts on the blockchain. I’ll walk you through step-by-step in the process from start to finish.

We’ll create the Ethereum smart contract first, deploy it to the blockchain and connect it with our React app.

Ethereum Smart Contract

Whe…

[zeptobook]

Deploy Your First Smart Contract With Truffle

Deploy Your First Smart Contract With Truffle

In this tutorial, we are going to create and deploy a simple smart contract Truffle. We will also learn how to use it with the Truffle-CLI tool.

What is Truffle?

Truffle is a development environment, testing framework and asset pipeline for Ethereum, aiming to make life as an Ethereum developer easier. With Truffle, you get:

Built-in smart contract compilation, linking, deployment and…

[zeptobook]

How to build lists and navigation in SwiftUI

How to build lists and navigation in SwiftUI

In this blog, we will learn about how to build lists and navigation in SwiftUI.

This tutorial follows the Apple Developer demo app for creating and combining views in SwiftUI. Let’s play with SwiftUI. In the first part, we have learned about creating and combining views in SwiftUI. We will continue the same project and will modify it as per our requirements.

https://www.zeptobook.com/how-t…

[zeptobook]

Learn about module design pattern in JavaScript

Learn about module design pattern in JavaScript

One of the most commonly used JavaScript design patterns is a Module design pattern. It is easy to use module design pattern and it creates encapsulation of our code. Modules are commonly used as singleton style objects where only one instance exists. The Module Pattern is great for services and testing/TDD.

The module pattern is one of the amazing design patterns and I’d like to share some…

[zeptobook]

Understand Shallow And Deep Copy In JavaScript

Understand Shallow And Deep Copy In JavaScript

Understanding shallow and deep copy in JavaScript is very important. In this tutorial, we will learn about what is a shallow and deep copy in JavaScript. First of all, what is a copy? In day to day programming, we store values in variables. Making a copy means that you initiate a new variable with the same value(s).

When you change the copy, you expect the original thing to stay the same,…

[zeptobook]

How to create and combine views in SwiftUI

How to create and combine views in SwiftUI

This tutorial follows the Apple Developer demo app for creating and combining views in SwiftUI. Let’s play with SwiftUI.

Create a new SwiftUI Project

Open Xcode, and select Create a new Xcode project.

Under iOS, select Single View App and click Next button.

In the next window, give Product Name as SwiftUITutorial. Make sure SwiftUI is selected in User Interface dropdown. Click Next.

[zeptobook]

Looking at the Security Improvements of HP’s New Spectre Laptop

Looking at the Security Improvements of HP’s New Spectre Laptop

Introduction

One area many consumers tend not to focus on when shopping for laptops is security. Odd, considering that laptops are perhaps the most vulnerable types of PCs since they are used everywhere, from the library to the coffee shop.

Both of these places fall victim to the downfalls of public networks: no encryption, no blacklist/whitelist, and various security risks in the form of…

[zeptobook]

Object Mutation In JavaScript

Object Mutation In JavaScript

In this blog, we will learn about object mutation in JavaScript. We will learn why it is so important to learn about mutation in Javascript. We will also discuss why mutation is bad and how to solve data mutation problem.

What is data mutation in JavaScript?

Mutation means a change in the form or nature of the original data. In JavaScript, there are two data types: 1) primitive and 2) non-…

[zeptobook]

Create A React App With Webpack And Babel

Create A React App With Webpack And Babel

There is a great official way introduced by Facebook to start a React project using create-react-app. This command will create a basic React app without any build configuration which is recommended for anyone who is getting started with React. You shouldn’t bother about Webpack and Babel as a beginner.

You could start your project by copying boilerplate code from a Github repository or simply…

[zeptobook]

What Is JavaScript Callback And How Does It Work?

What Is JavaScript Callback And How Does It Work?

In this blog, we will learn about what is JavaScript callback and how does it work. I will provide some examples of JavaScript callback functions as well.

What Is JavaScript Callback?

In simple terms, a callback function is a function passed into another function as an argument which is then invoked inside the outer function to complete some kind of routine or action.

Callbacksin…

[zeptobook]

Remove An Item From The Array Using JavaScript Splice()

Remove An Item From The Array Using JavaScript Splice()

One of the common operations with an array is removing the item. We will learn about how to remove an item from an array using JavaScript Splice() function.

But before that, let me introduce you to Splice() function in JavaScript.

Splice() Introduction

Splice() is a JavaScript built-in method to play with an array. The splice()function can add or remove an item from an array. Thus…

[zeptobook]

Add an item to an array using JavaScript Splice()

Add an item to an array using JavaScript Splice()

Find out how to add an item to an array using JavaScript Splice(). The Array.splice() method is an inbuilt method in JavaScript which is used to modify the contents of an array by removing the existing elements and/or by adding new elements.

JavaScript Splice() Syntax

Here is the Splice() method syntax.

array.splice(start, count, items)

Splice() method’s parameters Description

start

[zeptobook]

Understanding Angular Modules and Its Types

Understanding Angular Modules and Its Types

Angular is a platform and framework for building client applications in HTML and TypeScript. Understanding the different types of Angular modules is a key factor for architecting or refactoring an application. Furthermore, modules are a great way to organize an application and extend it with capabilities from external libraries.

Angular Module: NgModule

NgModuleis a core building block of…