دوره بوت استرپ 5 آنلاین پروژه محور | طراحی ریسپانسیو سریع و حرفه ای
اگر می خواهی با کمترین زمان صفحات ریسپانسیو و استاندارد بسازی، بوت استرپ بهترین میانبر توست. در این دوره آنلاین و پروژه محور با کلاس ها و کامپوننت های بوت استرپ 5 از صفر آشنا می شوی و با 5 پروژه عملی مهارتت را تثبیت می کنی. پشتیبانی 24 ساعته، دسترسی دائمی و مدرک معتبر جهاد دانشگاهی امیرکبیر همراه توست.
پیشنهاد مسیر: اگر HTML و CSS را پاس نکرده ای، اول دوره HTML و CSS را ببین → [ دوره HTML و CSS]. برای تعاملات بیشتر می توانی بعد از این دوره وارد جاوا اسکریپت شوی → [دوره JS].
30 % تخفیف تا :
معرفی دوره پروژه محور بوت استرپ 5
هایلایت های دوره
نسخه تدریس: Bootstrap 5.x
فرمت برگزاری: لایو + دسترسی دائمی به ضبط جلسات
سطح: مبتدی تا متوسط
پیش نیاز: آشنایی پایه با HTML و CSS
پشتیبانی: منتورینگ 24 ساعته
مدرک پایان دوره: جهاد دانشگاهی امیرکبیر
هزینه: از 200 هزار تومان، امکان پرداخت اقساطی
در پایان دوره چه یاد می گیری
طراحی سریع صفحات ریسپانسیو با Grid و Flex در بوت استرپ
استفاده حرفه ای از Container، Row، Col و الگوهای چیدمان
کار با Typography، Colors، Spacing و Utilities برای استایل دهی تمیز
ساخت Navbar، Dropdown، Carousel، Modal، Accordion، Tabs، Toast و ده ها کامپوننت کاربردی
اعتبارسنجی فرم ها، Input ها و استایل دهی حرفه ای به Form
سفارشی سازی با Sass و ساخت Theme سبک
بهینه سازی عملکرد، استفاده از CDN یا NPM، ساخت نسخه باندل برای انتشار
سرفصل های دوره
بخش 1: شروع سریع با بوت استرپ
نصب و راه اندازی با CDN و NPM
ساختار Container، Grid سیستم 12 ستونه، Breakpoint ها
Utilities مهم: فاصله ها، رنگ ها، نمایش، سایه، گردی، تایپوگرافی
بخش 2: فرم ها و ناوبری
Input ها، ولیدیشن سمت کلاینت، گروه بندی و چیدمان فرم
ساخت Navbar چسبان، منوهای چند سطحی، Breadcrumb و Pagination
بخش 3: کامپوننت ها در عمل
Card، List Group، Alert، Badge، Button Group
Modal و Offcanvas، Collapse و Accordion، Carousel و Tabs
آیکون ها و استفاده از Font Awesome
بخش 4: سفارشی سازی و تمینگ
متغیرهای Sass، Override کردن متغیرها، ساخت فایل CSS سفارشی
ساخت Theme سبک و تدوین Design System کوچک برای پروژه
بخش 5: بهینه سازی و انتشار
ساخت فایل های باندل با Vite یا Webpack
Lazy load تصویر و ویدئو، نکات Performance و Lighthouse
ساخت نسخه Production و استقرار روی هاست
5 پروژه عملی دوره
لندینگ شرکتی ریسپانسیو
هدر چسبان، Hero، خدمات، گالری، تماس با ما.
خروجی: یک صفحه فرود کامل قابل انتشار.قالب وبلاگ چند صفحه ای
لیست مقالات، سایدبار، صفحه مقاله، Pagination.
خروجی: اسکلت وبلاگ استاندارد برای توسعه بعدی.صفحه فروشگاهی و کارت محصول
گرید محصولات، فیلتر ساده، کارت محصول، Modal جزئیات.
خروجی: صفحه فروشگاه قابل اتصال به بک اند.داشبورد مدیریتی سبک
سایدبار، نوار بالا، کارت های آماری، جدول، Modal و Toast.
خروجی: پنل ادمین ساده برای پروژه های واقعی.وب سایت حرفه ای با بوت استرپ
ترکیب الگوها و طراحی کامل یک وب سایت چند صفحه ای.
خروجی: یک سایت کامل آماده رزومه با Design System کوچک.
همه پروژه ها با فایل راهنما، ساختار پوشه بندی استاندارد و چک لیست بهینه سازی تحویل می شوند تا مستقیم در رزومه قرار دهی.
این دوره مناسب چه کسانی است
طراحانی که می خواهند سریع و استاندارد صفحات ریسپانسیو بسازند
وردپرسی ها که به قالب اختصاصی و صفحه های زیبا نیاز دارند
دانشجویان و فریلنسرها برای ساخت نمونه کار قابل ارائه
تیم هایی که می خواهند MVP را در کمترین زمان آماده کنند
پیش نیازها و ابزارها
پیش نیاز: HTML و CSS پایه
پیشنهاد: آشنایی مقدماتی با جاوا اسکریپت برای تعاملات بیشتر
ابزارها: VS Code، افزونه های Emmet و Live Server، Chrome DevTools
سورس: فایل Starter و Design Kit دوره در اختیار شما قرار می گیرد
مدرس دوره
مدرس و کارآفرین فناوری. دارنده مدال طلای المپیاد ملی مهارت ایران و بورسیه FESTO آلمان. موسس چند استارتاپ و مشارکت در طراحی ده ها محصول نرم افزاری و سخت افزاری. دوره ها زیر نظر مستقیم ایشان و تیم منتورها برگزار می شود.
سولات متداول درباره دوره
آشنایی با HTML و CSS کافی است. جاوا اسکریپت فقط برای برخی تعاملات ساده نیاز می شود.
بوت استرپ 5.x. تفاوت های مهم با نسخه 4 را هم مرور می کنیم.
بله. با Sass متغیرها را تغییر می دهیم و Theme سبک می سازیم.
بله. هر پروژه با رعایت اصول ریسپانسیو و Performance ساخته می شود و قابل انتشار است.
بله. به روز رسانی ها و پشتیبانی 24 ساعته هم در دسترس است.
بله. شرایط اقساط برای همه دوره ها فعال است.
برای شرکت در دوره و دریافت رودمپ اختصاصی فرم زیر را تکمیل کنید
