🎁 Join my channel to get access to perks:
https://www.youtube.com/channel/UC8n8ftV94ZU_DJLOLtrpORA/join

🧡 Hello All JavaScript Lovers Outhere!

Today we are going to build a JavaScript project, which is; the to do list app. It will be a very clean tutorial where everything is explained very well, and a long the way this is what you will learn today:
🔸 Manipulate the DOM with JavaScript.
🔸 Render informations from a JavaScript object to the user interface.
🔸 Use of Leteral expression (backticks, multi-line string).
🔸 Using of Array forEach method.
🔸 Using of Array some method.
🔸 Using of Array map method.
🔸 Using of Array filter method.
🔸 Using of Array push method.
🔸Save data to the local storage.
🔸Form submission in JavaScript.
🔸Submit and Click Event listeners in JavaScript.
🔸HTML5 custom attributes and how to access them in JavaScript.
🔸Ternary operator.
🔸AND & OR logical operators in JavaScript.
🔸setTimeout in JavaScript.
🔸Generate a random color in JavaScript.
🔸Arrow functions in JavaScript.
🔸Bootstrap icons.

🕔 Timeline :
00:00:00 – Project Preview
00:02:03 – Download starter template : https://github.com/CodeExplainedRepo/Todo-List-JavaScript-ES6
00:03:00 – HTML code
00:10:00 – Form submission
00:12:41 – Save a todo
00:22:11 – Render to-dos to the user interface
00:28:27 – Target a todo
00:35:07 – HTML5 custom attributes and access them in JavaScript
00:41:05 – Check a completed todo
00:51:53 – Edit a todo
01:00:03 – Delete a todo
01:03:37 – Custom notifications
01:08:13 – Save to-dos to the local storage
01:14:41 – Fixing a little bug

🌍 Social Media Links.
◾ Facebook : https://www.facebook.com/Code.Explained.Official
◾ Twitter : https://twitter.com/code_explained
◾ Instagram : https://www.instagram.com/Code.Explained.Official/
◾ GitHub : https://github.com/CodeExplainedRepo

💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained

JavaScript for Beginner

If you’re a beginner in JavaScript, it’s best to start with a smaller project that you can develop as you progress. You can start by adding some features to a tutorial program you’ve already built, such as a Chrome extension. Building a project together with other beginners will also allow you to avoid the frustrations associated with starting from scratch. The hardest part is removing the tutorial training wheels, so start small and make gradual improvements over time.