ببین، اگر دنبال این هستی که از صفر وارد دنیای برنامه نویسی فرانت اند بشی و آخرش بتونی یه سایت واقعی رو از صفر تا صد پیاده‌سازی کنی، این دوره همون چیزیه که لازم داری. یه مسیر کامل و پیوسته که از مفاهیم پایه برنامه نویسی شروع می‌شه و تا ساخت قالب‌های حرفه‌ای با Bootstrap...
چرا دوره جامع فرانت اند؟ 🎯
ببین، اگر دنبال این هستی که از صفر وارد دنیای برنامه نویسی فرانت اند بشی و آخرش بتونی یه سایت واقعی رو از صفر تا صد پیاده‌سازی کنی، این دوره همون چیزیه که لازم داری. یه مسیر کامل و پیوسته که از مفاهیم پایه برنامه نویسی شروع می‌شه و تا ساخت قالب‌های حرفه‌ای با Bootstrap و جاوااسکریپت پیش می‌ره.
نکته جالبش اینجاست که خیلی از دوره‌ها فقط HTML و CSS رو سطحی یاد می‌دن، ولی اینجا قراره با ابزارهایی مثل Git، Sass، VS Code و Bootstrap 5 هم کار کنی — یعنی همون چیزایی که توی بازار کار واقعی ازت انتظار می‌ره.
مشخصات دوره در یک نگاه 📋
عنوان دوره: دوره جامع آموزش فرانت اند (Front End) — تخصصی و پروژه محور
سطح دوره: پیشرفته
تعداد دروس: ۲۱۱ درس در قالب ۷ فصل
مدت زمان کل: حدود ۵۸ ساعت ویدیوی آموزشی (۳۵۶۴ دقیقه)
حجم فایل‌ها: ۷۷۹۴.۳۰ مگابایت
وضعیت قیمت: دارای تخفیف ویژه
توی این دوره چی یاد می‌گیری؟ 🧩
مسیر آموزشی این دوره طوری چیده شده که هر فصل، ادامه منطقی فصل قبله. از مبانی برنامه نویسی شروع می‌کنیم، بعد می‌ریم سراغ HTML و CSS، بعدش وارد دنیای پیش‌پردازنده‌ها و فریم‌ورک‌ها می‌شیم و آخرش با جاوااسکریپت یه سایت پویا می‌سازیم.
فصل اول — اصول و مبانی برنامه نویسی
اگه هیچ پیش‌زمینه‌ای نداری، نگران نباش. این فصل دقیقاً برای همینه:
- آشنایی با اصطلاحات رایج، پروتکل‌ها و محیط توسعه
- کاراکترها، کامپایلرها و تفاوت زبان‌های سطح بالا و پایین
- انواع داده (DataType)، متغیرها و تبدیل داده‌ها به هم
- شرط‌ها، ساختار Switch و حلقه‌های For و Foreach
- توابع در سه بخش، کلاس‌ها، آرایه‌ها و اهمیت شی‌گرایی
- حتی یه گریز هم به کلاس‌ها و آرایه‌ها در پایتون زده شده
فصل دوم — HTML و CSS از مقدماتی تا پیشرفته
اینجا وارد قلب فرانت اند می‌شیم. از ساختار تگ‌ها و نسخه‌های HTML شروع می‌کنیم و می‌رسیم به:
- آیکون‌ها، فونت دلخواه، ویدیو و موزیک در سایت
- ساخت منوی ناوبری، Transform و Transition برای افکت‌های سفارشی
- سایه‌ها (Shadow)، Positionها و ریسپانسیو کردن سایت
- سئو با متاتگ‌ها، Breadcrumb، Pagination و ماسک تصاویر
- انیمیشن‌های CSS و Grid بندی در چهار بخش جداگانه
یه نکته کاربردی: همون مبحث ریسپانسیو کردن سایت، دقیقاً چیزیه که وقتی پروژه دانشگاهی یا فریلنسری تحویل می‌دی، اولین چیزی‌ست که استاد یا کارفرما چک می‌کنه.
فصل سوم — محیط توسعه VS Code
قرار نیست با یه Notepad ساده کد بزنی! این فصل مخصوص راه‌اندازی حرفه‌ای محیط کارته:
- نصب و ساخت پروژه، کار با Snippetها و Taskbar
- اکستنشن‌ها، شورت‌کات‌های کدنویسی سریع و UserSetting
- تغییر تم، فونت و بک‌گراند، آشنایی با Quokka و Copilot
- کار با Git داخل VS Code و اکستنشن‌های ضروری
فصل چهارم — Sass به صورت پروژه محور
Sass رو باید بلد باشی چون کدهای CSS تمیز و قابل نگهداری تولید می‌کنه:
- نصب، کانفیگ و کاربرد Partialها
- متغیرها، Nestedها، Extend و Mixinها در سه بخش
- توابع، حلقه‌ها، کنترل خطا (Error و Warn) و Debug کردن
- کار با Numeric، List، Map و مبحث کامل رنگ‌ها در چهار بخش
فصل پنجم — سورس کنترل Git
بدون Git، کار تیمی معنی نداره. این فصل:
- نصب و کانفیگ گیت، دستورات Commit، Stage و Unstage
- Branch، Log، Stash و Merge
- ساخت اکانت GitHub، Repo، Clone، Fork و Pull Request
- مشارکت در پروژه دیگران و ساخت فایل ReadMe
فصل ششم — Bootstrap 5 از صفر تا صد
این فصل واقعاً پره! ۱۲ ساعت و نیم محتوا فقط برای بوت استرپ:
- استفاده Local و CDN، شبکه‌بندی، تایپوگرافی و کلاس رنگ‌ها
- جدول، تصاویر، Alert، Badge، ProgressBar و Sniper
- کامپوننت‌های Card، آکاردئون، Modal، Carousel و OffCanvas
- منوی ناوبری، DropDown، منوی همبرگری، سرچ‌باکس و Sticky Menu
- Tooltip، PopOver، ScrollSpy، Toast و DarkMode
- Utilityها، FlexBox و در نهایت چند پروژه ساخت قالب در ۷ بخش
فصل هفتم — جاوااسکریپت مقدماتی تا پیشرفته
اینجا سایتت جون می‌گیره:
- استانداردها، Variable، آرایه‌ها، Operatorها و Functionها
- Eventها، شرط‌ها، Switch، حلقه‌های For و While
- کنترل Exception، انواع داده، Prompt و دیباگ کردن
- Constructor، انواع توابع، ساختار DOM و DOM-Animation
- Bom
فرانت‌اند پروژه‌محور را با تخفیف ثبت‌نام کنید و حرفه‌ای شوید
