آموزش طراحی CSS نسل بعدی با PostCSS و CSS بعدی
Next Generation CSS Design with PostCSS and CSSNext
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
موضوعات شامل:
- سازماندهی CSS خود به صورت جزئی
- ایجاد متغیرها
- استفاده از انتخابگرهای سفارشی
- کار با طرح های flexbox
- تنظیم طرح موبایل
- پاسخگو بودن ویژگی های خود
- طرح های متناوب
- افزودن انیمیشن
- افزودن فیلم
سرفصل ها و درس ها
مقدمه Introduction
-
خوش آمدی Welcome
-
آنچه باید بدانید What you should know
-
استفاده از تمرینات این دوره Using the exercises for this course
1. شروع کار 1. Getting Started
-
آنچه شما خواهید ساخت What you'll build
-
نحوه کار PostCSS و CSSNext How PostCSS and CSSNext work
-
CSS خود را به صورت جزئی تنظیم کنید Organizing your CSS into partials
-
ایجاد متغیرها Creating variables
-
با استفاده از انتخاب کننده های سفارشی Using custom selectors
-
کلاس های شبه پیشرفته Advanced pseudo-classes
-
متغیرهایی با محاسبات کاهش یافته Variables with reduced calculations
2. هدر و پاورقی 2. Headers and Footers
-
کار با طرح بندی flexbox Working with flexbox layouts
-
تنظیم قوانین CSS Nesting CSS rules
-
ایجاد گروه های املاک Creating property groups
-
نمایش داده شد Custom media queries
-
طرح بندی های flexbox Nesting flexbox layouts
-
با استفاده از توابع رنگی Using color functions
-
پاورقی خود را تمام کنید Finishing your footer
3. ف 3. Featured Content
-
تنظیم یک طرح موبایل Setting up a mobile layout
-
ویژگی های شما را پاسخگو می کند Making your features responsive
-
طرح بندی های متناوب Alternating layouts
-
اضافه کردن انیمیشن Adding animation
-
هک شدن SVG ها Hacking SVGs
-
افزودن فیلم Adding videos
-
انیمیشن های جذاب Triggering animations
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/e467
Ray Villalobos
مربی کارکنان ارشد در LinkedIn Learning
Ray Villalobos یک معلم طراحی/توسعه کامل و مدرس کارکنان ارشد در LinkedIn Learning است.
دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.
پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.
دوره های آموزشی او در قسمت جلو متمرکز شده است. -پایان موضوعات طراحی و توسعه مانند جاوا اسکریپت، AngularJS، React و Sass، به علاوه فریمورک هایی مانند Bootstrap و ابزارهایی که می توانند شما را به یک توسعه دهنده سریعتر و کارآمدتر تبدیل کنند. او سبک تدریس واضح و عملی دارد و به شما کمک می کند تا مهارت های خود را از طریق تمرین ها و پروژه های واقعی بهبود بخشید.
پیش از این، ری به عنوان مدیر چندرسانه ای برای Entravision Communications، شبکه ای از وب سایت های ایستگاه های رادیویی و تلویزیونی را مدیریت می کرد. در ساحل شرقی او همچنین سایت‌های روزنامه‌ای بزرگ را طراحی کرد و پروژه‌ها/بازی‌های تعاملی را برای شبکه روزنامه‌های تریبون ایجاد کرد. می‌توانید در LinkedIn یا از طریق سایر شبکه‌های اجتماعی @planetoftheweb با او تماس بگیرید. وبلاگ شخصی او را در https://raybo.org/ بررسی کنید.
نمایش نظرات