معرفی دوره Bootstrap4

در این دوره آموزشی با فریمورک قدرتمند Bootstrap 4 آشنا خواهیم شد. بوت استرپ یکی از بهترین و شناخته شده ترین فریمورک های ریسپانسیو سازی می باشد. البته این فریمورک صرفاً برای واکنشگرایی (responsive) وب سایت به کار نمی رود. ابزارهای زیادی در آن وجود دارد که کدنویسی سمت کاربر را راحت تر می کند. در این دوره تمام این ابزارها پوشش داده خواهند شد.

این دوره مناسب چه کسانی می باشد؟

  • علاقه مندان به حرفه جذاب طراحی وب سایت که پیش از این html css را یاد گرفته اند
  • طراحان رابط کاربری که می خواهند به فریمورک bootstrap نیز مسلط شوند.
  • برنامه نویسان سمت سرور (backend) که قصد دارند دانش UI خود را گسترش دهند.
  • طراحان وب که با سیستم های مدیریت محتوا مانند وردپرس و جوملا کار می کنند اما قصد دارند قالب سایت را خودشان طراحی کنند.

پیشنیازهای دوره بوت استرپ 4 :

برای اینکه این دوره را به بهترین شکل ممکن بتوان مطالعه کرد بایستی با html5 و css3 آشنایی کاملی داشته باشیم. همچنین آشنایی با flexbox که جزئی از css3 می باشد نیز بسیار مهم است. زیرا سیستم شبکه بندی بوت استرپ 4 کاملا بر پایه flexbox پیاده سازی شده است. دانش javascript و jQuery الزامی نیست اما بسیار مفید است. اگر دانش javascript و jQuery داشته باشیم بهتر می توانیم component های بوت استرپ را ویرایش و شخصی سازی کنیم.

سرفصل ها و زمانبندی دوره Bootstrap 4

بخش

هفته

مقدمات اولیه، پیشنیازها و آشنایی

مقدمه

آشنایی با نرم افزار vscode

آشنایی با ابزار Emmet برای کدنویسی سریع

آشنایی با ماژول flexbox در CSS

جزوات

پروژه flexbox

آشنایی با Bootstrap 4 و نصب آن

هفته اول

سیستم grid یا شبکه بندی

آشنایی با مقادیر پیش فرض و content

آشنایی با جداول

جزوات

تمرین 1

پروژه grid system

آشنایی با utility ها

هفته دوم

جزوات

تمرین 2

پروژه utilityها

آشنایی با کامپوننت alert

هفته سوم

آشنایی با کامپوننت badge

آشنایی با کامپوننت breadcrumb

آشنایی با کامپوننت button

آشنایی با کامپوننت card

آشنایی با کامپوننت carousel

آشنایی با کامپوننت collapse

آشنایی با کامپوننت dropdown

آشنایی با کامپوننت form

آشنایی با کامپوننت jumbotron

آشنایی با کامپوننت list group

آشنایی با کامپوننت modal

آشنایی با کامپوننت nav

آشنایی با کامپوننت navbar

آشنایی با کامپوننت pagination

آشنایی با کامپوننت popover

آشنایی با کامپوننت progress bar

آشنایی با کامپوننت scrollspy

آشنایی با کامپوننت tooltip

جزوات

تمرین 3

پروژه Componentها

آزمون میان ترم

مقدمات پروژه و آشنایی با فونت آیکن ها

هفته چهارم

کار با پروژه ها در چندین قسمت

تمرین 4

پروژه Font-Icon

پروژه mini-project

پروژه Theme

آزمون پایان ترم

+نمایش

معرفی استاد دوره


علیرضا-حمداللهی

علیرضا حمداللهی

علیرضا حمداللهی فارغ التحصیل کارشناسی ارشد اقتصاد است و سال ها در زمینه طراحی وب و دیجیتال مارکتینگ فعالیت داشته است. او در حال حاضر مشغول فعالیت کاری و تدریس در دانشگاه آزاد اسلامی، مجتمع فنی تهران و گروه دوران می باشد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *