آموزش دست در طراحی وب Responsive است

Hands On Responsive Web Design

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره یک تجربه عملی فراهم می کند که در آن شما چندین صفحه وب HTML5 پاسخگو آماده برای استفاده در پروژه بعدی خود ایجاد خواهید کرد. همه را بزرگ کنید ساخت یک پرونده شروع پاسخگو 35 متر 57 پیمایش با استفاده از CSS خالص 27 متر 10 ثانیه پیمایش با استفاده از نمایش/پنهان کردن jQuery 21 متر 43s پیمایش با استفاده از گزینه/Select و Suckerfish برای دسک تاپ 18 متر 49s پیمایش با استفاده از یک دکمه ناوبری در حال گسترش 20 متر 39s ستون های پاسخگو با استفاده از یک شبکه 12 ستونی 31 متر 1 ثانیه تصاویر پاسخگو 44 متر 7 ثانیه نمادها 48 متر 55 ساله پیش پردازنده CSS 13m 48s علائم تجاری و نامهای تجاری اشخاص ثالث ذکر شده در این دوره متعلق به صاحبان مربوطه می باشند و Pluralsight وابسته یا تأیید شده توسط این احزاب نیست.

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

ساخت یک پرونده شروع پاسخگو Building a Responsive Start File

  • مقدمه Introduction

  • دستور جلسه Agenda

  • ساختمان بدن Body Structure

  • شیوه نامه ها Stylesheets

  • دروغ نگو Do Not Lie

  • تغییر اندازه قلم Font Resize

  • مدل جعبه Box Model

  • اینترنت اکسپلورر IE Fix

  • پیوند جی کوئری jQuery Link

  • قلم های گوگل Google Fonts

  • خلاصه Summary

پیمایش با استفاده از CSS خالص Navigation Using Pure CSS

  • بررسی اجمالی Overview

  • پیاده سازی تلفن خالص CSS را پیاده سازی کنید Implement Pure CSS Phone Navigation

  • بهبود پیمایش تبلت Tablet Navigation Enhancement

  • پیشرفت ناوبری دسک تاپ Desktop Navigation Enhancement

  • آزمایش مرورگر چندگانه Multiple Browser Testing

  • خلاصه Summary

پیمایش با استفاده از نمایش/پنهان کردن jQuery Navigation Using jQuery Show/Hide

  • بررسی اجمالی Overview

  • جی کوئری را متصل کرده و دکمه ای اضافه کنید Connect jQuery and Add a Button

  • سبک پیمایش تلفن را انتخاب کنید Style the Phone Navigation

  • به Tablet Navigation و Test سبک دهید Style the Tablet Navigation and Test

  • خلاصه Summary

پیمایش با استفاده از گزینه/Select و Suckerfish برای دسک تاپ Navigation Using Option/Select and Suckerfish for Desktop

  • بررسی اجمالی Overview

  • اتصال جی کوئری Connect jQuery

  • سبک پیمایش تلفن را انتخاب کنید Style the Phone Navigation

  • به Tablet and Desktop Navigation سبک دهید Style the Tablet and Desktop Navigation

  • آزمایش کردن Testing

  • خلاصه Summary

پیمایش با استفاده از یک دکمه ناوبری در حال گسترش Navigation Using an Expanding Navigation Button

  • بررسی اجمالی Overview

  • برپایی Setup

  • پیمایش تلفنی قسمت 1 Phone Navigation Part 1

  • پیمایش تلفنی قسمت 2 Phone Navigation Part 2

  • یک ظاهر طراحی شده روی دسک تاپ Styling the Desktop

  • آزمایش کردن Testing

  • خلاصه Summary

ستون های پاسخگو با استفاده از یک شبکه 12 ستونی Responsive Columns Using a 12-column Grid

  • بررسی اجمالی Overview

  • برپایی Setup

  • تک ستون Single Column

  • دو ستون Double Columns

  • ستون های سه گانه Triple Columns

  • عرض ستون مخلوط Mixed Column Width

  • شش ستون با تصاویر Six Columns With Images

  • تست دستگاه و مرورگر Device and Browser Testing

  • خلاصه Summary

تصاویر پاسخگو Responsive Images

  • مقدمه Introduction

  • برپایی Setup

  • قهرمان ساخت تصویر در فتوشاپ Hero Image Creation in Photoshop

  • کدگذاری تصویر قهرمان Coding the Hero Image

  • ایجاد عکس عکس در فتوشاپ Photo Image Creation in Photoshop

  • کدگذاری عکس Coding the Photograph

  • ایجاد تصویر قابل تغییر در فتوشاپ Swappable Image Creation in Photoshop

  • کدگذاری تصویر قابل تغییر Coding the Swappable Image

  • آزمایش کردن Testing

  • خلاصه Summary

نمادها Icons

  • مقدمه Introduction

  • برپایی Setup

  • ساخت یک ورق تک ستونی در فتوشاپ Building a Single Column Sprite Sheet in Photoshop

  • ساخت یک ورق دو ستون در فتوشاپ Building a Double Column Sprite Sheet in Photoshop

  • کدگذاری نمادهای اجتماعی در هدر تلفن Coding the Social Icons in the Phone Header

  • کدگذاری نمادهای اجتماعی در سربرگ Tablet و Desktop Coding the Social Icons in the Tablet and Desktop Header

  • کدگذاری نمادهای اجتماعی در پاورقی Coding the Social Icons in the Footer

  • وارد کردن و استفاده از قلم برای نمادها Importing and Using a Font for Icons

  • آزمایش کردن Testing

  • خلاصه Summary

پیش پردازنده CSS CSS Preprocessor

  • مقدمه Introduction

  • برپایی Setup

  • پردازش پرونده ها Processing the Files

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

آموزش دست در طراحی وب Responsive است
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
4h 22m
68
Pluralsight (پلورال سایت) pluralsight-small
12 آذر 1393 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
351
4.6 از 5
دارد
دارد
دارد
Paul Cheney

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Cheney Paul Cheney

کمک به مردم برای درک آبرنگ


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

هنر یک مهارت آموخته شده است، هیچ کس با آن متولد نمی شود - مانند بسیاری از مهارت ها - فقط تمرین می خواهد. امیدوارم از کلاس های من لذت برده باشید، لطفا در صورت امکان بازخورد خود را بنویسید!

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

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

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