نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
بیاموزید که با استفاده از Bootstrap 3. یک وب سایت مدرن و پاسخگو ایجاد کنید. بیاموزید با استفاده از Bootstrap یک وب سایت مدرن و پاسخگو ایجاد کنید. عمده الگوهای طراحی برای صفحات وب پاسخگو همراه با پیاده سازی Bootstrap از هر یک پوشش داده خواهد شد. سپس یک سایت تک صفحه ای مرسوم ، با ویژگی های مدرن ایجاد خواهیم کرد. برخی از ویژگی ها شامل یک منطقه پیمایش متحرک ، پیمایش متحرک ، تصاویر کاملاً پاسخگو ، تصاویر کاغذ دیواری و فیلم و چندین عنصر متحرک است که در بسیاری از سایت ها استفاده می شود.
سرفصل ها و درس ها
معرفی دوره
Course 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 میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات