{"id":5698,"date":"2026-01-31T15:49:44","date_gmt":"2026-01-31T15:49:44","guid":{"rendered":"https:\/\/www.web-ai-institute.com\/wp\/2026\/01\/31\/beginner-vanilla-javascript-project-tutorial\/"},"modified":"2026-01-31T15:49:45","modified_gmt":"2026-01-31T15:49:45","slug":"beginner-vanilla-javascript-project-tutorial","status":"publish","type":"post","link":"https:\/\/www.web-ai-institute.com\/wp\/2026\/01\/31\/beginner-vanilla-javascript-project-tutorial\/","title":{"rendered":"Beginner Vanilla Javascript Project Tutorial"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/Ttf3CEsEwMQ?modestbranding=1\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>Get The Full Javascript Course Here!<br \/>\nhttps:\/\/developedbyed.com\/<\/p>\n<p>In this episode we are going to cover a small project of the full Creative Javascript Course, a todo list in vanilla js.<br \/>\nWe are going to put together all the fundamental javascript techniques including local storage.<br \/>\nCheck out the javascript course in the link above to create more complex javascript projects and understand complex topics.<\/p>\n<p>\ud83c\udf81Support me on Patreon for exclusive episodes, discord and more!<br \/>\nhttps:\/\/www.patreon.com\/dev_ed<\/p>\n<p>\ud83d\udef4 Follow me on:<br \/>\nTwitch: https:\/\/www.twitch.tv\/developedbyed<br \/>\nTwitter: https:\/\/twitter.com\/developedbyed<br \/>\nInstagram: https:\/\/www.instagram.com\/developedbyed\/<br \/>\nGithub: https:\/\/github.com\/developedbyed\/<\/p>\n<p>Microphones I Use<br \/>\nAudio-Technica AT2020 &#8211; https:\/\/geni.us\/Re78 (Amazon)<br \/>\nDeity V-Mic D3 Pro &#8211; https:\/\/geni.us\/y0HjQbz (Amazon)<br \/>\nBEHRINGER Audio Interface &#8211; https:\/\/geni.us\/AcbCpd9 (Amazon)<\/p>\n<p>Camera Gear<br \/>\nFujifilm X-T3 &#8211; https:\/\/geni.us\/7IM1 (Amazon)<br \/>\nFujinon XF18-55mmF2.8-4 &#8211; https:\/\/geni.us\/sztaN (Amazon)<\/p>\n<p>PC Specs<br \/>\nKingston SQ500S37\/480G 480GB &#8211; https:\/\/geni.us\/s7HWm (Amazon)<br \/>\nGigabyte GeForce RTX 2070 &#8211; https:\/\/geni.us\/uRw71gN (Amazon)<br \/>\nAMD Ryzen 7 2700X &#8211; https:\/\/geni.us\/NaBSC (Amazon)<br \/>\nCorsair Vengeance LPX 16GB &#8211; https:\/\/geni.us\/JDqK1KK (Amazon)<br \/>\nASRock B450M PRO4 &#8211; https:\/\/geni.us\/YAtI (Amazon)<br \/>\nDeepCool ATX Mid Tower &#8211; https:\/\/geni.us\/U8xJY (Amazon)<br \/>\nDell Ultrasharp U2718Q 27-Inch 4K &#8211; https:\/\/geni.us\/kXHE (Amazon)<br \/>\nDell Ultra Sharp LED-Lit Monitor 25 2k &#8211; https:\/\/geni.us\/bilekX (Amazon)<br \/>\nLogitech G305 &#8211; https:\/\/geni.us\/PIjyn (Amazon)<br \/>\nLogitech MX Keys Advanced &#8211; https:\/\/geni.us\/YBsCVX0 (Amazon)<\/p>\n<p>DISCLAIMERS:<br \/>\nI 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.<\/p>\n<p>#programming #javascript<br \/>\n<br \/><a href=\"https:\/\/www.youtube.com\/watch?v=Ttf3CEsEwMQ\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Get The Full Javascript Course Here! https:\/\/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&#8230;<\/p>\n","protected":false},"author":700,"featured_media":5699,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[339],"tags":[341,340,342],"class_list":["post-5698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-advanced-javascript","tag-beginning-javascript","tag-javascript-libraries-and-frameworks"],"_links":{"self":[{"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/posts\/5698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/users\/700"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/comments?post=5698"}],"version-history":[{"count":1,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/posts\/5698\/revisions"}],"predecessor-version":[{"id":5700,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/posts\/5698\/revisions\/5700"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/media\/5699"}],"wp:attachment":[{"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/media?parent=5698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/categories?post=5698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-ai-institute.com\/wp\/wp-json\/wp\/v2\/tags?post=5698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}