Build & Deploy a TODO APP with JavaScript
🚀 Deploy the Todo App with Hostinger: https://www.hostinger.de/coding2go
👌 Coupon code: CODING2GO(10% discount on all web hosting plans with a duration of 12 months or more)
In this JavaScript beginner project, we will build and deploy a todo application using HTML, CSS, and JavaScript (JS), and then upload it using the web hosting service Hostinger.
You will learn important concepts such as CSS variables (custom properties), CSS Flexbox layouts, responsive web design, as we make the website/web app responsive for desktop, tablet, and smartphone (mobile version). In this practical project, you will learn important JavaScript concepts such as event listeners, DOM manipulation, localStorage, create, delete, and save elements. In HTML and CSS, we use modern icons with SVG elements from Google Fonts Icons/Material Icons, create our own custom checkbox (styling input checkbox), and design the responsive todo app with media queries and Flexbox.
👉 Source Code on our website: https://coding2go.com
Resources
✅ Both icons can be found at https://fonts.google.com/icons
👉 Code Editor Visual Studio Code: https://code.visualstudio.com
👉 Web hosting for uploading the Todo App: https://www.hostinger.de/kurzundknapp
🔥 Use the code CODING2GO for a 10% discount
⏱️ Timestamps:
00:00 Introducing the project
02:47 Preparations
03:33 HTML Code
07:53 CSS Code
18:33 Responsive webdesign
19:43 JavaScript Code
28:10 Store Todos with LocalStorage
35:48 how to upload a website with hostinger
👉 Learn HTML5 and SEO with our Udemy Course:
Link: https://www.udemy.com/course/coding2g...
👉 Related Tutorials:
#todo-app #javascript #deploy
Background music licenses in the video
Track: "Little Things"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/QmMj1I
Track: "Scared Of The Glizzy"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/xPJ3rV
Track: "Luz Solar"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/V75Tso
What topics are covered?
Todo list, todo-list-application, todo app, javascript, html, css, JS, responsive, javascript project, web dev project, beginner project, tutorial, localStorage, data saving, saving todos, for beginners, CSS Flexbox, CSS Variables, CSS Custom properties, uploading website, web hosting, hostinger, putting website online, todo web app, deploy
👍 Subscribe and like if you enjoyed it 😉
Смотрите видео Build & Deploy a TODO APP with JavaScript онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding2GO 05 Март 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 14,334 раз и оно понравилось 547 людям.