آموزش آن را تمرین کنید: CSS Layout
Practice It: CSS Layout
در این دوره، مربی جولیا دایک به شما نشان می‌دهد که چگونه می‌توانید طرح‌بندی‌های وب واکنشگرا ایجاد کنید که با هر اندازه صفحه تطبیق داده شود و یک تجربه کاربری یکپارچه را ارائه دهد. به جولیا بپیوندید تا به شما نشان دهد که چگونه با استفاده از شبکه‌های CSS و Flexbox طرح‌بندی‌های مدولار طراحی کنید و با استفاده از پرس و جوهای رسانه‌ای، آنها را با عرض صفحه‌های مختلف تطبیق دهید. او مقدمه‌ای بر اصول اولیه چیدمان‌های شبکه‌ای ارائه می‌کند، توضیح می‌دهد که چگونه طرح‌بندی‌های خود را واکنشگرا کنید، و سپس شما را از طریق ایجاد یک طرح‌بندی سه ستونی و دوازده ستونی راهنمایی می‌کند.
این دوره با GitHub Codespaces یکپارچه شده است، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به هیچ گونه راه اندازی ماشین محلی ارائه می دهد. با GitHub Codespaces، می‌توانید در هر زمان و در هر زمانی از هر ماشینی تمرین عملی داشته باشید، در حالی که از ابزاری استفاده میکنید که احتمالاً در محل کار با آن مواجه خواهید شد. برای یادگیری نحوه شروع، ویدیوی «استفاده از فضاهای کد GitHub با این دوره» را بررسی کنید.
معرفی Introduction
-
استفاده از GitHub Codespaces با این دوره Using GitHub Codespaces with this course
-
آنچه شما باید بدانید What you should know
-
ایجاد طرح‌بندی شبکه‌ای واکنشگرا Creating responsive grid layouts
1. مقدمه ای بر Grid Layouts 1. Introduction to Grid Layouts
-
طراحی طرح شبکه ای Designing a grid layout
-
بررسی کنید: یک طرح بندی شبکه ای اولیه ایجاد کنید Check it: Create a basic grid layout
-
آن را امتحان کنید: یک طرح بندی شبکه ای اولیه ایجاد کنید Try it: Create a basic grid layout
-
گرید در مقابل فلکس باکس Grid vs. Flexbox
-
تعریف عناصر شبکه Defining grid elements
-
کار با انتخابگرهای پیشرفته Working with advanced selectors
2. پاسخگو کردن 2. Making It Responsive
-
استفاده از پرسش های رسانه ای Using media queries
-
استفاده از رویکرد اول موبایل Using a mobile-first approach
-
در دسترس قرار دادن آن Making it accessible
-
بررسی کنید: طراحی شبکه پاسخگو Check it: Responsive grid design
-
آن را امتحان کنید: طراحی شبکه پاسخگو Try it: Responsive grid design
-
تغییر طرح Changing the layout
3. ایجاد یک طرح سه ستونی 3. Creating a Three-Column Layout
-
طراحی یک چیدمان واکنشگرا با Flexbox Designing a responsive layout with Flexbox
-
بررسی کنید: طراحی یک طرح سه ستونی با Grid Check it: Designing a three-column layout with Grid
-
بررسی کنید: طراحی یک طرح بندی سه ستونی با Flexbox Check it: Designing a three-column layout with Flexbox
-
آن را امتحان کنید: طراحی یک طرح با Flexbox و Grid Try it: Designing a layout with Flexbox and Grid
4. ایجاد یک طرح دوازده ستونی 4. Creating a Twelve-Column Layout
-
بررسی کنید: طراحی یک چیدمان دوازده ستونی Check it: Designing a twelve-column layout
-
طرح دوازده ستونی برای نمای های مختلف Twelve-column layout for different viewports
-
آن را امتحان کنید: طراحی یک طرح دوازده ستونی Try it: Designing a twelve-column layout
-
راه اندازی طرح بندی دوازده ستونی Twelve-column layout setup
نتیجه Conclusion
-
مراحل بعدی: طرح‌بندی‌های پیشرفته و UX Next steps: Advanced layouts and UX
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/038bb3
آموزش پانورامای چرخ و فلک Canva بدون درز برای اینستاگرام ایجاد کنید
Create seamless Canva carousel panoramas for Instagram
آیا می خواهید یاد بگیرید که چگونه چرخ فلک های بدون درز ایجاد کنید که می تواند تعامل شما را افزایش دهد و فالوور اینستاگرام شما را افزایش دهد؟ در این کلاس شما گام به گام ho را یاد خواهید گرفت. ..
آموزش تجربه کاربری برای طراحی وب
User Experience for Web Design
طراحی ساده به بازدیدکنندگان شما امکان می دهد اطلاعات مورد نظر خود را به سرعت پیدا کنند. طراحی ثابت به این معنی است که ناوبری سایت شما به راحتی قابل یادآوری است و طراحی استاندارد یادگیری تعامل را آسان می کند.
آموزش توضیح زبان بدن در عکاسی
Body Language in Photography Explained
" در این درس، من در مورد زبان بدن و حالات چهره صحبت خواهم کرد. چگونه می توان به افراد ژست گیرنده هدایت کرد تا جلوه هایی را که می خواهید بدست آورید. همه ما ناخودآگاه سیگنال می فرستیم ...."
آموزش طراحی روی عکس ها در Procreate: جرقه خلاقیت با تصویرسازی دیجیتال
Drawing on Photographs in Procreate: Spark Creativity with Digital Illustration
"در این دوره، فرآیند خلاقانه برای تصویرسازی روی عکس‌ها در Procreate و نحوه رها کردن تخیل خود برای ایجاد خیره‌کننده و چشم‌نواز را خواهید آموخت.
Julia Dyck
برنامه نویس، تهیه کننده، هنرمند وب Full-Stack
به عنوان یک توسعه دهنده وب تمام پشته، دانش جولیا از توسعه وب مدرن شامل HTML5، CSS، JavaScript ES6، React.js، MongoDB، Express، Node.js و PHP است. او همچنین یک تهیه کننده رسانه با تجربه با سابقه کار در تمام جنبه های ارتباطات و هنر دیجیتال است.
قبل از مطالعه توسعه وب، او درباره فناوری از دیدگاه انتقادی و خلاقانه برای انتشاراتی از جمله Vice Motherboard نوشت. جولیا همچنین مجری قدیمی برنامه رادیویی فایل‌ها است که در آن با هنرمندان و متخصصان درگیر در تمام جنبه‌های فناوری مصاحبه می‌کند.
Linkedin (لینکدین)
لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی
لینکدین به عنوان یکی از بزرگترین شبکه‌های اجتماعی حرفه‌ای، به میلیون‌ها افراد در سراسر جهان این امکان را می‌دهد تا ارتباط برقرار کنند، اطلاعات حرفه‌ای خود را به اشتراک بگذارند و فرصت‌های شغلی را کشف کنند. این شبکه اجتماعی به کاربران امکان می‌دهد تا رزومه حرفه‌ای خود را آپدیت کنند، با همکاران، دوستان و همکاران آینده ارتباط برقرار کنند، به انجمن‌ها و گروه‌های حرفه‌ای ملحق شوند و از مقالات و مطالب مرتبط با حوزه کاری خود بهره‌مند شوند.
لینکدین همچنین به کارفرمایان امکان می‌دهد تا به دنبال نیروهای با تجربه و مهارت مورد نیاز خود بگردند و ارتباط برقرار کنند. این شبکه حرفه‌ای به عنوان یک پلتفرم کلیدی برای بهبود دسترسی به فرصت‌های شغلی و گسترش شبکه حرفه‌ای خود، نقش مهمی را ایفا می‌کند. از این رو، لینکدین به عنوان یکی از مهمترین ابزارهای کارآفرینی و توسعه حرفه‌ای در دنیای امروز مورد توجه قرار دارد.