Beginner Vanilla Javascript Project Tutorial
880,007
Published 2020-04-11
developedbyed.com/
In this episode we are going to cover a small project of the full Creative Javascript Course, a todo list in vanilla js.
We are going to put together all the fundamental javascript techniques including local storage.
Check out the javascript course in the link above to create more complex javascript projects and understand complex topics.
🎁Support me on Patreon for exclusive episodes, discord and more!
www.patreon.com/dev_ed
🛴 Follow me on:
Twitch: www.twitch.tv/developedbyed
Twitter: twitter.com/developedbyed
Instagram: www.instagram.com/developedbyed/
Github: github.com/developedbyed/
Microphones I Use
Audio-Technica AT2020 - geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - geni.us/bilekX (Amazon)
Logitech G305 - geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
#programming #javascript
All Comments (21)
-
Dope! Already got in the course and built a few of the projects
-
"That's not a fart, that's the chair" Subscribed
-
Thanks for everyone who joined The Creative Javascript Course!
-
Thanks Ed for your time and for this fantastic tutorial! I have learned tons! The last part (local storage bit) was quite tricky for me as beginner so I had to go through it multiple times! Cheers!
-
Amazing project and Channel, Congrats!!! I've been long years away from the front end and Java Script an this was an amazing refresh. Going to explore and study the code more thorough now.
-
Pandemic ends. Everyone turns programmer.
-
I was literally looking for something like this on your channel. I love you so much!
-
Thank you for this small little project Ed. Much appreciated!
-
Thanks so much for such great project. It took me several days to understand each part of it, to make a lot of notes and even to add some new features!!! You are going a great job! Will be waiting new projects
-
man, you're great!even if you sayd that you're not gonna give the course for free you're still posting some of you're hard work for free!keep the hard work
-
Amazing tutorial, thanks man the way you explain makes everything so clear.
-
The fact that he makes mistakes, identifies them and explains how to solve them, makes this video more incredible!
-
Excellent work here, you rock! The local storage part is the best on the internet so far. Keep it up and thank you very much!
-
Hey Ed ! Thanks for sharing your knowledge man. I'm learning a lot of things with your videos. Your explanations are amazing and I have fun watching your videos! Most of the JS that I know it's because of you bro I love you man, thanks for everything.
-
It would be very cool to see a follow up to this tutorial in which you show how to save stuff on firebase, instead of local storage :)
-
Exactly what I have been looking for. I just started learning some JavaScript after finishing HTML and CSS. This project was perfectly fit for me and it was very nice of you to post some of your hardwork for free on Youtube. Keep it up!
-
It is a blessing and a thing of joy to meets someone who want you to grow.
-
Another way you could save the items into local storage is saving them as objects, along with the status i.e, {'text': 'todoText', 'status': 'complete'}. With some additional work you can then save the state of each todo item and set the necessary styling when refreshing the page. Great tutorial!
-
This was great. Thank you. I went through the whole thing with you on my own editor. Really appreciate it.
-
Ed, thank you very much! My first project. It was incredible to organize my thoughts on how to use HTML, CSS, and JS, all together! :) Perfect!
