Build a Todo List App in HTML, CSS & JavaScript and Deploy it in 2023

preview_player
Показать описание

Learn how to build a Todo list application using only HTML, CSS & JavaScript in 2023. I also show you how you can deploy your web app to the internet using Hostinger's hosting service! It's super easy to get started!

// BECOME A MEMBER TO UNLOCK MORE CONTENT!

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// FOLLOW ME ON TWITTER

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

Timestamps
00:00 Intro
00:47 Hostinger
01:11 Project Setup
02:39 HTML
06:07 CSS
15:34 JavaScript
37:46 Deploy to Hostinger
43:37 Final Web App
44:50 Outro
  1. Tyler Potts
  2. webdev
  3. javascript
  4. css
  5. sass
  6. scss
Рекомендации по теме
How To Create 0:26:48

How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript

Build a Todo 2:04:57

Build a Todo List App in HTML CSS JavaScript | EASY BEGINNER TUTORIAL

Building a Todo 1:00:00

Building a Todo List App from Scratch | HTML, CSS, JavaScript

How to build 0:00:51

How to build a to-do list app

Build a To-Do 0:01:27

Build a To-Do List App in 1 Minute using ChatGPT #openai #chatgpt

SwiftUI Masterclass: Build 2:42:49

SwiftUI Masterclass: Build To Do List App

Build this React 0:22:35

Build this React To-Do List app in 20 minutes! ☝

Building a Todo 0:35:55

Building a Todo List App with MERN Stack | Todo Application using MongoDB + Express + React + Node

Build a Todo 0:50:42

Build a Todo List App in HTML, CSS & JavaScript with LocalStorage in 2022 | JavaScript for Begin...

👉 Build your 0:14:20

👉 Build your first React Native app - Todo List Tutorial Part 1

The best Todo 0:00:53

The best Todo App (**Ever**) 📝

React Todo List 0:31:12

React Todo List App Tutorial - React JS Project Tutorial for Beginners

Build a todo 0:23:51

Build a todo list app with Vue JS

Build a Todo 0:37:14

Build a Todo list app in HTML, CSS & JavaScript in 2024 | JavaScript for Beginners tutorial

How To Build 0:28:30

How To Build Your First TypeScript Project - TODO List Application

Building a Custom 0:00:16

Building a Custom Task App on FlutterFlow

Build a Todo 0:00:14

Build a Todo List App in Laravel! 🚀

How to Build 0:22:20

How to Build a Todo List App with Local Storage for Beginners - HTML, CSS & JavaScript

Build a Todo 0:11:34

Build a Todo List Application with ChatGPT's Help: React JS Tutorial

Build a Todo 0:00:52

Build a Todo list app with React js

How to Build 0:03:22

How to Build a ToDo List App with ChatGPT

how to make 0:00:10

how to make your google calendar aesthetic

React for beginners| 0:30:58

React for beginners| build a todo list app

Airtable Recipe: Build 0:11:24

Airtable Recipe: Build a ToDo List App (Part 1)

Комментарии
Автор

thank you. I just bought 2yrs of hostinger thru your link. hopefully it worked.

this helped me tremendously in building my shared grocery list app for my gf and I.

Calupp
Автор

thank u so much, this is the best Todo i was really enjoy thank u so much and keep it up bro just beginner html and css and JS thank u

Salah-YT
Автор

Thank You. I just pass 3 months to create a todo list
but your video explain more better, good joob!! 👍

Ps: sorry if my english it's bad, i'm brazilian.

Wyllyms
Автор

Really nice and elaborative video. Love it.

memyselfandi
Автор

very beautiful output and brilliant job, I finished my own todo list thanks to you

nojoodothmanal-ghamdi
Автор

tyler ur amazing, that's all I have to say.

omaryousifkamal
Автор

Hey Tyler, don't you think the line of code at 22:00 is unnecessary as we are triggering the event on checkbox separately.

dilsedhoni
Автор

how did you shift the entire piece of code at 20:34?

Ptonky
Автор

If I wanted my to-do list to be visible to another person would I just need to incorporate a database?

_I'm using your videos to help me build a grocery list app for my girlfriend and I as one of my 1st projects lmao_

Calupp