آموزش طراحی وب‌سایت‌های واکنش‌گرا (Responsive) برای تمامی دستگاه‌ها - آخرین آپدیت

دانلود Creating Responsive Websites for Any Device

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: در این دوره آموزشی، مهارت‌های طراحی وب خود را از سطح متوسط به سطح حرفه‌ای ارتقا دهید. تمرکز اصلی این دوره بر طراحی واکنش‌گرا (Responsive Design) است؛ یعنی ایجاد چیدمان‌هایی که در گوشی‌های هوشمند به همان اندازه در دسکتاپ جذاب و کاربردی باشند. شما با Flexbox و Grid، که قهرمانان دنیای CSS برای ایجاد طراحی‌های انعطاف‌پذیر و تطبیق‌پذیر هستند، عمیقاً آشنا خواهید شد. همچنین با استفاده از Media Queries، هر پیکسل را با دقت تنظیم می‌کنید تا مطمئن شوید سایت‌های شما در هر اندازه صفحه‌نمایشی، با کیفیت و دقیق نمایش داده می‌شوند. اما این دوره فقط محدود به کدنویسی نیست. ما به شما تجربه عملی طراحی برای مخاطبان واقعی را ارائه می‌دهیم. شما یاد می‌گیرید که چگونه چیدمان‌های قابل دسترس (Accessible) و از نظر بصری جذاب بسازید، آن‌ها را بهینه کنید و بهترین الگوها را برای متمایز کردن سایت خود بیاموزید. در پایان این دوره، شما نه تنها کدنویسی سایت‌های واکنش‌گرا را یاد می‌گیرید، بلکه مانند یک طراح حرفه‌ای فکر خواهید کرد تا بهترین تجربه کاربری را در هر دستگاهی برای کاربران فراهم کنید.

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

عنوان فصل ۱: چیدمان‌های پیشرفته با Flexbox و Grid Module 1: Advanced Layouts with Flexbox and Grids

  • عنوان ویدیو ۱-۱: مقدمه‌ای بر FlexBox FlexBox Intro

  • عنوان ویدیو ۱-۲: ویژگی‌های FlexBox FlexBox Properties

  • عنوان ویدیو ۱-۳: ساخت گرید‌های سفارشی با HTML HTML Custom Grids

  • عنوان ویدیو ۱-۴: آشنایی با CSS Grids CSS Grids

عنوان فصل ۲: ارتقای طراحی و استقرار پروژه Enhancing Design and Deployment

  • عنوان ویدیو ۲-۱: نمایش فونت Awesome Font Awesome Demo

  • عنوان ویدیو ۲-۲: استایل‌دهی به فونت (مرور دوره اول) Font Styling (Review from Course 1)

  • عنوان ویدیو ۲-۳: کار با تصاویر در HTML و CSS Images in HTML and CSS

  • عنوان ویدیو ۲-۴: طیف‌های رنگی (Gradients) Gradients

  • عنوان ویدیو ۲-۵: کار با GitHub Pages GitHub Pages

عنوان فصل ۳: اصول طراحی و تجربه کاربری User Experience and Design Principles

  • عنوان ویدیو ۳-۱: ارزیابی یک موکاپ (Mock Up) Evaluating a Mock-Up

  • عنوان ویدیو ۳-۲: مقدمه‌ای بر تجربه کاربری (UX) User Experience Introduction

  • عنوان ویدیو ۳-۳: داستان‌های کاربر (User Stories) User Stories

  • عنوان ویدیو ۳-۴: چرخه حیات پروژه Project Life Cycle

عنوان فصل ۴: طراحی واکنش‌گرا و قابلیت دسترسی Responsive Design and Accessibility

  • عنوان ویدیو ۴-۱: مقدمه‌ای بر قابلیت دسترسی‌پذیری وب Web Accessibility Intro

  • عنوان ویدیو ۴-۲: پیاده‌سازی فنی قابلیت دسترسی Technical Implementation for Accessibility

  • عنوان ویدیو ۴-۳: تصاویر واکنش‌گرا با استفاده از srcset و sizes Responsive Images with srcset and sizes

  • عنوان ویدیو ۴-۴: ایجاد Media Queries Creating Media Queries

  • عنوان ویدیو ۴-۵: ادامه Media Queries و تست کردن Media Queries Continued and Testing

  • عنوان ویدیو ۴-۶: مقدمه‌ای بر DOM DOM Introduction

نمایش نظرات

آموزش طراحی وب‌سایت‌های واکنش‌گرا (Responsive) برای تمامی دستگاه‌ها
جزییات دوره
10h 23m
19
(آخرین آپدیت)
272
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده