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

Responsive Websites With Bootstrap 3

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: بیاموزید که با استفاده از Bootstrap 3. یک وب سایت مدرن و پاسخگو ایجاد کنید. بیاموزید با استفاده از Bootstrap یک وب سایت مدرن و پاسخگو ایجاد کنید. عمده الگوهای طراحی برای صفحات وب پاسخگو همراه با پیاده سازی Bootstrap از هر یک پوشش داده خواهد شد. سپس یک سایت تک صفحه ای مرسوم ، با ویژگی های مدرن ایجاد خواهیم کرد. برخی از ویژگی ها شامل یک منطقه پیمایش متحرک ، پیمایش متحرک ، تصاویر کاملاً پاسخگو ، تصاویر کاغذ دیواری و فیلم و چندین عنصر متحرک است که در بسیاری از سایت ها استفاده می شود.

سرفصل ها و درس ها

معرفی دوره Course Introduction

  • مقدمه Introduction

الگوهای پاسخگو با استفاده از بوت استرپ Responsive Patterns Using Bootstrap

  • مقدمه Introduction

  • Grid و Visual Breakpoints بوت استرپ Bootstrap's Grid and Visual Breakpoints

  • تنظیم یک صفحه چند ستونی Setting Up a Multi-Column Page

  • علامت گذاری و یک ظاهر طراحی شده برای وب سایت ما Markup and Styling for Our Website

  • الگوی بیشتر مایعات The Mostly Fluid Pattern

  • الگوی قطره ستون The Column Drop Pattern

  • الگوی تغییر طرح بندی The Layout Shifter Pattern

  • الگوی بازآفرینی محتوا The Content Reflow Pattern

  • ستون های یک اندازه در بوت استرپ Same-Sized Columns in Bootstrap

  • خلاصه Summary

پیمایش پاسخگو Responsive Navigation

  • مقدمه Introduction

  • Bootstrap Navbar Bootstrap's Navbar

  • افزودن Navbar Adding the Navbar

  • یکنواخت کردن نوار Styling the Navbar

  • افزودن تصویر آرم Adding a Logo Image

  • متحرک کردن Navbar هنگام پیمایش Animating the Navbar When Scrolling

  • خلاصه Summary

تصاویر و ویدئو پاسخگو Responsive Images and Video

  • مقدمه Introduction

  • تصاویر پاسخگو در بوت استرپ Responsive Images in Bootstrap

  • کار با یک آرم Working With a Logo

  • تصاویر یک ظاهر طراحی شده Styling Images

  • تصاویر پس زمینه تمام صفحه Full Screen Background Images

  • تمام صفحه ، تصاویر ثابت Full Screen, Fixed Images

  • تصاویر ثابت در دستگاه های کوچک Fixed Images on Small Devices

  • تمام صفحه ، فیلم پس زمینه Full Screen, Background Video

  • فیلم های YouTube تمام صفحه Full Screen YouTube Videos

  • خلاصه Summary

ویژگی های پیمایش Scrolling Features

  • مقدمه Introduction

  • افزودن محتوا برای پیمایش Adding Content for Scrolling

  • تزئین صفحه بالا Decorating the Page Top

  • Bootstrap Scrollspy Bootstrap's Scrollspy

  • افزودن Scrollspy به صفحه Adding Scrollspy to the Page

  • پیمایش صاف Smooth Scrolling

  • Stellar.js برای Parallax Scrolling Stellar.js for Parallax Scrolling

  • پیاده سازی اختلاف منظر Implementing Parallax Scrolling

  • خلاصه Summary

عناصر صفحه متحرک Animated Page Elements

  • مقدمه Introduction

  • انیمیشن هنگام پیمایش با wow.js Animation When Scrolling in With wow.js

  • پیاده سازی انیمیشن wow.js Implementing wow.js Animation

  • چرخ فلک Bootstrap Bootstrap's Carousel Component

  • اجرای چرخ فلک Bootstrap Implementing Bootstrap's Carousel

  • گالری تصاویر nanoGallery The nanoGallery Image Gallery

  • در حال پیاده سازی nanoGallery Implementing nanoGallery

  • خلاصه Summary

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش وب سایت های Responsive با بوت استرپ 3
جزییات دوره
2h 53m
45
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
1,421
4.7 از 5
دارد
دارد
دارد
Mark Zamoyta
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Mark Zamoyta Mark Zamoyta

مارک بیش از 25 سال پیش در دنیای توسعه دهنده فعالیت خود را آغاز کرد. او کار خود را با کارشناسی علوم کامپیوتر از دانشگاه سنت جان آغاز کرد. مارک پس از 10 سال کار در وال استریت در گلدمن ساکس ، برادران لیمن و سایر بانک های بزرگ سرمایه گذاری ، به نرم افزارهای انیمیشن و بازی های ویدیویی علاقه مند شد. او برنامه ها و بازی های متعدد تلفن همراه را برای مشتریان از جمله Electronic Arts و Yahoo! بازی ها. برخی از عناوین محبوب موبایل وی شامل Yahtzee ، Yahoo! شطرنج ، و یاهو! پوکر در حال حاضر ، مارک بنیانگذار اختراعات کنجکاو در پورتلند ، اورگان است. این شرکت طیف گسترده ای از عناوین نرم افزاری آموزشی و سرگرمی را برای وب و دستگاه های تلفن همراه توسعه می دهد.