HOW TO create a To Do List App With JavaScript, HTML and CSS | ES6 For Beginners

🎁 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:01 - HTML code 00:10:10 - Form submission 00:12:51 - Save a todo 00:22:21 - Render to-dos to the user interface 00:28:37 - Target a todo 00:35:17 - HTML5 custom attributes and access them in JavaScript 00:41:15 - Check a completed todo 00:52:03 - Edit a todo 01:00:13 - Delete a todo 01:03:47 - Custom notifications 01:08:23 - Save to-dos to the local storage 01:14:51 - 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