توضیحات
آموزش بوت استرپ حرفه ای
فصل اول – معرفی بوت استرپ , پیشنیاز ها و آماده سازی محیط کار
، طراحی واکنش گرا (Responsive) چیست؟ به چه نحوه کار می کند
/ معرفی فریم ورک های موجود برای طراحی واکنش گرا ۷ تاریخچه بوت استرپ ۷ بوت استرپ چیست؟ به مزیت ها و دلایل استفاده از بوت استرپ؟
/ از کجا شروع کنیم؟ /
معرفی IDE های مناسب برای کار با بوت استرپ
/ دانلود بوت استرپ /
معرفی بوت استرپ RTL | 7 بررسی محتویات فایل بوت استرپ به راستچین کردن (RTL) فایل بوت استرپ LTR | / معرفی CDN های بوت استرپ ۷ مزایای و معایب استفاده از CDN های بوت استرپ / بررسی متا تگ مورد نیاز برای پشتیبانی و نمایش صحیح قالب در موبایل ها
/ بررسی متا تگ های مورد نیاز برای پشتیبانی صحیح در مرورگر IE
/ اتصال فایل های بوت استرپ و جاوااسکریپت به سند
فصل دوم – سیستم شبکه بندی (Grid System) – مروری بر چارچوب کلی و اساس طراحی ریسپانسو تحت فریم ورک بوت استرپ
۷ شبکه بندی چیست و چه کاربردی دارد / آشنایی با سیستم شبکه بندی و مفاهیم آن در بوت استرپ توسط مثال های کاربردی ۷ مدیا کوئری چیست و چه کاربردی دارد / معرفی کلاس های شبکه بندی ۷ بررسی ساختار اولیه سیستم شبکه بندی > بررسی سیستم طرح ثابت (Fixed Layout)
سرفصل های جامع ترین دوره و پکیج آموزش فریمورکا بوت استرپ
بررسی سیستم طرح سیال (Fluid Layout)
بررسی سیستم طرح واکنش گرا (Responsive Layout) > بررسی شبکه بندی با فرمت Stacked To Horizontal بررسی شبکه بندی Small
شبکه بندی Medium بررسی شبکه بندی Large
آموزش بوت استرپ حرفه ای
بررسی شبکه بندی Small
بررسی شبکه بندی با ستون های برابر
بررسی شبکه بندی با ستون های نابرابر
بررسی شبکه بندی تو در تو (Nest)
بررسی شبکه بندی ادغامی (Mix) برای استفاده از قالب در موبایل ها تبلت ها و دسکتاپ بصورت
همزمان ۷ بررسی Clear Floats و کلاس clearfix 7 بررسی شبکه بندی Offset 7 بررسی شبکه بندی Ordering و کلاس های Push And Pull
فصل سوم – ایجاد عناصر واکنش گرا در بوت استرپ – توسعه و طراحی توسط اجزا، ابزارها و کامیونت های بوت استرپ
کار با عناصر متنی و فن چاپ (Typography) به بررسی جداول
بررسی فرم ها > بررسی دکمه ها / تصاویر واکنش گرا ۷ کلاس های کمکی / بررسی dropdown منوها
سرفصل های جامع ترین دوره و پکیج آموزش فریمورک بوت استرپ
بررسی button – dropdown ها
بررسی button
– group ها / بررسی فرم ها و فیلدها به آیکون ها / بررسی nav ها | / بررسی navbar ها
بررسی breadcrumb ها / بررسی pagination / بررسی label ها بررسی badget ها بررسی jumbotron بررسی page header ها بررسی thumbnail ها بررسی alert box ها بررسی progressbar ها بررسی mediaobject ها
بررسی list group ها ۷ بررسی panel ها / بررسی mediaembed ها (نحوه نماش مدیا و ویدئوها)
فصل چهارم – تعامل جاوا اسکریپت و بوت استرپ
۷ بررسی transition
بررسی modal ها ۷ بررسی Dropdown ها / بررسی scrollspy ها (لنگرها) / بررسی tab ها / بررسی tooltip ها
سرفصل های جامع ترین دوره و پکیج آموزش فریمورک بوت استرپ
/ بررسی popover ها
بررسی alartbox ها بررسی button ها
بررسی collapse ها / بررسی carousel (اسلایدر واکنشگرای بوت استرپ) ۷ بررسی کلاس های affix
فصل پنچم – سفارشی (شخصی سازی بوت استرپ توسط جاوااسکریپت و CSS
کار با پلاگین Easing
کنترل کلاس های بوت استرپ توسط جاوا اسکریپت
کار با خاصیت انیمیشن ها در CSS
معرفی و استفاده از چندین پلاگین کاربری جی کوئری مانند پلاگین Progressbar و …
تغییر استایل های پیشفرض
عناصر بوت استرپ و شخصی سازی و تغییر استایل آنها به حالت دلخواه
فصل ششم – پیاده سازی آنچه آموخته ایم در قالب پروژهای کاملا کاربردی و طراحی قالب های مدرن
/ کد نویسی صفر تا صد قالب واکنشگرای مدرن سبک Hero Header و فلت مناسب وب سایت
های نمونه کار – Portfolio / کدنویسی صفر تا صد قالب واکنشگرای مدرن سبک فلت مناسب وب سایت های شخصی
خبری آموزشی و .. لا تبدیل قالب طراحی شده استاتیک به قالب واکنش گرای داینامیک توسط بوت استرپ توسط مثال
هایی ساده و کاربردی برای درک بهتر نحوه طراحی در بر اساس سایت های داینامیک
سرفصل های جامع ترین دوره و پکیج آموزش فریمورک بوت استرپ
فصل هفتم – جمع بندی، معرفی منابع و توصیه های مهم و تکمیلی
/ معرفی منابع برای توسعه و مطالعه در مورد بوت استرپ ۷ بررسی تغییرات نسخه ۳ بوت استرپ به نسخه های پیشین
بررسی و معرفی کلاس های تغییر یافته در بوت استرپ ۳ نسبت به نسخه های پیشین / معرفی کلاس های عمومی بوت استرپ ۷ اصول و نکاتی در مورد تبدیل قالب های از پیش طراحی شده و غیر واکنش گرا به واکنش گرا
آموزش بوت استرپ حرفه ای
با توجه به افزایش تولید و فراگیر شدن استفاده از اسمارت فون ها و تبلت ها در چند سال اخیر و رابطه مستقیم آنها با دنیای مجازی و اینترنت مدیران و طراحان وب سایت ها ناچار به تعامل مطلوب با این نوع دستگاها شده اند. اما با استفاده از متدها و روش های طراحی سنتی این تعامل با چالش بزرگی روبرو شد و آن عدم ثبات در تطبیق المان ها موجود در قالب وب سایت ها با سایز های متفاوت صفحه نمایش این دستگاه ها بود که این امر باعث عدم پوشش صحیح تمام یا بخش های مختلف یک سایت بصورت استاندارد توسط این دستگاه ها می شد.به لطف این چالش و بخصوص صفحه نمایش هایی با ابعاد متفاوت تکنولوژی جدیدی با عنوان Responsive Design پا به عرضه ظهور گذاشت و تحول بسیار مطلوبی را در عرصه طراحی وب بوجود آورد.
در راستای چنین تحولی و با توجه به کمبود و منابع آموزشی کامل در این زمینه در عرصه وب فارسی تصمیم گرفته ایم تا با یک دوره آموزشی بسیار کامل در زمینه تکنولوژی Responsive Design تحت یکی از فریم ورک های بسیار محبوب و البته قدرتمند در این زمینه با نام Bootstrap در خدمت علاقمندان به مبحث طراحی وب بخصوص طراحی واکنشگرا باشیم تا بتوانیم قدمی دیگر در راستای افزایش سطح علمی علاقمندان به مبحث وب و طراحی آن برداریم…