آموزش سطح بالا: طرح بندی CSS

Level Up: CSS Layout

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره با Morten Rand-Hendriksen دانش شما را با 15 چالش طرح بندی CSS که فرصت ها و پیچیدگی های ارائه شده توسط ماژول های طرح بندی مدرن CSS را بررسی می کند، آزمایش می کند. دامنه چالش‌ها از طرح‌بندی‌های سطح مؤلفه مانند منوهای افقی گرفته تا طرح‌بندی‌های سرتاسر سایت و طرح‌بندی‌های واکنش‌گرا در عرض‌های چند نماپورت متغیر است. اگر می‌خواهید ببینید که چگونه مهارت‌هایتان افزایش می‌یابد یا فقط چیز جدیدی یاد می‌گیرید، برای این دوره به مورتن بپیوندید.

این دوره با GitHub Codespaces یکپارچه شده است، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به هیچ گونه تنظیمات ماشین محلی ارائه می دهد. با Codespaces، می‌توانید در هر زمان و در هر زمانی از هر ماشینی تمرین عملی داشته باشید، در حالی که از ابزاری استفاده می‌کنید که احتمالاً در محل کار با آن مواجه خواهید شد.

هر قسمت از مجموعه Level Up حداقل 15 فرصت کوچک برای تمرین برنامه نویسی در سطوح مختلف دشواری ارائه می دهد، بنابراین می توانید خود را به چالش بکشید و آموخته های خود را تقویت کنید. برای یادگیری نحوه راه‌اندازی و راه‌اندازی یک فضای کد، ویدیوی «استفاده از فضاهای کد GitHub با این دوره» را ببینید.

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

مقدمه Introduction

  • چاقوهای طرح بندی CSS خود را تیز کنید Sharpen your CSS layout knives

  • چه چیزی میخواهید بدانید What you need to know

  • چاقوهای طرح بندی CSS خود را تیز کنید Sharpen your CSS layout knives

  • استفاده از GitHub Codespaces با این دوره Using GitHub Codespaces with this course

1. CSS Grid Layout Challenges 1. CSS Grid Layout Challenges

  • محتوا را به صورت افقی و عمودی مرکز کنید Center content horizontally and vertically

  • تراز منوی ناوبری Navigation menu alignment

  • شبکه با محتوای برجسته Grid with featured content

  • ستون های هم ارتفاع Equal-height columns

  • تقسیم تمام صفحه و دو طرفه Full-page and two-way split

  • طرح جام مقدس Holy grail layout

  • نقل قول ها را بکشید Pull quotes

  • بخش های با خونریزی کامل Full-bleed sections

  • کارت ریسپانسیو Responsive card

  • طرح چند کارتی Multi-card layout

  • کارت پویا Dynamic card

  • طرح بندی چند کارتی با بسته بندی پویا Dynamic wrapping multi-card layout

  • گالری شبکه پویا Dynamic grid gallery

  • طرح بندی صفحه Paged layout

نمایش نظرات

آموزش سطح بالا: طرح بندی CSS
جزییات دوره
1h 26m
18
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Morten Rand-Hendriksen Morten Rand-Hendriksen

مربی کارکنان ارشد، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار

مورتن رند هندریکسن یک مربی ارشد کارکنان، سخنران، طراح وب و توسعه‌دهنده نرم‌افزار است.

مورتن بیش از 100 دوره آموزشی برای Lynda.com و LinkedIn Learning ایجاد کرده است که طیف وسیعی از موضوعات از جمله استانداردهای وب، فناوری‌های نوظهور و اخلاق فناوری را پوشش می‌دهد. دوره های او به چهار زبان ترجمه شده است. او که یک مشارکت کننده متن باز با نزدیک به دو دهه تجربه در صنعت است، نویسنده چندین کتاب، مقاله و فیلم آموزشی و یک متخصص شناخته شده در هنر وردپرس است. او سخنران و مدرس محبوبی در کنفرانس‌های حرفه‌ای در سرتاسر جهان بوده است، راه‌حل‌های طراحی ظاهری مبتنی بر استانداردها را می‌سازد و به دیگران آموزش می‌دهد که چگونه از وب بیشترین بهره را ببرند.

مورتن در اصل اهل نروژ است. با خانواده اش در بریتیش کلمبیا در سواحل غرب کانادا.