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.
ES6 features: Spread Operator

ES6 features: Spread Operator

The Spread Operator syntax has 3 dots (…). Spread Operator syntax looks exactly like Rest Parameter syntax, the main difference is Spread Operator unpack an array, while Rest Parameter collects multiple elements and pack them into an array.


Continue reading on ES6 features: Spread Operator

ES6 features: Destructuring Assignment

ES6 features: Destructuring Assignment

Starting from ES6, we can use a new feature called Destructuring Assignment to destructure properties of an object or element of an array into individual variables.


Continue reading on ES6 features: Destructuring Assignment

ES6 features: Rest Parameter

ES6 features: Rest Parameter

Rest Parameter is 1 of the core features of ES6. The Rest Parameter has a prefix of 3 dots (…) that allows you to represent an indefinite number of arguments as an array.


Continue reading on ES6 features: Rest Parameter

Truncate Multiple Line With CSS

Truncate Multiple Line With CSS

Truncating a single line is very easy with CSS, but if you want to truncate multiple-line is a bit harder in the old days, until -webkit-line-clamp being introduced by Webkit.


Continue reading on Truncate Multiple Line With CSS

Turn A Number Into Star Rating Display in 5 Minutes Using jQuery

Turn A Number Into Star Rating Display in 5 Minutes Using jQuery

Let say you have a list of rating value inside your loop and you need to convert these rating value into a graphical element, for example: ★★★☆☆.


In this article, I will show you how to turn a number into Star Rating Display by using jQuery.


Continue reading on Turn A Number Into Star Rating Display in 5 Minutes Using jQuery

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