آموزش طراحی وب Responsive دستی 1: نمایش داده های رسانه و پیش پردازش CSS

Hands-on Responsive Web Design 1: Media Queries & CSS Preprocessing

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: طراحی وب پاسخگو و همراه اول مهارتی است که توسعه دهنده وب در دنیای موبایل امروز به آن نیاز دارد. در این دوره ، شما می آموزید که چگونه یک الگوی پاسخگو با استفاده از SASS و پیش پردازنده CSS ایجاد کنید که در توسعه وب بعدی خود از آن استفاده خواهید کرد ... در قلب توسعه هر وب سایت پاسخگو ، شناخت کامل نحوه استفاده از HTML5 وجود دارد ، CSS3 و SASS در این دوره ، Responsive Web Design 1: Media Queries و پیش پردازش CSS ، مهارت های لازم برای ایجاد یک الگوی صفحه وب دارای پاسخگویی همراه اول را می آموزید که می تواند به عنوان پایه ای برای کل سایت یا حتی CMS استفاده شود. ابتدا ، روش مناسب برای سازماندهی پرونده های جزئی SCSS و نحوه جمع آوری مجدد آنها را در حالی که شامل جستجوی رسانه است ، خواهید آموخت. در مرحله بعدی ، نحوه استفاده از متغیرها و عملیات ریاضی را برای ایجاد سریع CSS استاندارد خواهید فهمید. سرانجام ، شما معناشناسی html و روش یابی را پوشش خواهید داد تا وب سایت های شما همچنین جذاب و کاربردی باشند. پس از اتمام این دوره ، یک الگوی پاسخگو ایجاد خواهید کرد ، که برای ایجاد وب سایت های شخصی یا تجاری خود آماده استفاده است. نرم افزار مورد نیاز: براکت.

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

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

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

مقدمه Introduction

  • مقدمه Introduction

ساختن پرونده شروع Building the Start File

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

  • برپایی Setup

  • داستان های رسانه Media Queries

  • چالش های موبایل Mobile Challenges

نشانه گذاری معنایی HTML HTML Semantic Markup

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

  • مسیریابی Wayfinding

تنظیم پیش پردازنده CSS CSS Preprocessor Setup

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

  • اصلاح الگو Template Modification

  • پیش پردازنده CSS با Koala.app CSS Preprocessor with Koala.app

  • متغیرهای SASS SASS Variables

  • پیش پردازنده CSS با Dreamweaver CSS Preprocessor with Dreamweaver

  • در حال اتمام الگو Finishing the Template

ساختار صفحه نمایندگی خودرو Auto Dealer Page Structure

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

  • ساخت سربرگ Building the Header

  • ایجاد پیمایش Building the Navigation

  • ساخت پاورقی Building the Footer

محتوای صفحه فروشنده خودکار Auto Dealer Page Content

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

  • ساخت بنر Building the Banner

  • افزودن گالری اتومبیل Adding the Cars Gallery

  • اصلاح برای صفحه های متوسط و بزرگ Modifying for Medium and Large Screens

  • ساخت ستون های وبلاگ Building the Blog Columns

  • افزودن بسته بندی کننده Adding the Wrapper

طراحی و آزمایش را تغییر دهید Modify the Design and Testing

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

  • تغییرات در الگو Changes to the Template

  • اصلاح طرح رنگ و عرض Modifying the Color Scheme and the Width

  • اصلاح با استفاده از بخشهای بسته بندی Modifying Using Wrapper Divisions

  • اصلاح محتوا Modifying the Content

  • در حال آزمایش صفحه Testing the Page

نمایش نظرات

آموزش طراحی وب Responsive دستی 1: نمایش داده های رسانه و پیش پردازش CSS
جزییات دوره
1h 47m
30
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
95
4.9 از 5
دارد
دارد
دارد
Paul Cheney
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Paul Cheney Paul Cheney

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


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

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