آموزش چیدمان Bootstrap 4: طراحی Responsive یک صفحه ای
Bootstrap 4 Layouts: Responsive Single-Page Design
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
موضوعات شامل:
- ایجاد سرصفحه و پاورقی
- افزودن سبک به پروژه شما
- پاسخگو بودن ناوبری شما
- اجزای طرح بوت استرپ
- استفاده از قالب چند ستونی
- ایجاد چرخ فلک
- افزودن تعامل
- ایجاد انیمیشن
سرفصل ها و درس ها
مقدمه Introduction
-
ایجاد یک طرح بوت استرپ 4 Creating a Bootstrap 4 layout
1. ساختن هدر و پاورقی 1. Building a Header and Footer
-
اصول چیدمان Layout principles
-
پیمایش ناوبری برنامه نویسی Coding Bootstrap navigation
-
اضافه کردن سبک به پروژه ما Adding styles to our project
-
ناوبری ما را پاسخگو می کند Making our navigation responsive
-
با استفاده از کلاس های فاصله و آیکون ها Using spacing classes and icons
-
ایجاد یک طرح هدر Creating a header layout
-
با استفاده از ستون ها در طرح ما Using columns in our layout
2. قطعات طرح بندی بوت استرپ 2. Bootstrap Layout Components
-
با استفاده از یک قالب چند قطعه Using a multicolumn format
-
کار با مؤلفه رسانه Working with the media component
-
ایجاد یک شبکه عکس Creating a grid of photos
-
کار با چرخ فلک Working with carousels
-
چیدمان یک طرح Nesting a layout
-
ایجاد یک طرح آیکون Creating an icon layout
-
عناصر طرح شناور Floating layout elements
-
با استفاده از کلاس های طرح بندی کارت Using the card layout classes
3. افزودن تعامل 3. Adding Interactivity
-
الگوهای معین قابل استفاده مجدد Reusable modal templates
-
با استفاده از Scrollspy Using Scrollspy
-
پیمایش به یک مکان Scrolling to a location
4- ایجاد انیمیشن 4. Creating Animations
-
منوی خود را متحرک کنید Animating our menu
-
انیمیشن Keyframe Keyframe animation
-
متحرک سازی با Scrollspy Animating with Scrollspy
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/c366
Ray Villalobos
مربی کارکنان ارشد در LinkedIn Learning
Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.
دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.
پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.
دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.
پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.
نمایش نظرات