subscriptionsدوره آموزش جامع فریمورک بوت استرپ 4.0

۰ رای ۰.۰

access_time طول دوره۰ ساعت
event_seat تعداد جلسات۵ جلسه
people دانشجویان۵۳ نفر
headset_mic پشتیبانی دوره۳ ماه

قیمت : ۹۸ هزار تومان

schedule هر هفته 2 جلسه 15 تا 60 دقیقه ای - شروع دوره : 07 فروردین 97
list جلسات description توضیحات دوره speaker_notes دیدگاه ها
description توضیحات کوتاه دوره

ورژن 4 بوتسترپ دستخوش تغییراتی شده که این امر باعث بهینه تر شدن این فریم ورک محبوب گردیده است.این تغییرات در ساختار کلاس ها و اضافه شدن استایل های بسیار متنوع برای طراحی رابط کاربری منعطف تر همراه با کدنویسی کمتر از جانب طراح می باشد.از نکات قابل توجه در ورژن جدید کم حجم شدن هسته فریم ورک و امکانات متنوعی است که در این ورژن گنجانده شده و تغییراتی اساسی برای هرچه بهتر شدن آن صورت گرفته است.
حال با توجه به انتشار نسخه نهایی ورژن 4 فریم ورک بوت استرپ مفتخریم که به عنوان اولین وب سایت آموزشی در عرصه وب فارسی دوره ای جامع در رابطه با ورژن جدید این فریم ورک برگزار نماییم و امیدواریم مانند گذشته این دوره نیز مورد استقبال شمت عزیزان قرار گرفته و رضایت خاطر شما را همراه داشته باشد

سرفصل دوره آموزش فریم ورک Bootstrap 4

 

فصل اول : سیستم گرید و بررسی تغییرات آن در ورژن 4

  • معرفی سیستم گرید در ورژن 4 بوت استرپ
  • بررسی کلاس های سیستم گرید و تغییرات آن
  • بررسی انواع حالت های پیاده سازی سیستم گرید

فصل دوم : کار با محتوا و بررسی تغییرات آن در ورژن 4

  • کار با متون (Typography)
  • کار با کدها (Code)
  • کار با تصاویر (Images)
  • کار با جداول (Tables)
  • معرفی تگ Figures برای ارتباط بین تصاویر و متون مرتبط به یکدیگر
  • و...

فصل سوم : Component ها و بررسی تغییرات آن در ورژن 4

  • کار با منوها و ساختار و کلاس های جدید آن
  • کار با انواع فرم ها
  • کار با باکس های نمایش پیام به کاربران
  • منو های کشویی و افتادنی (Dropdown menu)  و بررسی انواع آن
  • کار با دکمه های مستقل و گروهی
  • کار با beardcrumb
  • کار با مدال ها
  • کار با اسلایدر (Carousel)
  • ایجاد لینک های صفحه بندی
  • معرفی و استفاده از Jumbotron
  • کار با popover  ها  tooltips  ها
  • کار با Progress bar ها و معرفی انوع آنها
  • و...

 

فصل چهارم : Utility ها و بررسی کلاس ها و استایل های جدید اضافه شده در ورژن 4

  • مبحث بررسی کلاس های Border ها
  • مبحث بررسی کلاس های رنگ ها
  • مبحث بررسی کلاس های نمایش و عدم نمایش عناصر در سایزهای مختلف صفحه نمایش
  • مبحث بررسی کلاس های شناور سازی عناصر در سایز های مختلف صفحه نمایش
  • محبث بررسی کلاس های موقعیت دهی به عناصر در قسمت های مختلف اسناد
  • مبحث بررسی کلاس های تعیین اندازه عناصر بودن استفاده از سیستم گرید بوت سترپ
  • مبحث بررسی کلاس های تعیین فاصله عناصر از یکدیگر  (margin-padding)
  • مبحث بررسی کلاس های تعیین متون در سند
  • مبحث بررسی کلاس های تراز عمودی عناصر
  • و...

فصل پنجم : پروژه

  • طراحی قالب رسپانسیو توسط ورژن 4 بوتسترپ و استفاده از امکانات آن ( قالب فروشگاه )

 

 

info نکته :

در طول دوره و به مرور و متناسب با هر مبحث کلاس های حذف شده  و جدید در ورژن 4 معرفی خواهند شد.

 

مجید زارعی هوشیار

سلام
خسته نباشید…..
من اصلا با بوت استرپ کار نکردم….برای شروع از این دوره شما شروع کنم …یا دوره بوت استرپ ۳ شما در دوره های قبل…؟

وحید صالحی

سلام می تونید از این دوره شروع کنید اما اگر ورژن 3 رو مسلط باشید تفاوت های که این 2 ورژن دارن رو بهتر درک می کنید.

ایمان ملکی

– جلسه سوم و چهارم بی کیفیت هست(صدا خوبه اما تصویر نه) . ویدئو با کیفیت تصویر بالاتر میخواهم.
– عرض container دومقدار بیان شد! 1140 و 1170 پیکسل ! در حالی که https://getbootstrap.com/docs/4.0/layout/grid/#grid-options آمده : حداکثر عرض 1140px .
1170 مربوط به چه حالتی هست؟

وحید صالحی

اول سلام
مشکل فنی بود و کیفیت ویدئو هایی که اشاره شد اصلاح شد مجددا می تونید دانلود کنید
درضمن دوست عزیز شما یا با آموزش های ما پیش برید و یا برید سراغ مستندات و از اونجا ادامه بدید. ما در دوره موارد کاملتری رو نسبت به مستندات می گیم که در اونجا بهش اشاره نشده مثل پاسخ همین سوالتون .
و اما پاسخ این سوالتون که از سوال معلومه که اصلا به مباحث ارائه شده دقت نکردید عرض container 1140px هست مطابق با مستندات درسته …مگه نگفتیم هر کدوم از ستون ها و همچنین container ما از چپ و راست 15px مارچین دارن خوب بنده طول کلیش رو هم خدمتتون گفتم تا بهتر موضوع رو درک کنید چیزی که توی مستندات بهش اشاره نشده …خوب 2 تا 15px میشه 30px و اگر با اون 1140 جمع کنید میشه 1170 که میشه عرض کلی container با احتساب مارجین چپ و راستش …بیشتر دقت کنید

مهتاب خلیلی

سلام وقتتون بخیر
میشه نام افزونه inspect element ای که در این ویدئو استفاده می کنین رو بگین؟ ممنون میشم

وحید صالحی

کدوم افزوته دوست عزیز inspect element بصورت پیشفرض روی chorme هست

محمد رمضانی

سلام این دوره برای چه کسانی مناسب هست؟
من به html و css تقریبا مسلط هستم ولی نمیتونم یه قالبی رو سرپا کنم. ایا این دوره میتونه به من کمک کنه که یک طراحی حرفه ای front end بشم؟
ممنونم از راهنمایتون

وحید صالحی

سلام بله دوست عزیز براتون مفید خواهد بود

محسن قرنفلی

سلام استاد خسته نباشین
فکر میکنین دوره تا جه تاریخی ب اتمام میرسد؟

وحید صالحی

سلام سعی می کنیم تا اواخر خرداد تموم شه

sevencloob

سلام استاد شما چرا جی کوئری رو include نکردید تو صفحه ؟ بعد من تو سایت بوت استرپ مستنداتشو میخوندم تو Starter template نیازی به bootstrap-reboot نبود ولی شما include ش کردید حتما نیازه include ش کرد؟

وحید صالحی

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

Hemed Mardvar

سلام
تفاوت های اساسی بوت استرپ 3 با 4 رو میشه بگید؟

وحید صالحی

سلام توی ویدئوی دمو در صفحه ثبت نام کامل توضیح دادیم

313iman313

سلام اقای وحید صالحی عزیز من دوره bootstrap 3 رو خریداری کردم قبلا اما هنوز ندیدمش ! خب الان ورژن 4 اومده به نظر شما چه کنم ؟ همون 3 رو ببینم بعدش بیام رو 4 ؟ یا دیگه 3 رو نبینم ؟

وحید صالحی

سلام ورژن 3 رو ببنید یادگیری ورژن 4 براتون راحت تره اما اگر زمان براتون مهمه و می خواید زودتر یاد بگیرید ورژن 4 رو تهیه کنید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۴۵۶ مقاله تخصصی
school
۹ دوره برگزار شده
۲۴۰۷ علاقمندfavorite
۲۱۸۹ دانشجوpeople
۷۰۰ رایstar
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در سامانه پشتیبانی مخصوص دانشجویان (برای دوره های حضوری)، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود. همچنین پس از خرید هر کدام از دوره های حضوری و یا مجازی سون لرن، شماره تماس و ایمیل مدرس در اختیار دانشجویان دوره قرار خواهد گرفت تا به سرعت پاسخ سوالات خود را دریافت نمایند.

contact_phone اطلاعات تماس با مدرس :
email va.s********@*****.***
phone ۰۹۱۰*******
access_time شنبه تا پنجشنبه، ۱۲ الی ۲۱ عصر
info اطلاعات کامل تماس با مدرس، برای دانشجویان دوره در دسترس می باشد.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۶۶۴۵۲۴۶۹
email ایمیل : support@7Learn.com