آموزش طراحی وب Responsive دستی 3: ستون ها ، Flexbox و شبکه ها
1h 59m
32
Pluralsight
22 آبان 1396
37
دارد (اگر در سایت مرجع باشد، قرارداده می‌شود.)
دارد
دارد
Paul Cheney

https://donyad.com/d/9f24

آموزش طراحی وب 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

نمایش نظرات

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

Paul Cheney

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