8 - Building A Vanilla JavaScript Todo App From Start To Finish | Add to-do and goals to html
During this video we will learn: Add todos and goals to dom git commit: https://github.com/miladezzat/todo-app/commit/0ad77d1b8b3bbbc427e5bc1052620aeb24752642 This is a todo app by javascript, using store way How to create a to-do app by HTML, CSS, bootstrap, and javascript. #Javascript project Learn javascript TodoApp project Javascript TodoApp advanced way Welcome to this first part of the Building A Vanilla JavaScript Todo App From Start To Finish. In this series, we’ll be building a complete to-do web application only using HTML, CSS, and JavaScript. This also means that we’ll only use pure vanilla JavaScript without any frameworks involved. Today’s web frameworks like React, Svelte, Vue, or Angular makes it possible to build powerful well structured feature-rich web application. However, using those frameworks requires additional effort to learn the framework concepts and techniques. Often times those frameworks help a lot but on the other side frameworks are adding more complexity to apps, are increasing the bundle size, and make it hard for other developers (not knowing the framework) to understand your code. By using frameworks developers often forget then even with plain vanilla JavaScript it is possible to implement modern and sophisticated web applications with ease. The additional features and concepts a framework adds to your application are often not required, especially when we’re referring to simple web applications like a todo app. Furthermore, it is essential to have a profound and good knowledge of standard JavaScript if you want to start with a framework later on. So there are good reasons to just learn how to implement a web application with only standard HTML, CSS, and plain JavaScript. This is exactly what we’re going to do in this tutorial series. We’ll implement a simple Todo web application. my Github: https://github.com/miladezzat Live Demo: https://miladezzat.github.io/todo-app-by-store-way/index.html LinkedIn: https://www.linkedin.com/in/miladezzat/ medium: https://medium.com/@miladezzat.f Repo:https://github.com/miladezzat/todo-app #html #css #bootstrap #js #javascript
During this video we will learn: Add todos and goals to dom git commit: https://github.com/miladezzat/todo-app/commit/0ad77d1b8b3bbbc427e5bc1052620aeb24752642 This is a todo app by javascript, using store way How to create a to-do app by HTML, CSS, bootstrap, and javascript. #Javascript project Learn javascript TodoApp project Javascript TodoApp advanced way Welcome to this first part of the Building A Vanilla JavaScript Todo App From Start To Finish. In this series, we’ll be building a complete to-do web application only using HTML, CSS, and JavaScript. This also means that we’ll only use pure vanilla JavaScript without any frameworks involved. Today’s web frameworks like React, Svelte, Vue, or Angular makes it possible to build powerful well structured feature-rich web application. However, using those frameworks requires additional effort to learn the framework concepts and techniques. Often times those frameworks help a lot but on the other side frameworks are adding more complexity to apps, are increasing the bundle size, and make it hard for other developers (not knowing the framework) to understand your code. By using frameworks developers often forget then even with plain vanilla JavaScript it is possible to implement modern and sophisticated web applications with ease. The additional features and concepts a framework adds to your application are often not required, especially when we’re referring to simple web applications like a todo app. Furthermore, it is essential to have a profound and good knowledge of standard JavaScript if you want to start with a framework later on. So there are good reasons to just learn how to implement a web application with only standard HTML, CSS, and plain JavaScript. This is exactly what we’re going to do in this tutorial series. We’ll implement a simple Todo web application. my Github: https://github.com/miladezzat Live Demo: https://miladezzat.github.io/todo-app-by-store-way/index.html LinkedIn: https://www.linkedin.com/in/miladezzat/ medium: https://medium.com/@miladezzat.f Repo:https://github.com/miladezzat/todo-app #html #css #bootstrap #js #javascript