آموزش CSS در عمل: اضافه کردن سبک ها، قالب بندی و عملکرد

CSS in Action: Add Styles, Formatting and Functionality

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این کلاس انعطاف پذیری و کاربرد باورنکردنی CSS را پوشش می دهد. با شروع یک صفحه HTML ساده و حداقل CSS، دانش‌آموزان می‌توانند تا حد زیادی سبک، قالب و حتی عملکرد محتوا را تنها با یک stylesheet تغییر دهند.

در حالی که کلاس به طور مختصر اصول پایه CSS را در طول جلسات دو نفره اول پوشش می‌دهد، دانش‌آموزانی که از قبل از HTML و CSS آشنایی دارند، بیشترین بهره را از این دوره خواهند برد. با این حال، هر کسی می تواند آب را آزمایش کند و ببیند CSS چقدر می تواند موثر باشد!

دانش آموزان می توانند از ویرایشگرهای کد خود استفاده کنند، در حالی که کد مربوطه را کپی/پیست می کنند. این دوره فرض می کند که آنها از ویرایشگر آنلاین در برای راحتی و بازخورد فوری استفاده می کنند. هر مرورگر وب مدرن این کار را انجام می دهد و دوره در نسخه فعلی Chrome ثبت می شود.

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

بخش اول پروژه شما را از طریق تغییر محتوا برای دستیابی به یک هدف از پیش طراحی شده راهنمایی می‌کند، در حالی که پایان کلاس شما را تشویق می‌کند تا آنچه را که آموخته‌اید استفاده کنید و پروژه را منحصر به فرد خود کنید.

>

نسخه جدید پروژه ما را می‌توانید به صورت آنلاین در

پیدا کنید

نسخه پروژه ای را که همه با هم روی آن کار می کنیم را می توانید در

پیدا کنید

نمونه‌ای از پروژه‌ای که من فراتر از کار مشترک خود سفارشی کرده‌ام را می‌توانید در

مشاهده کنید.

برای شروع، فایل های پیوست را دانلود کنید.

منابع: 


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

درس ها Lessons

  • درک Fallout Understanding the Fallout

  • قدرت CSS The Power of CSS

  • نوبت و نتیجه گیری شما Your Turn and Conclusion

  • طرح بندی و تغییر فرمت های نمایش Layouts and Changing Display Formats

  • جعبه ابزار CSS: عناصر، کلاس ها و شناسه ها CSS Toolbox: Elements, Classes, and IDs

  • نگاهی سریع به مطالب ما A Quick Look at Our Content

  • کار با لیست ها و ناوبری Working with Lists and the Navigation

  • چگونه پروژه را شروع کنیم How to Start the Project

  • شبه کلاس ها Pseudo-Classes

  • شیرجه عمیق در Specificity Deep Dive on Specificity

  • Floats در مقابل Flex (و Grid!) Floats vs. Flex (and Grid!)

  • معرفی Introduction

  • سفارشی کردن هدر Customizing the Header

  • فلکس باکس فانتزی Fancy Flexbox

  • طرح بندی تصویر بزرگ Big Picture Layout

نمایش نظرات

Skillshare (اسکیل شیر)

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

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

آموزش CSS در عمل: اضافه کردن سبک ها، قالب بندی و عملکرد
جزییات دوره
37m
15
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
91
3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Landtiser Chris Landtiser

متخصص Front-End

سلام، من کریس هستم! من یک توسعه دهنده فرانت اند هستم که عادت دارم مهارت های مرتبط را در سراسر طیف پروژه های مرتبط با وب کسب کنم. من با کسب‌وکارهای بزرگ و کوچک، از پلت‌فرم‌های محتوای سطح سازمانی گرفته تا استارت‌آپ‌ها و بوتیک‌های محلی کار می‌کنم. داشتن دانش عملی در مورد پروژه ها در مقیاس های بسیار زیاد به من دیدگاه و مجموعه ای از ابزار قدرتمند داده است!

من قبلاً یک پادکست در http://fec.fyi اجرا کردم و مقالاتی برای Awwwards و Web Designer Depot نوشتم.