{"id":22728,"date":"2025-06-23T12:09:17","date_gmt":"2025-06-23T12:09:17","guid":{"rendered":"https:\/\/youth.elbosala.com\/?post_type=lp_course&#038;p=22728"},"modified":"2025-06-23T12:09:17","modified_gmt":"2025-06-23T12:09:17","slug":"20-web-projects-with-vanilla-javascript","status":"publish","type":"lp_course","link":"https:\/\/youth.elbosala.com\/ar\/\u0627\u0644\u062f\u0648\u0631\u0627\u062a\/20-web-projects-with-vanilla-javascript\/","title":{"rendered":"20 \u0645\u0634\u0631\u0648\u0639 \u0648\u064a\u0628 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript \u0627\u0644\u0623\u0633\u0627\u0633\u064a"},"content":{"rendered":"<h3 class=\"title\">\u0648\u0635\u0641 \u0627\u0644\u062f\u0648\u0631\u0629<\/h3>\n<ul>\n<li><span class=\"elementor-icon-list-text\">Build 20 Frontend Projects From Scratch<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">No JS or CSS Frameworks<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Modern JavaScript (ES6+) &#8211; Arrows, Fetch, Promises, etc<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">DOM Manipulation &amp; Events<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Animations With CSS &amp; JavaScript<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Fetch &amp; JSON With 3rd Party API&#8217;s<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">HTML5 Canvas, Speech API, Audio &amp; Video<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Beginner Friendly<\/span><\/li>\n<\/ul>\n<p>\u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0648\u0649<\/p>\n<ul>\n<li><span class=\"elementor-icon-list-text\">Create Layouts &amp; UI&#8217;s With HTML\/CSS ( No CSS Frameworks )<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">CSS Animations (Transitions, Keyframes, etc With JS Triggers)<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">JavaScript Fundamentals<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">DOM Selection &amp; Manipulation<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">JavaScript Events (Forms, buttons, scrolling, etc)<\/span><\/li>\n<\/ul>\n<p>\u0645\u062d\u062a\u0648\u0649<\/p>\n<ul>\n<li><span class=\"elementor-icon-list-text\">Introduction<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Form Validator | Intro Project<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Movie Seat Booking | DOM &amp; Local Storage<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Custom Video Player | HTML5 Video API<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Exchange Rate Calculator | Fetch &amp; JSON Intro<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">DOM Array Methods | forEach, map, filter, sort, reduce<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Menu Slider &amp; Modal | DOM &amp; CSS<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Hangman Game | DOM, SVG, Events<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Meal Finder | Fetch &amp; MealDB API<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Expense Tracker | Array Methods &amp; Local Storage<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Music Player | HTML5 Audio API<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Infinite Scroll Posts | Fetch, Async\/Await, CSS Loader<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Typing Game | DOM, Intervals, Events<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Speech Text Reader | Speech Synthesis<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Memory Cards | CSS Effects, Local Storage<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Lyrics Search App | Fetch, Pagination, Lyrics.ovh API<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Relaxer App | CSS Animations, setTimeout<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Breakout Game | HTML5 Canvas API<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">New Year Countdown | DOM, Date &amp; Time<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Speak Number Guessing Game | Speech Recognition<\/span><\/li>\n<li><span class=\"elementor-icon-list-text\">Product Filtering UI<\/span><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\u0648\u0635\u0641 \u0627\u0644\u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0625\u0646\u0634\u0627\u0621 20 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631 \u0628\u062f\u0648\u0646 \u0623\u0637\u0631 \u0639\u0645\u0644 JS \u0623\u0648 CSS JavaScript \u0627\u0644\u062d\u062f\u064a\u062b\u0629 (ES6+) - \u0627\u0644\u0623\u0633\u0647\u0645\u060c \u0648\u0627\u0644\u062c\u0644\u0628\u060c \u0648\u0627\u0644\u0648\u0639\u0648\u062f\u060c...<\/p>","protected":false},"author":8,"featured_media":22729,"comment_status":"open","ping_status":"closed","template":"","course_category":[140],"course_tag":[],"class_list":["post-22728","lp_course","type-lp_course","status-publish","has-post-thumbnail","hentry","course_category-technology-engineering","course"],"_links":{"self":[{"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/lp_course\/22728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/lp_course"}],"about":[{"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/types\/lp_course"}],"author":[{"embeddable":true,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/comments?post=22728"}],"version-history":[{"count":2,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/lp_course\/22728\/revisions"}],"predecessor-version":[{"id":22731,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/lp_course\/22728\/revisions\/22731"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/media\/22729"}],"wp:attachment":[{"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/media?parent=22728"}],"wp:term":[{"taxonomy":"course_category","embeddable":true,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/course_category?post=22728"},{"taxonomy":"course_tag","embeddable":true,"href":"https:\/\/youth.elbosala.com\/ar\/wp-json\/wp\/v2\/course_tag?post=22728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}