آموزش رایگان بوت استرپ ۴ پروژه‌محور — از صفر تا ساخت یک سایت واقعی 🚀
اگه با HTML و CSS آشنایی داری و می‌خوای قدم بعدی رو برداری، این دوره دقیقاً همون چیزیه که لازم داری. یه دوره کاملاً رایگان که توش نه‌فقط با فریم‌ورک بوت استرپ آشنا می‌شی، بلکه آخرش یه پروژه واقعی رو از صفر می‌سازی.
...
آموزش رایگان بوت استرپ ۴ پروژه‌محور — از صفر تا ساخت یک سایت واقعی 🚀
اگه با HTML و CSS آشنایی داری و می‌خوای قدم بعدی رو برداری، این دوره دقیقاً همون چیزیه که لازم داری. یه دوره کاملاً رایگان که توش نه‌فقط با فریم‌ورک بوت استرپ آشنا می‌شی، بلکه آخرش یه پروژه واقعی رو از صفر می‌سازی.
چرا بوت استرپ یاد بگیریم؟ 🤔
بوت استرپ یه مجموعه‌ابزار رایگان و متن‌بازه که کارش ساختن وب‌سایت‌های واکنش‌گرا (responsive) و اپلیکیشن‌های وبه. محبوب‌ترین فریم‌ورک و کتابخانه‌ی کامپوننت برای HTML، CSS و جاوااسکریپت شناخته می‌شه و برای طراحی سایت‌هایی که اولویت اولشون موبایله، حرف اول رو می‌زنه.
یه مشکل همیشگی توی وب، سازگاری بین مرورگرهاست. با بوت استرپ می‌تونی سایت‌هایی بسازی که روی همه مرورگرها — از اینترنت اکسپلورر و فایرفاکس تا کروم — و روی هر صفحه‌ای — دسکتاپ، تبلت، موبایل و حتی فبلت — درست و تمیز نمایش داده بشن.
خب، کدنویسی و ساختن زیرساخت درست برای سایت خودش کار سختیه، ولی نشون دادن سایت به کاربر هم داستان خودشو داره. باید محیطی بسازی که هم چشم‌نواز باشه، هم کاربر راحت بتونه به بخش‌های مختلفش سر بزنه. اینجاست که بوت استرپ به کمکت میاد.
مزایای بوت استرپ در یک نگاه:
توسعه‌ی وب سریع‌تر و راحت‌تر
صفحات وب مستقل از پلتفرم نرم‌افزاری
طراحی واکنش‌گرا و سازگار با هر اندازه صفحه
مناسب برای همه‌ی دستگاه‌های همراه
رایگان و در دسترس از طریق سایت رسمی getbootstrap.com
این دوره برای کیاس؟
کسی که با HTML و CSS آشنایی داره و می‌خواد مهارت‌هاشو ارتقا بده
کسی که به طراحی و توسعه‌ی سایت‌های زیبا و کاربردی علاقه داره
کسی که می‌خواد همه‌ی مهارت‌های لازم برای طراحی سایت رو یه‌جا یاد بگیره
دانشجوهایی که برای پروژه‌های درسی یا نمونه‌کار استخدامی به یه فریم‌ورک آماده نیاز دارن
بعد از این دوره چه مهارت‌هایی داری؟
آشنایی کامل با تمام بخش‌های بوت استرپ
تایپوگرافی حرفه‌ای در بوت استرپ
قرار دادن عناصر زیبا و استاندارد روی سایت
چیدمان اصولی، زیبا و واکنش‌گرا برای محتوا
همه‌ی مهارت‌های لازم برای طراحی یه سایت جذاب و کارآمد
مشخصات دوره در یک نگاه 📋
ویژگی
جزئیات
عنوان دوره
آموزش رایگان بوت استرپ (Bootstrap 4) پروژه‌محور
سطح
مقدماتی تا متوسط
پیش‌نیاز
آشنایی با HTML و CSS
تعداد فصل‌ها
۶ فصل
مجموع جلسات
۳۵ جلسه
مجموع مدت زمان
حدود ۶ ساعت و ۳۵ دقیقه
هزینه
رایگان ✅
پلتفرم
مکتب‌خونه
پیش‌نیازها و منابع مکمل
برای اینکه بیشترین بهره رو از این دوره ببری، بهتره قبلش با کدنویسی HTML و CSS آشنایی داشته باشی. پروژه‌هایی که توی دوره ساخته می‌شن همگی واکنش‌گرا هستن، پس اگه با این دو زبان راحت نیستی، پیشنهاد می‌کنیم اول این مسیرها رو طی کنی:
دوره رایگان آموزش HTML5 و CSS3
دوره آموزش Responsive Layout
بعد از این دوره هم اگه خواستی جلوتر بری، یادگیری جاوااسکریپت و Materialize می‌تونه قدم بعدی خوبی باشه.
سرفصل‌های دوره
توی این دوره با تمام بخش‌های بوت استرپ آشنا می‌شی و آخرش همه‌ی این المان‌ها رو روی یه سایت واقعی پیاده می‌کنی. یه سایت زیبا، واکنش‌گرا و کامل.
فصل اول: آشنایی با بوت استرپ
اینجا بیشتر از هر چیز با خود فریم‌ورک آشنا می‌شی. اگه هیچ شناختی از این ابزار نداری، اصلاً نگران نباش. سازوکارهای بوت استرپ و بخش‌های مختلفش رو قدم‌به‌قدم یاد می‌گیری و آخر فصل با قدرت و کاراییش کاملاً آشنا می‌شی.
فصل دوم: Typography
بوت استرپ بهت اجازه می‌ده سایتت رو طبق سلیقه‌ی خودت بچینی و محتوا رو همون‌طور که می‌خوای توی صفحه بذاری. انواع فونت‌ها و سایزها، هدینگ‌ها، تنظیم موقعیت متن و نکات ریز تایپوگرافی، همه توی این فصله.
فصل سوم: CSS Components
طراحی همه‌ی عناصر یه سایت از صفر واقعاً وقت‌گیره. ولی کامپوننت‌های بوت استرپ این کارو خیلی راحت کردن. نوارهای پیمایش، دکمه‌ها، فرم‌ها، نمایش تیترها، خلاصه‌ی اخبار و صدها المان دیگه، همه آماده‌ان. مهم‌ترین کامپوننت‌های CSS رو اینجا یاد می‌گیری.
فصل چهارم: Grid System و FlexBox
گرید سیستم‌های بوت استرپ بهت اجازه می‌دن ساختار صفحه رو روی ۱۲ ستون بچینی. اگه سایتت به ۱۲ ستون نیاز نداره، می‌تونی ستون‌ها رو ترکیب کنی و ستون‌های کمتر با اندازه‌های متفاوت بسازی. این سیستم‌ها واکنش‌گران و روی هر دستگاهی متناسب با اندازه‌ی همون صفحه نمایش داده می‌شن.
فصل پنجم: Javascript Widgets
کلاس‌ها و ابزارهای زیادی توی بوت استرپ هست که با کدهای جاوااسکریپت فراخوانی می‌شن. توی این فصل، ویجت‌هایی که برای ساخت یه سایت واکنش‌گرا و کاربردی لازم داری رو کامل یاد می‌گیری.
فصل ششم: پروژه عملی
توی فصل‌های قبل با همه‌ی امکانات بوت استرپ آشنا شدی. حالا وقتشه همه‌شون رو روی یه پروژه‌ی واقعی پیاده کنی. نتیجه‌ش می‌شه یه سایت زیبا، کاربردی و با تمام امکانات لازم.
