آموزش بوت استرپ (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، روش صفحه بندی نمایش محتوای سایت را طراحی کنید.
سرفصل های دوره آموزش بوت استرپ در آموزشگاه پایتخت فناوری به صورت پروژه محور و از صفر تا صد به شرکت کنندگان آموزش داده می شود.

نمایش بیشتر

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

سرفصل ها

شهریه دوره

نظرات کارآموزان

اطلاعات دوره

مشاوره و ثبت نام : 66577378-021

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

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 در بوت استرپ