React For Absolute Beginners – Part 3

React For Absolute Beginners – Part 3

Learn some of the advanced JSX knowledge and common errors to avoid when you’re writing your first React Component!


Continue reading on React For Absolute Beginners – Part 3

React For Absolute Beginners – Part 2

React For Absolute Beginners – Part 2

Learn to render JSX element on screen using ReactDOM.render() method. And also learn what is the Virtual DOM & how it helps in boosting the performance.


Continue reading on React For Absolute Beginners – Part 2

React For Absolute Beginners – Part 1

React For Absolute Beginners – Part 1

Learn to understand the basic of JSX & learn to write JSX expression.


Continue reading on React For Absolute Beginners – Part 1

JavaScript Random Unique Key Generator

JavaScript Random Unique Key Generator

Generate unique key randomly (look like GUID) using JavaScript!


Continue reading on JavaScript Random Unique Key Generator

High Performance CSS Animation

High Performance CSS Animation

Ensuring your page’s animation running at 60fps (frame per second) is the key to a silky smooth animation. When an animation begins to run, the browser executes your script and start to figures out what it need to paint and composite on the screen. So it is important to know how browser handles animation in order to optimize your script.


Continue reading on High Performance CSS Animation

Optimize Scrolling Performance by Debouncing Scroll Event Calls

Optimize Scrolling Performance by Debouncing Scroll Event Calls

Improve scrolling performance by limit down the rate of scroll event being fired.


Continue reading on Optimize Scrolling Performance by Debouncing Scroll Event Calls

Build Google’s Material Design Spinner in 10 Minutes!

Build Google’s Material Design Spinner in 10 Minutes!

In this tutorial, you will learn to build a Google’s Material Design progress bar (Indeterminate indicators) for your website & web application.


Continue reading on Build Google’s Material Design Spinner in 10 Minutes!

Inject External JavaScript & Detect When It Has Loaded

Inject External JavaScript & Detect When It Has Loaded

Learn to inject external JavaScript after page load and detect when it has loaded.


Continue reading on Inject External JavaScript & Detect When It Has Loaded

Learn Object Oriented JavaScript Via Game Development

Learn Object Oriented JavaScript Via Game Development

Are you new to OOP in JavaScript? In this article, you’ll learn to build a classic Rock–paper–scissors using Object-Oriented Programming in JavaScript.


Continue reading on Learn Object Oriented JavaScript Via Game Development

Build Full Screen Mobile Web App For Android Chrome

Build Full Screen Mobile Web App For Android Chrome

In this article, you’re going to learn step by step on how to set up your web app to have an app shortcut icon added to Android’s home screen, & have the app launch in full screen mode using Chrome for Android’s “Add to home screen” features.


Continue reading on Build Full Screen Mobile Web App For Android Chrome

Android, iOS Development Tutorials