آموزش جامع و کاربردی بوت استرپ به صورت ویدئویی و پروژه محور

آموزش بوت استرپ 3


بوت استرپ یک فریم ورک سمت کلاینت است که برای ساخت صفحات ریسپانسیو به کار می رود. بعد از پدید آمدن بوت استرپ سرعت طراحی صفحات Responisve به شدت افزایش یافت و به جرات می توان گفت boostrap محبوب ترین و پرکابردترین و بهترین روش برای ساخت صفحات ریسپانسیو است

جلسه هشتم - ایجاد تب در بوت استرپ


استفاده از tab در طراحی وب یکی از متداول ترین روش ها برای زمانی است که فضای زیادی در اختیار نداریم و در یک بخش به کاربر اطلاعات زیادی را نشان دهیم و از اسکرول زیاد صفحه جلوگیری کنیم

جلسه هفتم - ساخت جدول ریسپانسیو


در این ویدئوی آموزشی به طور کامل با استایل دادن به به جدول های html توسط کلاس های بوت استرپ آشنا می شویم و در انتها یک جدول ریسپانسیو را طراحی میکنیم

جلسه ششم - ریسپانسیو کردن تصاویر


تصاویر یکی از اجزای کاربردی در طراحی وب هستند و هر صفحه ممکن است از تصاویر زیادی تشکیل شده باشد. در بوت استرپ از طریق کلاس img-responsive میتوانید تصاویر خود را برای موبایل و تبلت به صورت ریسپانسیو در آورید.

جلسه پنجم - متا تگ viewport چیست؟


یکی از مهمترین تگ های html برای ایجاد کردن وب سایت های ریسپانسیو متاتگ viewport است. در این ویدئو آموزشی علاوه بر این مبحث با یک سری از کلاس های مفید دیگر در بوت استرپ آشنا می شویم

جلسه چهارم - ساخت منوی ریسپانسیو


یکی از چالش هایی که طراحان وب با آن دست و پنجه نرم میکنند، ایجاد کردن یک منوی دراپ دان و ریسپانسیو کردن آن در حالت موبایل و تبلت می باشد. در این ویدئوی آموزشی به طور کامل با ساختن منوی در بوت استرپ 3 آشنا می شویم

جلسه سوم - ساختار گرید بندی بوت استرپ


ریسپانسیو کردن سایت ها توسط بوت استرپ اصلا کار سختی نیست به شرطی که با ساختار لایه بندی( گرید بندی) بوت استرپ آشنا بشید. در این فیلم آموزشی به طور کامل و با مفاهیم گرید بندی و همچنین نحوه نمایش سایت در دستگاه های مختلف آشنا می شویم

جلسه دوم - دانلود بوت استرپ


برای دانلود کردن فایل های بوت استرپ کافی است به وب سایت getbootstrap.com مراجعه کنید و با انتخاب ورژن مناسب با کار خود فایل های آن را دانلود کنید. در این آموزش با فایل های مختلف بوت استرپ ورژن آشنا می شویم.

جلسه اول - بوت استرپ چیست؟


بوت استرپ یک فریم ورک سمت کلاینت است که برای ساخت صفحات ریسپانسیو به کار می رود. بعد از پدید آمدن بوت استرپ سرعت طراحی صفحات Responisve به شدت افزایش یافت و به جرات می توان گفت boostrap محبوب ترین و پرکابردترین و بهترین روش برای ساخت صفحات ریسپانسیو است

  • 1