### هفته یازدهم از #100DaysOfCode 🚀: طراحی های پاسخگو، شبکه CSS و پروژه های انفرادی! 🎉

این هفته همه چیز در مورد تسلط بر پاسخ گویی، تقویت مهارت های CSS من و غواصی عمیق تر در ایجاد طرح بندی های پاسخگو بود. در اینجا خلاصه ای از آنچه من به دست آوردم آمده است:
روز 73 ✅
🌐 اصول طراحی واکنشگرا
- اهمیت واحدهای نسبی مانند
%
وem
برای طرح های مقیاس پذیر - با عرض تصویر مقابله کرد و مشکلات ترکیبی را حل کرد
em
.
طراحی ریسپانسیو واقعاً 🔑 برای توسعه وب مدرن است!
روز 74 ✅
📐 تایپوگرافی با rem و line-height
- استفاده می شود
rem
برای اندازه فونت های ثابت در طرح ها. - تمرکز بر تایپوگرافی مقیاس پذیر برای دسترسی و زیبایی شناسی بهتر. 🚀 همچنین مفاهیم اصلی جاوا اسکریپت را برای تقویت دانش خود بازبینی کردم.
روز 75 ✅
🌐 پرسش های رسانه ای و طراحی موبایل-اول
- کاوش کرد
flex-wrap
،gap
،flex-basis
، وflex-grow
برای چیدمان های سازگار - قدرت را یاد گرفت طراحی موبایل اول در ایجاد طرحبندیهای واکنشگرا 💻 پروژه طراحی ریسپانسیو دیگری را در اینجا بسازید: سایت رسپانسیو راپ
روز 76 ✅
🌟 ساختن یک صفحه اسپلش
- یک صفحه اسپلش زیبا با الهام از Scrimba ساخت.
- استاد شده:
- تغییر حروف متن 🎨
- استفاده از واحدهای viewport برای اندازه گیری پاسخگو 📐
-
flexbox order
برای کنترل چیدمان 🔀 -
box-sizing
برای سایزبندی ثابت ✂️ - عناصر فرم استایل 📝
اینجا را بررسی کنید: صفحه پاسخگوی اسپلش
روز 77 ✅
🧱 مبانی شبکه CSS
- شروع به یادگیری نحوه ساخت طرحبندیهای واکنشگرا با CSS Grid در Scrimba کرد.
- کشف قدرت شبکه برای کنترل چیدمان – بسیار همه کاره!
روز 78 ✅
🎉 تکنیک های شبکه پیشرفته CSS
- در مورد یاد گرفت
grid-template-areas
، خطوط شبکه و شکاف برای ایجاد طرح بندی های پیچیده. - شروع به کار بر روی یک پروژه انفرادی برای ایجاد یک مجله یادگیری پاسخگو – منتظر به روز رسانی ها باشید!
روز 79 ✅
📓✨ پروژه مجله آموزشی پاسخگو
- شروع به ایجاد یک پروژه ژورنال یادگیری انفرادی کردم تا دانش طراحی شبکه ای و پاسخگو خود را در عمل پیاده کنم.
- نمی توانید صبر کنید تا به زودی آن را تمام کنید و به اشتراک بگذارید!
سفر من را دنبال کنید! 🚀
میتوانید با پیشرفت #100DaysOfCode من در این پلتفرمها همراه باشید:
نظرات خود را به من بگویید و هر گونه بازخوردی در مورد پروژه ها یا فرآیند یادگیری من در میان بگذارید. بیایید با هم ارتباط برقرار کنیم و رشد کنیم! 💻✨