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.
Build a Filterable Component With jQuery in Just Only 5 Minutes!

Build a Filterable Component With jQuery in Just Only 5 Minutes!

If you have a web app that contains a list of information, and you want your users to find the information they are looking for as fast as possible.


In today’s article, I’ll show you how to build your own simple filterable component with jQuery in just only 5 minutes!


Continue reading on Build a Filterable Component With jQuery in Just Only 5 Minutes!

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

Android, iOS Development Tutorials