آموزش بوت استرپ (Bootstarp)

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

  • در دوره بوت استرپ دانشجویان در ابتدا با شناخت بخش های مختلف سایت و روش قالب بندی تگ های HTML، می توانند به طور عملی نسخه bootstrap 5 و بالاتر را به طور عملی نصب و راه اندازی کنند.
  • سپس، با بررسی مفاهیم اولیه breakpoint و Container می توانند چیدمان صفحه را با استفاده از امکانات grid، column و gutter انجام دهند. هم چنین، شما با شناخت مفاهیم تگ، جدول و تصویر می توانید محتوای صفحه وب را با استفاده از Typography، Table، Images و Colors پیاده سازی کنید.
  • در ادامه مسیر، شما با بررسی انواع Input در فرم می توانید از Check Box، Radio و Button برای طراحی Form استفاده نمایید. به علاوه، سرفصل های تخصصی در مورد استفاده از ویژگی های border، shadow و display برای چیدمان صحیح عناصر Html در اختیار شما قرار خواهد گرفت و می توانید برای طراحی منو از تگ های a، li و ul استفاده کنید.
  • در نهایت، شما با نحوه نمایش المان های داخل صفحه وب به کمک CSS آشنا شده و می توانید با درک مفهوم Tooltip، روش صفحه بندی نمایش محتوای سایت را طراحی کنید.
  • سرفصل های دوره آموزش بوت استرپ در آموزشگاه پایتخت فناوری به صورت پروژه محور و از صفر تا صد به شرکت کنندگان آموزش داده می شود.
نمایش بیشتر

ویدئو معرفی دوره آموزش بوت استرپ

آموزش بوت استرپ از صفر تا صد
آموزش بوت استرپ از مقدماتی تا پیشرفته
آموزش بوت استرپ به صورت پروژه محور
آموزش بوت استرپ به زبان ساده

سرفصل های دوره بوت استرپ از مقدماتی تا پیشرفته

1. آموزش مراحل نصب و راه اندازی 5 bootstrap يا نسخه بالا تر

  • معرفی اصول اولیه طراحي سايت
  • آشنایی با بخش های مختلف سايت با استفاده از تگ های Html
  • یادگیری نحوه قالب بندی تگ های Html با استفاده از Style sheet ها
  • بررسي امکانات قابل دسترسي وب سايت بوت استرپ
  • بررسی اصول نصب و راه اندازی 5 bootstrap يا نسخه بالا تر
  • روش استفاده از بوت استرپ راستچین شده جهت طراحي سايت و چیدمان عناصر بصورت راستچین

2. یادگیری روش طراحي layout يا چیدمان صفحه وب با استفاده از grid)، column و(gutter

  • تعریف مفاهیم اولیه breakpoint ها
  • شرح مفاهیم اولیهContainer
  • آشنایی با مفاهیم اصوليGrid
  • شناخت مفاهیم اصولي gutter ,column
  • آموزش روش استفاده و بکارگیری Container ها در بوت استرپ
  • نحوه استفاده و بکارگیری نقاط شکست (breakpoints) در بوت استرپ جهت رسپانسیو کردن صفحات
  • شناخت اصول طراحي و چیدمان عناصر با استتفاده از Columns در بوت استرپ
  • یادگیری شیوه کار با Gutters در بوت استرپ جهت ايجاد يک فضای خالي بین عناصر
  • آموزش کار با Grid جهت طراحي سايت و چیدمان عناصر (تگ های (Html

3. نحوه پیاده سازی و جانمايي محتوای (content) صفحه وب

  • معرفی انواع تگ های مرتبط با متن و پاراگراف
  • شناخت جدول و عناصر مرتبط
  • آشنایی با تصاوير و اشکال مختلف
  • شناسایی رنگ ها و نحوه بکارگیری آن
  • آموزش روش بکارگیری و استفاده از Typography در بوت استرپ
  • نحوه استفاده از Table در بوت استرپ
  • یادگیری شیوه استفاده از Images در بوت استرپ
  • آمورش استفاده از Colors در بوت استرپ

4. شناخت اصول طراحي Form در بوت استرپ

  • آشنایی با مفاهیم اولیه فرم و کنترل فرم
  • نعرفی انواع Input در فرم
  • یادگیری مفهوم اعتبار سنجي فرم
  • شناخت نحوه قالب بندی فرم
  • آموزش مراحل طراحي Form و چیدمان  (layout)آن در بوت استرپ
  • یادگیری روش کار با Select و Range و Dropdown در فرم با استفاده از بوت استرپ
  • بررسی روش کار با Check Box و Radio و Button در فرم با استفاده از بوت استرپ
  • شیوه استفاده از Input Group و فرم validation در بوت استرپ
نمایش بیشتر

5. به کارگیری Utilities در بوت استرپ

  • آشنایی با روش فاصله گذاری، رنگ و پس زمینه در Html
  • بررسی نحوه ويژگي های border و Shadow و display برای عناصر  Html
  • شناخت مفهوم Font Awesome
  • نحوه استفاده و بکارگیری color and background برای عناصر Html در بوت استرپ
  • روش اعمال کردن Shadow  وdisplay  وborder  به عناصر  Html در بوت استرپ
  • آموزش روش استفاده و بکارگیری  spacing ، interaction  و  overflow در بوت استرپ
  • چگونگی استفاده از  Alert و Text در بوت استرپ
  • آموزش اصول دانلود Font Awesome
  • بررسی اصول کار با فونت آيکون و اضافه کردن آن به پروژه

6. شیوه پیاده سازی Display و Float و Box Flex و Position در بوت استرپ

  • آموزش نحوه چیدمان عناصر Html درون صفحه وب با استفاده از Flex Box  وPosition
  • یادگیری نحوه چیدمان عناصر Html درون صفحه وب با استفاده از Float   و   Display
  • چگونگی طراحي به کارگیری Display و Float در بوت استرپ
  • بررسی اصول طراحي و به کارگیری Flex Box و Position در بوت استرپ
  • آشنایی با روند طراحي و به کارگیری Vertical Align و Sizing در بوت استرپ

7. آشنایی با روش استفاده از Navs & Tabs و Modal در بوت استرپ

  • معرفی تگ های a ,li ,ul در Html جهت طراحي منو
  • آموزش نحوه Css تغییر آن همراه با رويداد های ماوس
  • یادگیری نحوه نمايش و چیدمان المان ها داخل صفحه وب به کمک Css
  • بررسی روش طراحي و پیاده سازی Nav Bar در بوت استرپ
  • شناخت اصول طراحي و پیاده سازی Tabs در بوت استرپ
  • چگونگی طراحي و پیاده سازی Modal در بوت استرپ
  • آموزش مراحل طراحي و پیاده سازی Card در بوت استرپ

8. بررسی اصول طراحي Pagination و Progress Bar و Tooltip در بوت استرپ

  • آشنایی با نوار پیشرفت در زمان نمايش سايت
  • بررسی نحوه صفحه بندی جهت نمايش محتوای سايت
  • تعریف مفهوم Tooltip برای بخش هايي از سايت
  • آموزش نحوه به کارگیری و استفاده از Pagination در بوت استرپ
  • یادگیری روش به کارگیری و استفاده از Progress Bar در بوت استرپ
  • شناخت اصول به کارگیری و استفاده از Spinner و Tooltip در بوت استرپ
نمایش بیشتر

رزرو کلاس / مشاوره

فرم مشاوره رایگان

"*" indicates required fields

نمایش بیشتر

آنچه در کلاس بوت استرپ می آموزید:

  • قالب بندی تگ های Html با استفاده از Style sheet ها
  • نصب و راه اندازی 5 bootstrap يا نسخه بالا تر
  • استفاده از بوت استرپ راستچین شده جهت طراحي سايت
  • استفاده از Container ها در بوت استرپ
  • رسپانسیو کردن صفحات با استفاده از نقاط شکست (breakpoints) در بوت استرپ
  • استتفاده از Columns در بوت استرپ برای طراحي و چیدمان عناصر
  • ايجاد يک فضای خالي بین عناصر با Gutters در بوت استرپ
  • طراحي سايت و چیدمان عناصر (تگ های (Html با Grid
  • استفاده از Typography و Table و Images  و Colors  در بوت استرپ
  • نحوه قالب بندی فرم
  • طراحي Form و چیدمان (layout)آن
  • کار با Select و Range و Dropdown در فرم
  • کار با Check Box و Radio و Button در فرم
  • استفاده از Input Group و فرم validation در بوت استرپ
  • بکارگیری color and background برای عناصر Html در بوت استرپ
  • اعمال کردن Shadow وdisplay  وborder  به عناصر  Html در بوت استرپ
  • استفاده ازspacing ، interaction و   Alert و Text و overflow در بوت استرپ
  • دانلود Font Awesome
  • کار با فونت آيکون و اضافه کردن آن به پروژه
  • به کارگیری Display و Float در بوت استرپ
  • طراحي Flex Box و Position در بوت استرپ و به کارگیری Vertical Align و Sizing
  • نمايش و چیدمان المان ها داخل صفحه وب به کمک Css
  • طراحي و پیاده سازی Nav Bar و Tabs  و Modal  و Card  در بوت استرپ
  • به کارگیری و استفاده از Pagination و Progress Bar و Spinner و Tooltip در بوت استرپ

مزیت‌های آموزشگاه پایتخت فناوری برای شما

مجوز فعالیت

مجوز فعالیت دارای مجوز معتبر از سازمان فنی و حرفه ای کشور

مدرک فنی و حرفه ای

مدرک فنی و حرفه ای اعطا مدرک معتبر بین المللی

دوره های عملی

دوره های عملی برگزاری دوره ها در کارگاه مجهز بصورت عملی

پشتیبانی

پشتیبانی پشتیبانی کار آموزان پس از اتمام دوره ی آموزشی

سرفصل های استاندارد

اساتید با تجربه اساتید با تجربه در صنعت

دسترسی سریع

دسترسی آسان نزدیک بودن آموزشگاه به وسایل حمل و نقل عمومی و خوابگاه

هزینه آموزش بوت استرپ

لیست شهریه ها هزینه دوره: 5/000/000 هزینه با تخفیف: 3/500/000 دوره خصوصی: 6/000/000

محبوب ترین دوره های دپارتمان کامپیوتر پایتخت فناوری

دیدگاه ها

امتیاز دهید

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

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

02191009543
02191009543