{"id":10627,"date":"2026-08-10T10:21:33","date_gmt":"2026-08-10T10:21:33","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/udemy-write-30-projects-in-javascript-css-then-react-ts-tailwind-2025-2\/"},"modified":"2026-08-10T10:21:33","modified_gmt":"2026-08-10T10:21:33","slug":"udemy-write-30-projects-in-javascript-css-then-react-ts-tailwind-2025-2","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/udemy-write-30-projects-in-javascript-css-then-react-ts-tailwind-2025-2\/","title":{"rendered":"Udemy \u2013 Write 30 projects in JavaScript-CSS then React-TS-Tailwind 2025-2"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<div id=\"chat-history\" class=\"chat-history-scroll-container\" style=\"text-align: left\">\n<div id=\"57c2e9e74aa3d205\" class=\"conversation-container message-actions-hover-boundary ng-star-inserted\">\n<div class=\"response-container ng-tns-c2359348485-16 response-container-with-gpi is-mobile ng-star-inserted response-container-has-multiple-responses\">\n<div class=\"presented-response-container ng-tns-c2359348485-16\">\n<div class=\"response-container-content ng-tns-c2359348485-16 is-mobile\">\n<div class=\"response-content ng-tns-c2359348485-16\">\n<div id=\"model-response-message-contentr_57c2e9e74aa3d205\" class=\"markdown markdown-main-panel tutor-markdown-rendering stronger enable-updated-hr-color\">\n<p data-sourcepos=\"9:1-9:783\"><span style=\"vertical-align: inherit\">Write 30 projects in JavaScript-CSS then React-TS-Tailwind. This course is designed to increase your proficiency in JavaScript and React through hands-on projects. In this course, each project is first implemented in pure JavaScript and then rewritten using React, TypeScript, and Tailwind CSS. This comparative approach will help you understand the differences between developing with plain JavaScript and modern frameworks like React. You will also learn fundamental concepts such as component-based architecture, state management, and advanced React tooling. Many courses focus on just one of these technologies, but this course bridges the gap between them to provide a comprehensive understanding of front-end development. This course is suitable for developers who want to have a strong foundation in JavaScript while working with React and related tools. After completing the course, you will be able to build applications with both pure JavaScript and React, and decide when it is appropriate to use a framework like React for larger projects. This learning approach ensures that you understand not only how to use the tools, but also why and when to use each one.<\/span><\/p>\n<h3 data-sourcepos=\"15:1-15:24\"><span style=\"vertical-align: inherit\">What you will learn<\/span><\/h3>\n<ul data-sourcepos=\"17:1-17:68\">\n<li data-sourcepos=\"17:1-17:68\"><span style=\"vertical-align: inherit\">How to Migrate from JavaScript to React: In this section, participants will learn the methods and tips needed to transition their projects and skills from pure JavaScript to React.<\/span><\/li>\n<li data-sourcepos=\"18:1-18:5\"><span style=\"vertical-align: inherit\">How to code in JavaScript and React through custom projects: Through building 30 projects, participants will gain hands-on experience coding in both environments.<\/span><\/li>\n<li data-sourcepos=\"19:1-19:81\"><span style=\"vertical-align: inherit\">Identifying and resolving differences between Javascript and React: This section examines and compares the key differences between these two technologies and how to deal with them.<\/span><\/li>\n<li data-sourcepos=\"20:1-20:26\"><span style=\"vertical-align: inherit\">Completing 30 projects twice, once with pure JavaScript and once with modern tools like React: This hands-on approach provides a deeper understanding of the pros and cons of each method.<\/span><\/li>\n<\/ul>\n<h3 data-sourcepos=\"37:1-37:30\"><span style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/h3>\n<ul data-sourcepos=\"39:1-42:148\">\n<li data-sourcepos=\"24:1-24:135\"><span style=\"vertical-align: inherit\">Beginner to Intermediate Developers: Those who are familiar with basic JavaScript and want to deepen their knowledge through hands-on practice.<\/span><\/li>\n<li data-sourcepos=\"25:1-25:168\"><span style=\"vertical-align: inherit\">Developers migrating to React: People who have experience in JavaScript but want to understand how React improves traditional development practices.<\/span><\/li>\n<li data-sourcepos=\"26:1-27:0\"><span style=\"vertical-align: inherit\">Aspiring front-end developers: Those looking to enhance their portfolio with real-world projects and solidify their knowledge in modern front-end development.<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course details Write 30 projects in JavaScript-CSS then React-TS-Tailwind<\/span><\/h3>\n<ul style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.udemy.com\/course\/write-30-projects-in-javascript-css-then-react-ts-tailwind\/?couponCode=LEARNNOWPLANS\" 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\/amir-shahbabaee\/\" data-position=\"1\"><span class=\"ud-btn-label\"><span style=\"vertical-align: inherit\">Amir shahbabaee<\/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: 15 hours and 50 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of lessons: 172<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course topics<\/span><\/h3>\n<h3 style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-987284 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Write-30-projects-in-JavaScript-CSS-then-React-TS-Tailwind-1.png\" alt=\"Write 30 projects in JavaScript-CSS then React-TS-Tailwind\" width=\"880\" height=\"2098\"><\/h3>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Prerequisites for the Write 30 projects in JavaScript-CSS then React-TS-Tailwind course<\/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\" style=\"text-align: left\">\n<ul>\n<li class=\"ud-block-list-item-content\" style=\"text-align: left\"><span style=\"vertical-align: inherit\">basic knowledge of javascript, react and typescript is needed<\/span><\/li>\n<\/ul>\n<\/div>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<h3 style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-987285 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/05\/Write-30-projects-in-JavaScript-CSS-then-React-TS-Tailwind.png\" alt=\"Write 30 projects in JavaScript-CSS then React-TS-Tailwind\" width=\"831\" height=\"399\"><\/h3>\n<h3 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-167208-1\"><video class=\"wp-video-shortcode\" id=\"video-167208-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_Downloadly.ir.mp4?nocache=1786138558084\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_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 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 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_2025-2.part1_Downloadly.ir.rar?nocache=1786138556\"><span style=\"vertical-align: inherit\">Download Part 1 \u2013 2 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_2025-2.part2_Downloadly.ir.rar?nocache=1786138556\"><span style=\"vertical-align: inherit\">Download Part 2 \u2013 2 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_2025-2.part3_Downloadly.ir.rar?nocache=1786138556\"><span style=\"vertical-align: inherit\">Download Part 3 \u2013 2 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_2025-2.part4_Downloadly.ir.rar?nocache=1786138556\"><span style=\"vertical-align: inherit\">Download Part 4 \u2013 2 GB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Udemy_Write_30_projects_in_JavaScript-CSS_then_React-TS-Tailwind_2025-2.part5_Downloadly.ir.rar?nocache=1786138556\"><span style=\"vertical-align: inherit\">Download Part 5 \u2013 404 MB<\/span><\/a><\/p>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">8.4 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Write 30 projects in JavaScript-CSS then React-TS-Tailwind. This course is designed to increase your proficiency in JavaScript and React through han<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[65897,89555,89556,89557,89558,89559],"class_list":["post-10627","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-amir-shahbabaee","dgi_tag-course-write-30-projects-in-javascript-css-then-react-ts-tailwind","dgi_tag-download-course-write-30-projects-in-javascript-css-then-react-ts-tailwind","dgi_tag-download-write-30-projects-in-javascript-css-then-react-ts-tailwind","dgi_tag-free-download-write-30-projects-in-javascript-css-then-react-ts-tailwind","dgi_tag-free-write-30-projects-in-javascript-css-then-react-ts-tailwind"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/10627","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\/10627\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=10627"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=10627"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=10627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}