Learn Web Development Skills for FREE

onlyWebPro offers a dozen of How-to Web Development Tutorials to help you to get the skills you need to accelerate your career.
React For Absolute Beginners – Part 2

React For Absolute Beginners – Part 2

The Full Series Part 1: Getting Started with JSX Part 2: Rendering JSX Expression Part 3: Advanced React Knowledge (Later) Part 4: More to come… You’ve learned to understand what is JSX and how to write it on the “React for Absolute Beginners – Part 1, Getting Started with JSX! Now it’s the time to […]


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

Build Fast HTML5 App With Navigation Timing API

Build Fast HTML5 App With Navigation Timing API

HTML5 Navigation Timing API provides accurate insights for web developers to locate, identify & optimize web app’s performance for better user experience.


Continue reading on Build Fast HTML5 App With Navigation Timing API

Android, iOS Development Tutorials