آموزش Bootstrap 3

در این بخش که آخرین بخش مرور بر مطالب گذشته می باشد به بررسی عمیق Grid System می پردازیم و همچنین مفاهیم اصلی و کاربردی گرید را ازجمله Offset و Push و Pull و Visible و غیره را به همراه مثال عملی تشریح می کنیم.

مرور مباحث قبلی - بخش چهارم

  • مدرسسید مازیار موسوی
  • سطح دورهتمام سطوح
  • تعداد ویدئو20
  • زمان کل آموزش16 ساعت و 40 دقیقه
  • زمان این ویدئو72 دقیقه
  • امتیاز دوره5   از   5   رای
  • تعداد ثبت نام46
این ویدئو فقط برای کاربرانی که در این دوره ثبت نام کرده اند قابل مشاهده و دانلود است.
درباره این دوره

فریم ورک Bootstrap از موفق ترین ابزار های طراحی layout می باشد که توسط دو نفر از توسعه دهنگان تویتر ایجاد شد و همانند Foundation 5 و حتی بهتر در زمینه طراحی  UI توانست کاربردهای متفاوت و جذابی را ارائه کند. این فریم ورک در نسخه 3 با اضافه کردن توانایی های مناسب برای طراحی های لازم در موبایل توانست فوق العاده در بین طراحان موفق جا باز کند و در آخر این چهارچوب تعداد زیادی از ابزار های مورد نیاز طراحان را از جمله دکمه ها ، جداول، پنل ها و ده ها مورد دیگر را در اختیار توسعه دهندگان قرار دهد.

پیش نیازهای این دوره

  • آشنایی مقدماتی با HTML و CSS

لیست دروس این دوره

  • بخش 1 : معرفی Bootstrap و مقدمات کار با آن

  • 1 معرفی دوره 16:10
    در این بخش با تعاریف و کاربردها و اهداف اولیه بوت استراپ آشنا می شوید و کمی در مورد تاریخچه این محصول مطالب مفیدی گفته می شود و بیشتر در این قسمت با شیوه ارائه مطالب و اجزای آن بحث می شود و در مورد جلسات آینده مسائلی روشن میشود و نحوه نصب و امکانات مربوط به آن برای شما تشریح شده است.
  • 2 شروع کار با Bootstrap 21:23
    در این بخش مباحث مربوط به نصب و ساختار فایل دانلود شده بوت استراپ ، شیوه های نصب به همراه ابزار ارائه شده مطرح می شود.
  • 3 معرفی گرید سیستم و تشریح عملکرد آن 25:02
    در این بخش با مفهوم اساسی گرید سیستم در این فریم ورک بحث می شود. این مفهوم بسیار مهم و اساسی است برای درک طراحان و برنامه نویسان وب از اهداف و کاربرد بوت استراپ الزامی است البته این مفهوم به صورت ابتدایی در این بخش مطرح می شود و در جلسات آینده توضیحات لازم و مفهومی ارائه می شود.
  • 4 بررسی Override tags و بررسی بیشتر گرید سیستم 32:54
    در این بخش تگ های HTML را که توسط بوت استراپ دستکاری شده را بیان می کنیم و توضیحات لازم در این رابطه را برای آمادگی لازم برای ورود به کلاس های بوت استراپ را عنوان می کنیم.
  • بخش 2 : کنترل ها در Bootstrap

  • 5 بررسی کنترل ها - بخش اول 18:30
    در این بخش به آموزش کنترل های پرکابرد تایپوگرافی ، دکمه ها ، اخطار ها ، تصاویر ، ... مطرح می شود.
  • 6 بررسی کنترل ها - بخش دوم 49:11
    تشریح عملی گرید و معرفی خاصیت های visible و hidden و ادامه بررسی کنترل ها tables و خاصیت های آن
  • 7 بررسی کنترل ها - بخش سوم 57:46
    در این بخش با چند کنترل اساسی و پرکاربرد Label و Jumbotron و ِDropdown list و چند مورد دیگر آشنا می شوید.
  • 8 بررسی کنترل ها - بخش چهارم 01:01:34
    در این بخش با چند کنترل دیگر همانند Progress Bars و Pagination و Pager و Forms و List Groups آشنا می شوید.
  • 9 بررسی کنترل ها - بخش پنجم 01:29:42
    در این بخش با چند کنترل دیگر همانند Collapse و Tab/Pills و Input و Input groups و Forms آشنا می شوید.
  • 10 بررسی کنترل ها - بخش ششم 48:20
    در این بخش با چند کنترل دیگر همانند Navigation Bar و Thumbnails و Media object آشنا می شوید. این قسمت آخرین قسمت معرفی کنترل ها می باشد و در جلسات بعد مروری بر تمام دروس گذشته خواهیم داشت و بعد از آن مباحث تکمیلی را بیان می کنیم.
  • بخش 3 : مرور مباحث مطرح شده

  • 11 مرور مباحث قبلی - بخش اول 21:08
    در این قسمت در مورد بخش خلاصه دروس گذشته مطالبی را خدمت کاربران محترم ارائه می کنیم و اینکه علت مطرح شدن این بخش را به همراه جزئیات لازم توضیح می دهیم.
  • 12 مرور مباحث قبلی - بخش دوم 37:51
    در این قسمت مروری بر مطالب درسهای 4 و 5 و 7 و مثالهایی جهت رفع اشکال خواهیم داشت.
  • 13 مرور مباحث قبلی - بخش سوم 45:30
    در این قسمت مروری بر مطالب درسهای 8 و 9 و 10 و مثالهایی جهت رفع اشکال خواهیم داشت.
  • 14 مرور مباحث قبلی - بخش چهارم 01:12:55
    در این بخش که آخرین بخش مرور بر مطالب گذشته می باشد به بررسی عمیق Grid System می پردازیم و همچنین مفاهیم اصلی و کاربردی گرید را ازجمله Offset و Push و Pull و Visible و غیره را به همراه مثال عملی تشریح می کنیم.
  • بخش 4 : مباحث تکمیلی

  • 15 بررسی Modal و Accordion و Carousel 50:45
    در این قسمت اولین قسمت مباحث تکمیلی به 2 پلاگین Modal و Carousel می پردازیم و در ادامه مبحث Accordion رو بررسی کرده و موارد موجب خطا رو توضیح می دهیم.
  • 16 بررسی Scroll Spy و Tool tips و Popover 54:47
    در این قسمت به بررسی پلاگین های پرکاربرد Scroll Spy و Tool tip و Popover پرداخته شده و موارد اهمیت آنها شرح داده شده است.
  • 17 بررسی پلاگین Affix و یک مثال عملی 01:39:48
    توضیحات لازم در مورد Affix و بررسی یک مثال عملی و کاربردی . استفاده از کلاس های بیان شده در دو جلسه اخیر از جمله Scroll spy و همچنین آمادگی لازم برای ورود در پروژه عملی.
  • بخش 5 : پروژه‌های عملی

  • 18 پروژه مقدماتی Photo Gallery 01:18:05
    در این پروژه قصد داریم با توانایی هایی که در دروس گذشته برای کاربران تشریح شده در این پروژه آنها را تلفیق کرده و UI خوبی را بوجود بیاوریم در این پروژه از Carousel و منوها و Light box استفاده کردیم و همچنین با خطا های رایج در زمان طراحی با Bootstrap آشنا می شویم هدف این بخش ایجاد انگیزه ی لازم برای ورود در پروژه های بزرگتر می باشد.
  • 19 پروژه تکمیلی Blog 01:10:40
    در این پروژه با ایجاد UI ساده یک blog آشنا می شویم این قسمت می تواند ادامه قسمت قبل باشد و ضمیمه پروژه قبلی شود در این قسمت با استایل دهی پیشرفته تری نسبت به پروژه قبلی روبرو هستیم و در مورد منوها و ایجاد پست و بررسی خطاهای احتمالی صحبت می کنیم.
  • 20 پروژه نهایی - e-Commerce 48:54
    در این بخش به مفاهیم اساسی با این UI از جمله منو ها و list-group ها و نکات تکمیلی در مورد carousel می پردازیم. این بخش می تواند توسط کاربران بعنوان ایده اولیه فروشگاه ی پیشرفته در نظر گرفته شود و با استفاده از سایر امکانات Bootstrap آن را تکمیل کنند.

درباره مدرس این دوره

دانشجوی کارشناسی نرم افزار در دانشگاه شهید رجایی کاشان هستم. تقریبا 14 سال در حوزه انیمیشن سازی ، برنامه نویسی دسکتاپ و وب فعالیت دارم و در چند سال اخیر توجه ویژه ایی به برنامه نویسی پیشرفته سمت سرور و موبایل کرده ام .

دیدگاه‌ها
  • داود جعفری

    ثبت شده در 1395/6/11
    با سلام خدمت مدیر محترم سایت و مدرس محترم در پایان این دوره لازم دونستم چند مورد رو در مورد این آموزش بیان کنم. - محتوای آموزش خوب بود ولی بهتر هم میتونست باشه - نحوی تدریس و فن بیان واقعلا ضعیف و ملال آور بود در طول این آموزش بارها فیلم رو به جلو میزدم چون در بعضی قسمت ها نحوی آموزش حوصله بر و خسته کننده بود پیشنهاد میکنم از فیلم های آموزشی اقای مقدم کمک بگیرد. در آموزش زمان به خوبی مدیریت نشده بعضی کارها به کندی و تکرار بعضی موارد از html زمان پرت زیادی ایجاد کرده شما در ابتدای آموزش باید اعلام کنید که برای این آموزش حداقل html و css بلد باشند تا دیگر نیازی نباشد که بارها در مورد html صحبت بشه . باز هم ممنون از وب سایت خوب otedia
  • داریوش یزدانی

    ثبت شده در 1395/2/20
    با درود نخست بگویم اصلا قصد ایراد گیری و ... ندارم. درس دادن در حد قابل قبولی است و راضی کننده. ولی من هم همانند دوستان قبلی ازکیفیت پایین صدا و فن بیان این دوره راضی نیستم و حیف است که چنین آموزشی با اینگونه صحبت کردن ارزش خود را از دست بدهد. اینگونه صحبت کردن به درد نصیحت کردن می خورد آنهم اگر سودی داشته باشد!. ضمن اینکه لغات تکراری زیاد دارد (مثل قبلا گفتم، و ...) که زمان زیادی را تلف می کند. خواهشمندم شما که این محصولات خارجی را زحمت می کشید و ترجمه می کنید حداقل به طرز درس دادن و صحبت کردن آنها هم دقت کنید . از زحمات شما کمال تشکر را دارم. با سپاس بیکران
  • حمید صالحی

    ثبت شده در 1394/12/20
    سلام آقای موسوی. ان شاالله که خوب باشید. مطالبتون خوبه اما متاسفانه فن بیان بسیار بسیار ضعیفی دارید........... مکث های خیلی زیادی دارید ........... صداتون خیلی ضعیفه یکم با انرژی تر باشید لطفا.......برادرانه پیشنهاد میکنم خیلی روی فن بیانتون کار کنید میتونید به وب سایت آقای بهرام پور(bahrampoor.com) مراجعه کنید.........و نکته دیگه اینکه مطالبی رو که قراره در هر ویدئوی آموزشی مطرح کنید حتما از قبل آماده کنید چندین بار مرور کنید (حالا نه کلمه به کلمه و خط به خط) اما در کل بدونید چی قراره بگید ، قد
  • مهدی محمدی

    ثبت شده در 1394/12/15
    با سلام خدمت استاد عزیز استاد یه درخواست داشتم در مورد بوت استرپ 4 هم صحبت کنید چه تغیراتی کرده چه امکاناتی اضافه شده . با تشکر
  • مرضیه قاهری

    ثبت شده در 1394/12/12
    با سلام و تشکر از تهیه ویدیوی آموزشی در این زمینه متاسفانه با اینکه کیفیت بالا دانلود کردم ولی کیفیت صدا بسیار ضعیف و پایین هست لطفا بررسی بفرمایید ممنون

ثبت دیدگاه و امتیاز

فقط افرادی که در دوره ثبت نام کرده‌اند مجاز به ارسال دیدگاه هستند.

این صفحه را می‌پسندم