این دوره جامع، تمام آنچه برای تبدیل شدن به یک توسعه‌دهنده فرانت‌اند ماهر نیاز دارید را پوشش می‌دهد. شما به صورت عملی با مفاهیم کلیدی و پیشرفته هر سه زبان اصلی وب آشنا خواهید شد:

• HTML (HyperText Markup Language):
  • یادگیری ساختار اصلی صفحات وب و استفاده از تگ‌های معنایی (Semantic HTML5).
  • کار با فرم‌ها، جداول، عناصر چندرسانه‌ای و لینک‌سازی.
  • سازماندهی محتوا برای دسترسی‌پذیری و سئو بهتر.
• CSS (Cascading Style Sheets):
  • استایل‌دهی حرفه‌ای به صفحات وب، از جمله رنگ‌ها، فونت‌ها و پس‌زمینه‌ها.
  • پیاده‌سازی طرح‌بندی‌های پیچیده با استفاده از Flexbox و CSS Grid.
  • ایجاد طراحی‌های واکنش‌گرا (Responsive Design) برای نمایش صحیح در تمامی دستگاه‌ها.
  • آشنایی با انیمیشن‌ها، ترنزیشن‌ها و افکت‌های بصری برای تجربه کاربری جذاب.
• JavaScript:
  • مبانی برنامه‌نویسی JavaScript، از جمله متغیرها، توابع، حلقه‌ها و شرط‌ها.
  • کار با DOM (Document Object Model) برای تعامل با عناصر HTML.
  • مدیریت رویدادها (Events) و ایجاد تجربه‌های کاربری پویا و تعاملی.
  • درک مفاهیم برنامه‌نویسی شی‌گرا (OOP) و استفاده از APIهای مختلف.

هر پروژه در این دوره، شما را با چالش‌های جدیدی آشنا می‌کند و کمک می‌کند تا دانش تئوری خود را در سناریوهای واقعی به کار ببندید.

شرکت در دوره “10 پروژه در 10 روز” مزایای چشمگیری برای آینده شغلی و توسعه مهارت‌های شما خواهد داشت:

• ساخت پورتفولیوی قوی: در پایان دوره، شما 10 پروژه کامل و عملی خواهید داشت که می‌توانید آن‌ها را به عنوان نمونه‌کارهای خود به کارفرمایان ارائه دهید و توانایی‌هایتان را به نمایش بگذارید. این مهم‌ترین برگ برنده شما در بازار کار است.
• یادگیری فشرده و سریع: رویکرد “پروژه در روز” باعث می‌شود که هر روز یک مهارت جدید را به صورت عملی بیاموزید و به سرعت پیشرفت کنید. این روش برای کسانی که می‌خواهند در زمان کوتاه، به حداکثر بازدهی برسند، ایده‌آل است.
• تقویت مهارت حل مسئله: با چالش‌های واقعی توسعه وب روبرو می‌شوید و یاد می‌گیرید چگونه راه حل‌های خلاقانه برای مسائل پیدا کنید. این مهارت در هر حرفه‌ای حیاتی است.
• اعتماد به نفس در کدنویسی: انجام پروژه‌های متعدد باعث افزایش اعتماد به نفس شما در استفاده از HTML, CSS و JavaScript می‌شود و ترس از کدنویسی را از بین می‌برد.
• به‌روز بودن با استانداردهای 2023: محتوای دوره با توجه به جدیدترین استانداردها و رویکردهای توسعه وب در سال 2023 طراحی شده است.
• آمادگی برای ورود به بازار کار: این دوره شما را برای موقعیت‌های شغلی توسعه‌دهنده فرانت‌اند آماده می‌کند و مهارت‌های لازم برای شروع به کار را در اختیار شما قرار می‌دهد.

این دوره برای طیف وسیعی از افراد طراحی شده است، از مبتدیان مطلق تا توسعه‌دهندگانی که می‌خواهند مهارت‌های خود را به‌روز کنند. با این حال، داشتن پیش‌نیازهای زیر توصیه می‌شود:

• آشنایی اولیه با کامپیوتر: توانایی کار با سیستم‌عامل (ویندوز، مک یا لینوکس) و مرورگر وب.
• علاقه و انگیزه: مهم‌ترین پیش‌نیاز، علاقه واقعی به یادگیری و ساخت وب‌سایت‌های جذاب است.
• یک ویرایشگر کد: نصب یک ویرایشگر کد مانند VS Code (توصیه می‌شود) برای شروع کدنویسی.
• اتصال به اینترنت: برای دسترسی به محتوای دوره و منابع آنلاین.

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

قلب این دوره، 10 پروژه عملی است که هر یک در یک روز کامل می‌شوند. این پروژه‌ها به گونه‌ای انتخاب شده‌اند که طیف وسیعی از تکنیک‌ها و چالش‌های توسعه وب را پوشش دهند. در ادامه به معرفی برخی از این پروژه‌ها می‌پردازیم:

• پروژه 1: صفحه فرود (Landing Page) ساده و واکنش‌گرا

  این پروژه به شما کمک می‌کند تا با اصول HTML برای ساختاردهی و CSS برای استایل‌دهی و ایجاد طراحی واکنش‌گرا آشنا شوید. تمرکز بر استفاده از Flexbox یا Grid برای چیدمان عناصر است.

• پروژه 2: لیست کارها (To-Do List)

  یک برنامه تعاملی برای مدیریت کارهای روزانه. در این پروژه، شما با مفاهیم اصلی JavaScript مانند دستکاری DOM، افزودن/حذف عناصر و ذخیره‌سازی داده‌ها در حافظه مرورگر آشنا می‌شوید.

• پروژه 3: نمایشگر وضعیت آب و هوا (Weather App)

  ساخت اپلیکیشنی که اطلاعات آب و هوا را از یک API خارجی دریافت و نمایش می‌دهد. این پروژه مهارت شما را در کار با درخواست‌های HTTP (Fetch API) و پردازش داده‌های JSON افزایش می‌دهد.

• پروژه 4: گالری تصاویر اسلایدشو

  ایجاد یک گالری تصاویر تعاملی با قابلیت حرکت خودکار و کنترل دستی. این پروژه بر انیمیشن‌های CSS و منطق JavaScript برای تغییر تصاویر و مدیریت رویدادها تمرکز دارد.

• پروژه 5: تایمر شمارش معکوس (Countdown Timer)

  طراحی یک تایمر شمارش معکوس برای رویدادهای خاص. در این پروژه، شما با کار با تاریخ‌ها (Date Objects) در JavaScript و همچنین به‌روزرسانی مداوم عناصر صفحه آشنا می‌شوید.

• پروژه 6: بازی حدس اعداد (Guess the Number Game)

  ساخت یک بازی ساده حدس اعداد برای تمرین منطق برنامه‌نویسی، شرط‌ها و حلقه‌ها در JavaScript. این پروژه به شما کمک می‌کند مهارت‌های حل مسئله خود را تقویت کنید.

• پروژه 7: صفحه پروفایل کاربری با UI زیبا

  تمرکز بر طراحی رابط کاربری (UI) جذاب با استفاده از تکنیک‌های پیشرفته CSS و افزودن افکت‌های JavaScript برای تعامل‌پذیری بیشتر.

• پروژه 8: جستجوگر دستور پخت غذا (Recipe Finder)

  یک پروژه پیچیده‌تر که از چندین API استفاده می‌کند تا دستور پخت غذاها را بر اساس جستجوی کاربر پیدا و نمایش دهد. این پروژه مهارت شما را در سازماندهی کد و مدیریت داده‌ها بهبود می‌بخشد.

• پروژه 9: پلیر ویدئو سفارشی (Custom Video Player)

  ساخت یک کنترلر ویدئوی سفارشی با استفاده از APIهای HTML5 Media و JavaScript. یاد می‌گیرید چگونه کنترل‌های پخش، مکث، صدا و پیشرفت ویدئو را پیاده‌سازی کنید.

• پروژه 10: شبیه‌ساز خرید (Shopping Cart Simulator)

  یک پروژه کامل‌تر که مفاهیم پیشرفته JavaScript مانند مدیریت وضعیت (State Management)، افزودن و حذف آیتم‌ها به سبد خرید و محاسبه قیمت کل را پوشش می‌دهد.

هر یک از این پروژه‌ها یک گام رو به جلو در مسیر یادگیری شما خواهد بود و به شما کمک می‌کند تا به یک توسعه‌دهنده وب همه‌کاره تبدیل شوید.

این دوره فراتر از یک آموزش صرف تئوری است؛ این یک تجربه یادگیری است که شما را درگیر می‌کند و به چالش می‌کشد. رویکرد “یادگیری با انجام” تضمین می‌کند که شما نه تنها مفاهیم را درک می‌کنید، بلکه قادر به پیاده‌سازی آن‌ها در پروژه‌های واقعی نیز خواهید بود. محتوای دوره به صورت کاملاً به‌روز و منطبق با نیازهای بازار کار سال 2023 است، بنابراین شما مطمئن خواهید بود که دانش کاربردی و مورد نیاز را کسب می‌کنید. این یک فرصت است تا در مدت زمانی کوتاه، جهشی بزرگ در مسیر توسعه وب خود داشته باشید و به یک متخصص حرفه‌ای تبدیل شوید.