آموزش 15 پروژه عملی برای تسلط بر HTML، CSS و جاوا اسکریپت - آخرین آپدیت

دانلود 15 Hands-On Projects to Master HTML, CSS, and JavaScript

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش جاوااسکریپت با ساخت 15 پروژه عملی + سورس کد

یادگیری فرانت‌اند با HTML، CSS و JavaScript: ساخت پروژه‌های عملی

آیا به دنبال یادگیری توسعه وب فرانت‌اند هستید؟ این دوره به شما کمک می‌کند با ساخت 15 پروژه عملی با HTML، CSS و JavaScript، مهارت‌های خود را ارتقا دهید. این دوره برای افراد مبتدی تا متوسط مناسب است و شما را از تئوری به عمل سوق می‌دهد.

در این دوره، مفاهیم اساسی توسعه وب از جمله ساختار HTML، استایل‌دهی CSS و تعاملات JavaScript را خواهید آموخت. با استفاده از پروژه‌های کاربردی مانند ساعت دیجیتال، لیست کارها، ماشین حساب، بررسی کننده رمز عبور و غیره، مهارت‌های عملی خود را توسعه دهید.

مزایای شرکت در این دوره:

  • تجربه عملی: ساخت 15 پروژه واقعی
  • ایجاد نمونه کار: ارائه پروژه‌ها به عنوان رزومه
  • یادگیری مهارت‌های اصلی توسعه وب: HTML، CSS و JavaScript
  • آمادگی برای بازار کار: کسب مهارت‌های مورد نیاز کارفرمایان
  • مسیر یادگیری مناسب برای مبتدیان: گام به گام و آسان

با پایان این دوره، شما یک نمونه کار قوی از 15 پروژه خواهید داشت که توانایی شما در ایجاد برنامه‌های وب جذاب و کاربردی را نشان می‌دهد. چه به دنبال پیدا کردن اولین شغل خود در زمینه توسعه وب باشید و چه بخواهید مهارت‌های کدنویسی خود را تقویت کنید، این دوره دروازه ورود شما به موفقیت است!

آنچه در این دوره خواهید آموخت:

در این دوره آموزشی شما ساخت پروژه‌های مختلف وب را با استفاده از HTML، CSS و JavaScript می‌آموزید. تمرکز این دوره بر روی یادگیری عملی و ساخت پروژه‌های واقعی است تا شما بتوانید مهارت‌های خود را به طور کامل توسعه دهید.

لیست پروژه‌های دوره:

  1. پروژه سبد خرید: ایجاد سیستم سبد خرید فروشگاه اینترنتی با قابلیت افزودن و حذف پویا.
  2. پروژه ماشین حساب ساده: ساخت ماشین حساب کاربردی برای انجام محاسبات ریاضی پایه.
  3. شمارنده کاراکتر: ایجاد ابزاری که تعداد کاراکترهای یک ورودی متن را به صورت پویا شمارش می‌کند.
  4. انتخابگر رنگ: توسعه پروژه‌ای که به کاربران اجازه می‌دهد رنگ‌ها را انتخاب و روی پس زمینه یا متن اعمال کنند.
  5. برنامه شمارنده: ایجاد یک شمارنده تعاملی با عملکردهای افزایش، کاهش و بازنشانی.
  6. اپلیکیشن تغییر حالت تاریک: پیاده‌سازی یک دکمه تغییر حالت تاریک برای بهبود تجربه کاربری.
  7. ژنراتور صفحه سوالات متداول: ساخت بخش پرسش و پاسخ پویا که در آن سؤالات می‌توانند باز و بسته شوند.
  8. بررسی کننده رمز عبور: توسعه ابزاری برای بررسی قدرت رمز عبور بر اساس قوانین خاص.
  9. ژنراتور نقل قول: ایجاد پروژه‌ای که نقل قول‌های تصادفی را دریافت و نمایش می‌دهد.
  10. سازنده اسلایدر: ساخت یک اسلایدر تعاملی برای تصاویر یا انتقال محتوا.
  11. کرونومتر: ایجاد یک کرونومتر کاربردی با دکمه‌های شروع، مکث و بازنشانی.
  12. مبدل دما: توسعه یک مبدل برای سلسیوس، فارنهایت و کلوین.
  13. ماشین حساب انعام: ساخت ابزاری برای محاسبه انعام و تقسیم صورتحساب به صورت پویا.
  14. لیست کارها: ایجاد یک لیست کار پویا که در آن وظایف را می توان اضافه یا حذف کرد.
  15. ساعت دیجیتال: ساخت یک ساعت دیجیتال بلادرنگ با جاوا اسکریپت.

پیش نیازها: آشنایی اولیه با HTML، CSS و JavaScript


سرفصل ها و درس ها

مقدمه دوره: ساخت 15 پروژه جاوا اسکریپت Introduction to Course : Building 15 JavaScript Projects

  • مروری بر دوره Course Overview

  • رهنمودهای مدرس Instructor Guidelines

  • لیست پروژه ها Enlist Projects

  • بازخورد شما! Your Feedback!

پروژه شماره 01: مبتنی بر جاوا اسکریپت، HTML، CSS Project #01 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه افزودن به سبد خرید 01 Introduction to add to cart Project

  • 02 ایجاد ساختار پایه و استایل دهی آن 02 Creating Basic Structure and Styling it

  • 03 افزودن قابلیت های جاوا اسکریپت به پروژه 03 Adding JavaScript Functionality in Project

پروژه شماره 02: مبتنی بر جاوا اسکریپت، HTML، CSS Project #02 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه ماشین حساب ساده با JS 01 Introduction to BASIC Calculator Project with JS

  • 02 ایجاد ساختار و استایل دهی ماشین حساب ساده 02 Creating Structure and Styling to it Basic Calculator

  • 03 افزودن جاوا اسکریپت به پروژه ماشین حساب ساده 03 Adding JavaScript in basic Calculator Project

پروژه شماره 03: مبتنی بر جاوا اسکریپت، HTML، CSS Project #03 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه شمارنده کاراکتر 01 Introduction to character counter Project

  • 02 ایجاد ساختار و استایل دهی برای شمارنده کاراکتر 02 Creating Structure and Styling to it for character counter

  • 03 افزودن قابلیت های جاوا اسکریپت به شمارنده کاراکتر 03 Adding JavaScript Functionality in character counter

پروژه شماره 04: مبتنی بر جاوا اسکریپت، HTML، CSS Project #04 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه انتخابگر رنگ 01 Introduction to Color Picker Project

  • 02 بخش HTML CSS برای پروژه انتخابگر رنگ 02 HTML CSS Part for Color Picker Project

  • 03 افزودن قابلیت JS به پروژه انتخابگر رنگ 03 Adding JS Functionality in Color Picker PROJECT

پروژه شماره 05: مبتنی بر جاوا اسکریپت، HTML، CSS Project #05 Based : JavaScript, HTML, CSS

  • 01 معرفی برنامه شمارنده با JS 01 Introduction to Counter App with JS

  • 02 بخش HTML CSS برای برنامه شمارنده 02 HTML CSS Part for Counter App

  • 03 افزودن قابلیت های جاوا اسکریپت به پروژه برنامه شمارنده 03 Adding JavaScript Functionality in Counter App Project

پروژه شماره 06: مبتنی بر جاوا اسکریپت، HTML، CSS Project #06 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه حالت تاریک با جاوا اسکریپت 01 Introduction to Darkmode Project with JavaScript

  • 02 ایجاد ساختار با HTML CSS 02 Creating Structure with HTML CSS

  • 03 افزودن کد جاوا اسکریپت برای قابلیت 03 Adding JavaScript Code for Functionality

پروژه شماره 07: مبتنی بر جاوا اسکریپت، HTML، CSS Project #07 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه پرسش و پاسخ متداول (FAQ) 01 Introduction to FAQ Project

  • 02 بخش HTML CSS برای پروژه پرسش و پاسخ متداول 02 HTML CSS Part for FAQ Project

  • 03 افزودن جاوا اسکریپت به پروژه پرسش و پاسخ متداول 03 Adding JavaScript in FAQ Project

پروژه شماره 08: مبتنی بر جاوا اسکریپت، HTML، CSS Project #08 Based : JavaScript, HTML, CSS

  • 01 بخش HTML CSS برای پروژه بررسی کننده رمز عبور 01 HTML CSS Part for Password Checker Project

  • 01 معرفی پروژه بررسی کننده رمز عبور 01 Introduction to Password Checker Project

  • 03 افزودن کدنویسی جاوا اسکریپت به بررسی کننده رمز عبور 03 Adding JavaScript Coding in Password Checker

پروژه شماره 09: مبتنی بر جاوا اسکریپت، HTML، CSS Project #09 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه تولید کننده نقل قول با جاوا اسکریپت 01 Introduction to Quote Generator Project with JavaScript

  • 02 ایجاد ساختار و استایل دهی با HTML CSS 02 Creating Structure and Styling with HTML CSS

  • 03 افزودن قابلیت به پروژه 03 Adding Functionality to Project

پروژه شماره 10: مبتنی بر جاوا اسکریپت، HTML، CSS Project #10 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه اسلایدر 01 Introduction to Slider Project

  • 02 بخش HTML CSS برای پروژه اسلایدر 02 HTML CSS Part for Slider Project

  • 03 افزودن کدنویسی جاوا اسکریپت به پروژه اسلایدر 03 Adding JavaScript Coding Slider Project

پروژه شماره 11: مبتنی بر جاوا اسکریپت، HTML، CSS Project #11 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه کرنومتر 01 Introduction to Stop Watch Project

  • 02 بخش HTML CSS برای پروژه کرنومتر 02 HTML CSS Part for Stop Watch Project

  • 03 افزودن کدنویسی جاوا اسکریپت به پروژه کرنومتر 03 Adding JavaScript Coding in Stop Watch Project

پروژه شماره 12: مبتنی بر جاوا اسکریپت، HTML، CSS Project #12 Based : JavaScript, HTML, CSS

  • 01 معرفی تبدیل کننده دما با JS 01 Introduction to Temperature Convertor with JS

  • 02 بخش HTML CSS برای تبدیل کننده دما 02 HTML CSS Part for Temperature Convertor

پروژه شماره 13: مبتنی بر جاوا اسکریپت، HTML، CSS Project #13 Based : JavaScript, HTML, CSS

  • 01 معرفی ماشین حساب انعام با JS 01 Introduction to TIP Calculator with JS

  • 02 بخش HTML CSS برای ماشین حساب انعام 02 HTML CSS Part for Tip Calculator

  • 03 افزودن جاوا اسکریپت به پروژه ماشین حساب انعام 03 Adding JavaScript in Tip Calculator Project

پروژه شماره 14: مبتنی بر جاوا اسکریپت، HTML، CSS Project #14 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه لیست انجام کار JS 01 Introduction to JS Todo Project

  • 02 ایجاد ساختار پایه لیست انجام کار 02 Creating Basic Structure of a todo list

  • 03 نحوه استایل دهی به پروژه لیست انجام کار 03 How to Style todo List Project

  • 04 قابلیت های جاوا اسکریپت در پروژه لیست انجام کار 04 JavaScript Functionality in Todo Project

پروژه شماره 15: مبتنی بر جاوا اسکریپت، HTML، CSS Project #15 Based : JavaScript, HTML, CSS

  • 01 معرفی پروژه ساعت جاوا اسکریپت 01 Introduction to JavaScript Clock Project

  • 02 ساختار پایه و استایل دهی با HTML CSS 02 Basic Structure and Styling with HTML CSS

  • 03 افزودن قابلیت با جاوا اسکریپت 03 Adding Functionality with JavaScript

نمایش نظرات

آموزش 15 پروژه عملی برای تسلط بر HTML، CSS و جاوا اسکریپت
جزییات دوره
7.5 hours
49
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,273
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Python AI ML DL DS Quiz Maker Python AI ML DL DS Quiz Maker

آزمون ساز یادگیری ماشینی هوش مصنوعی پایتون