{"id":10011,"date":"2026-08-10T10:13:55","date_gmt":"2026-08-10T10:13:55","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-javascript-20-projects-in-20-days-html-css-javascript-2023-9\/"},"modified":"2026-08-10T10:13:55","modified_gmt":"2026-08-10T10:13:55","slug":"udemy-javascript-20-projects-in-20-days-html-css-javascript-2023-9","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-javascript-20-projects-in-20-days-html-css-javascript-2023-9\/","title":{"rendered":"Udemy \u2013 JavaScript 20 Projects In 20 Days HTML, CSS &#038; JavaScript 2023-9"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">JavaScript 20 Projects In 20 Days HTML, CSS &amp; JavaScript Course. This course is a fast-paced, hands-on web development course that will help you build your HTML, CSS, and JavaScript skills by building 20 diverse projects. The course is designed for all levels, from beginner to intermediate, and each project is structured to be completed in a short amount of time. Throughout the course, you will learn fundamental concepts such as Flexbox, CSS animations, DOM manipulation, events, and array methods. You will also learn the importance of mastering pure JavaScript (Vanilla JS) and having a deep understanding of the DOM before diving into frameworks. Practical projects include building a news popup, character counter, weight converter, random number generator, and code editor. This course will not only teach you the theoretical knowledge, but also the ability to implement real projects, paving your way to becoming a professional web developer.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"25:1-25:25\"><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"27:1-33:0\">\n<li data-sourcepos=\"27:1-27:63\"><span style=\"vertical-align: inherit\">Practical application of project-based HTML, CSS, and JavaScript skills.<\/span><\/li>\n<li data-sourcepos=\"28:1-28:87\"><span style=\"vertical-align: inherit\">Modern styling techniques using Flexbox, CSS animations, and Custom Properties.<\/span><\/li>\n<li data-sourcepos=\"29:1-29:51\"><span style=\"vertical-align: inherit\">Comprehensive understanding of DOM manipulation, events, and array methods.<\/span><\/li>\n<li data-sourcepos=\"30:1-30:50\"><span style=\"vertical-align: inherit\">HTTP requests and their practical application in web development.<\/span><\/li>\n<li data-sourcepos=\"31:1-31:60\"><span style=\"vertical-align: inherit\">Form validation techniques to increase the integrity of user input.<\/span><\/li>\n<li data-sourcepos=\"32:1-33:0\"><span style=\"vertical-align: inherit\">Create a variety of projects, from a dynamic news article pop-up to a financial calculator.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"34:1-34:32\"><span style=\"vertical-align: inherit\">Who is this course suitable for?<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"36:1-42:0\">\n<li data-sourcepos=\"36:1-36:53\"><span style=\"vertical-align: inherit\">Beginners looking for practical web development projects.<\/span><\/li>\n<li data-sourcepos=\"37:1-37:84\"><span style=\"vertical-align: inherit\">Intermediate developers looking to improve their HTML, CSS, and JavaScript skills.<\/span><\/li>\n<li data-sourcepos=\"38:1-38:93\"><span style=\"vertical-align: inherit\">Those who want to master Vanilla JavaScript before exploring front-end frameworks.<\/span><\/li>\n<li data-sourcepos=\"39:1-39:74\"><span style=\"vertical-align: inherit\">People who are eager to build a diverse portfolio of real-world projects.<\/span><\/li>\n<li data-sourcepos=\"40:1-40:76\"><span style=\"vertical-align: inherit\">Coding enthusiasts who are eager to increase their understanding of the Document Object Model (DOM).<\/span><\/li>\n<li data-sourcepos=\"41:1-42:0\"><span style=\"vertical-align: inherit\">Anyone who wants practical experience in modern web styling and design techniques.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">JavaScript Course Details 20 Projects In 20 Days HTML CSS &amp; JavaScript<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/javascript-20-projects-in-20-days-html-css-javascript\/?couponCode=ST7MT290425G3\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">Udemy<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor:&nbsp; <\/span><a class=\"ud-btn ud-btn-medium ud-btn-link ud-heading-sm ud-text-sm ud-instructor-links\" href=\"https:\/\/downloadlynet.ir\/tag\/vijay-kumar\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Vijay Kumar<\/span><\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: Beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 8 hours and 19 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 72<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course syllabus on 2023\/11<\/span><\/h3>\n<h2 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"1:1-1:81\"><span style=\"font-size: 16px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-980259 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/JavaScript-20-Projects-In-20-Days-HTML-CSS-JavaScript-1.png\" alt=\"JavaScript 20 Projects In 20 Days HTML CSS &amp; JavaScript\" width=\"881\" height=\"1506\"><br \/><\/span><\/h2>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Prerequisites for the JavaScript course 20 Projects In 20 Days HTML CSS &amp; JavaScript<\/span><\/h3>\n<div class=\"ud-block-list-item ud-block-list-item-small ud-block-list-item-tight ud-block-list-item-neutral ud-text-sm\" dir=\"ltr\" style=\"text-align: left\">\n<ul>\n<li class=\"ud-block-list-item-content\" dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Basic understanding of HTML, CSS, and JavaScript, access to a code editor, and a willingness to engage in hands-on project-based learning.<\/span><\/li>\n<\/ul>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h2 dir=\"ltr\" style=\"text-align: left\" data-sourcepos=\"1:1-1:81\"><span style=\"font-size: 16px\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-980260 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/04\/JavaScript-20-Projects-In-20-Days-HTML-CSS-JavaScript.png\" alt=\"JavaScript 20 Projects In 20 Days HTML CSS &amp; JavaScript\" width=\"894\" height=\"398\"><\/span><\/h2>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-162778-1\"><video class=\"wp-video-shortcode\" id=\"video-162778-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_Downloadly.ir.mp4?nocache=1786136883474\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitles: None<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 720p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_2023-9.part1_Downloadly.ir.rar?nocache=1786136882\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_2023-9.part2_Downloadly.ir.rar?nocache=1786136882\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_2023-9.part3_Downloadly.ir.rar?nocache=1786136882\"><span style=\"vertical-align: inherit\">Download Part 3 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Udemy_JavaScript_20_Projects_In_20_Days_HTML_CSS_And_JavaScript_2023-9.part4_Downloadly.ir.rar?nocache=1786136882\"><span style=\"vertical-align: inherit\">Download Part 4 \u2013 999 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">3.9 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description JavaScript 20 Projects In 20 Days HTML, CSS &amp; JavaScript Course. This course is a fast-paced, hands-on web development course that will help you<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[85409,85410,85411,85412,85413,24045],"class_list":["post-10011","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-javascript-20-projects-in-20-days-html-css-javascript","dgi_tag-download-course-javascript-20-projects-in-20-days-html-css-javascript","dgi_tag-download-javascript-20-projects-in-20-days-html-css-javascript","dgi_tag-free-download-javascript-20-projects-in-20-days-html-css-javascript","dgi_tag-free-javascript-20-projects-in-20-days-html-css-javascript","dgi_tag-vijay-kumar"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10011\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10011"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10011"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}