Web content
-
Build a Chrome Extension using Manifest V3
Aug 11, 2023 • Nazmul Idris
A guide on how to build a Chrome Extension using Manifest V3 that replaces the use of bookmarks (in a way) allowing you to create your own names for a URL or a set of URLs. -
Reference handbook for using Ink v3.2.0 components (w/ React, Node.js and TypeScript)
Nov 25, 2021 • Nazmul Idris
This article is reference handbook for using Ink v3.2.0 (with TypeScript and React) components to create CLI apps. IDEA Ultimate / Webstorm project files are provided. -
Advanced guide to Ink v3.2.0 (w/ React, Node.js and TypeScript)
Nov 5, 2021 • Nazmul Idris
This article is an advanced guide to using Ink v3.2.0 (with TypeScript and React) to create CLI apps. IDEA Ultimate / Webstorm project files are provided. -
Introduction to Ink v3.2.0 (w/ React, Node.js and TypeScript)
Nov 4, 2021 • Nazmul Idris
This article is an introduction to using Ink v3.2.0 (with TypeScript and React) to create CLI apps. IDEA Ultimate / Webstorm project files are provided. -
React hooks (v17.0.3) and Redux handbook using TypeScript (v4.3.4)
Oct 19, 2021 • Nazmul Idris
This handbook will take you thru using function components in React and Redux (using TypeScript) and writing tests for them (using react-testing-library). IDEA Ultimate / Webstorm project files are provided. This handbook is written as a reference. You can easily jump to the section that is relevant to you or read them in any order that you like. -
CSS responsive design using Grid, Flexbox, and media queries handbook
Oct 19, 2021 • Nazmul Idris
This handbook is a reference guide on how to understand and use CSS to build web applications that incorporate responsive design using Grid, Flexbox, and media queries. IDEA Ultimate / Webstorm project files are provided. This handbook is written as a reference. You can easily jump to the section that is relevant to you or read them in any order that you like. -
Node.js (v16.3.0) Handbook using TypeScript (v4.3.4)
Jul 2, 2021 • Nazmul Idris
This handbook will use TypeScript to take you thru using Node.js. IDEA Ultimate / Webstorm project files are provided. This handbook is written as a reference. You can easily jump to the section that is relevant to you or read them in any order that you like. -
A pragmatic guide to designing and building responsive web applications
Aug 25, 2019 • Nadia Idris
This article is a pragmatic guide for developers and designers who want to learn how to build responsive web applications -
TypeScript starter project w/ Webpack 4, Karma, Jasmine
Jul 6, 2019 • Nazmul Idris
This tutorial showcases a starter project for people who want to use TypeScript w/ a stater project already setup to deploy to browsers using Webpack 4, and w/ testing infrastructure configured (via Jasmine and Karma) -
Vue.js, Webpack, Vueitify, Electron, and vue-cli
Aug 22, 2018 • Nazmul Idris
This tutorial serves as a deeper dive into Vue, along with Vuetify (a Material Design library for Vue), Webpack, Electron, and vue-cli -
Getting started with Vue.js
Aug 15, 2018 • Nazmul Idris
Vue is a competitor to React. This tutorial serves as a brief introduction to Vue, and getting started with it without using Webpack or Babel. -
Flexbox: Getting started (Part 1/2)
Nov 15, 2017 • Nadia Idris
The goal of this series of articles is to help you to learn Flexbox in a fun interactive way and then help you to build simple real life examples using Flexbox 📦 -
Flexbox: Building a navigation bar (Part 2/2)
Nov 14, 2017 • Nadia Idris
This is a second article on 2 part series. In this article you will learn how to build a simple example responsive navigation design using Flexbox and media queries. 📦 -
Loading CSV files in Node
Jul 19, 2017 • Nazmul Idris
Tutorial and code on GitHub that demonstrates the use of ya-csv and inquirer to load CSV files from node.js and convert them into JSON files, to generate sample data for other apps. -
Flexbox layouts and lists with React Native
Apr 26, 2017 • Nazmul Idris
This tutorial is a deep dive of Flexbox layout and FlatList. It will show you how to take a wireframe and compose React Native components out of it. The code for this tutorial is on GitHub. -
Using Firebase for user presence tracking
Oct 12, 2016 • Nazmul Idris
This tutorial will show you how to use Firebase to to build user presence tracking into web apps. The code for this tutorial is in GitHub. -
Building a real world app using React, Redux, Firebase, and Typescript
Oct 6, 2016 • Nazmul Idris
The purpose of this tutorial is to serve as a starting point for a real world React, Redux, and Firebase example. The starter project is on GitHub. -
Building a real world app using React, Firebase, and Typescript
Oct 2, 2016 • Nazmul Idris
The purpose of this tutorial is to serve as a starting point for a real world React and Firebase example. The starter project is on GitHub.