آموزش 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
https://donyad.com/d/5d55aa
Chris Landtiser
متخصص Front-End
سلام، من کریس هستم! من یک توسعه دهنده فرانت اند هستم که عادت دارم مهارت های مرتبط را در سراسر طیف پروژه های مرتبط با وب کسب کنم. من با کسب‌وکارهای بزرگ و کوچک، از پلت‌فرم‌های محتوای سطح سازمانی گرفته تا استارت‌آپ‌ها و بوتیک‌های محلی کار می‌کنم. داشتن دانش عملی در مورد پروژه ها در مقیاس های بسیار زیاد به من دیدگاه و مجموعه ای از ابزار قدرتمند داده است!
من قبلاً یک پادکست در http://fec.fyi اجرا کردم و مقالاتی برای Awwwards و Web Designer Depot نوشتم.
نمایش نظرات