آموزش طراحی وب Responsive دستی 3: ستون ها ، Flexbox و شبکه ها

Hands-on Responsive Web Design 3: Columns, Flexbox, and Grids

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره به شما آموزش می دهد که چگونه چندین طرح بندی ستون را با استفاده از بخشهای استاندارد ، Flexbox و شبکه های CSS پیاده سازی کنید. شما همچنین می توانید شکل های CSS را برای بسته بندی متن جالب بررسی کنید. در قلب توسعه هر وب سایت پاسخگو ، شناخت کاملی از نحوه استفاده از HTML5 ، CSS3 و SASS وجود دارد. در این دوره ، Hands-on Responsive Web Design 3: Columns ، Flexbox و Grids ، مهارت هایی را که برای تنظیم صفحه با استفاده از تقسیم بندی های استاندارد و CSS و همچنین فن آوری های جدیدتر مانند Flexbox و CSS Grids نیاز دارید ، فرا خواهید گرفت. ابتدا می فهمید که چگونه با استفاده از قدرت عملگرهای SASS این فرآیند را خودکار کنید. در مرحله بعدی ، نحوه استفاده از اشکال CSS برای ایجاد بسته بندی متن را کشف خواهید کرد. سرانجام ، شما می توانید از CSS Grids برای طرح کلی صفحه استفاده کنید. با پایان این دوره ، شما یک پروژه برنامه پخش کننده موسیقی تلفن همراه خواهید داشت که با جهت گیری عمودی یا افقی صفحه های تلفن همراه سازگار است.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

مقدمه Introduction

  • مقدمه Introduction

شبکه دوازده ستونی Twelve Column Grid

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

  • روحانی Sprites

  • پیشرفت مترقی Progressive Enhancement

  • عملیات SASS SASS Operations

  • پروژه - نمادهای اجتماعی Project - Social Icons

  • پروژه - ستون ها قسمت 1 Project - Columns Part 1

  • پروژه - ستون ها قسمت 2 Project - Columns Part 2

اشکال CSS CSS Shapes

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

  • برای نمادهای اجتماعی از Font Awesome استفاده کنید Use Font Awesome for Social Icons

  • برای برش یک تصویر مربعی از Clip-path استفاده کنید Use Clip-path to Crop a Square Image

  • برای بسته بندی متن از شکل خارج استفاده کنید Use Shape-outside to Wrap Text

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

فلکس باکس Flexbox

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

  • پیمایش با استفاده از Flexbox Navigation Using Flexbox

  • SASS Mixin برای یک گرادیان SASS Mixin for a Gradient

  • Flexbox برای متن Flexbox for Text

  • Flexbox برای یک گالری عکس Flexbox for an Image Gallery

  • در حال آزمایش Flexbox Testing Flexbox

شبکه CSS CSS Grid

  • بررسی اجمالی شبکه CSS Overview of CSS Grid

  • بلوک متن در شبکه CSS Text Blocks in CSS Grid

  • گالری تصاویر در شبکه CSS Image Gallery in CSS Grid

  • پیشوندهای Microsoft برای CSS Grid Microsoft Prefixes for CSS Grid

  • چیدمان صفحه را با استفاده از شبکه CSS کامل کنید Complete Page Layout Using CSS Grid

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

پروژه پخش کننده موسیقی Music Player Project

  • مقدمه ای بر رابط برنامه Player Introduction to Player App Interface

  • ساخت الگو Building the Template

  • ساخت صفحه آلبوم Building the Album Page

  • ساخت صفحه هنرمند Building the Artist Page

  • ساخت صفحه پخش کننده Building the Player Page

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

نمایش نظرات

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

آموزش طراحی وب Responsive دستی 3: ستون ها ، Flexbox و شبکه ها
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 59m
32
Pluralsight (پلورال سایت) pluralsight-small
22 آبان 1396 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
37
4.6 از 5
دارد
دارد
دارد
Paul Cheney

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Cheney Paul Cheney

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


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

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

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

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

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