Course catalog
Categories
Showing 1,361-1,380 of 16,980 items.
CSS: Advanced Typographic Techniques
(Mitalearn-38349)
- 3 hours 14 minutes
- متوسط
- Release date: 22 June 2026
- Author: James Williamson
درباره این دوره:
CSS یک زمین بازی واقعی برای طراحان نوع است. این به شما امکان می دهد تا مرزهای تایپوگرافی را کنار بگذارید و فرصت های خلاقانه جدیدی را کشف کنید. در این دوره، نویسنده ارشد lynda.com، جیمز ویلیامسون، تعدادی از جلوههای تایپوگرافی پیشرفته CSS، از جمله سایههای متن، انیمیشن، تبدیلها و انتقالها را بررسی میکند. به علاوه، یاد بگیرید که از کتابخانه های جاوا اسکریپت Lettering.js و کتابخانه Modernizr برای کنترل جنبه هایی از تایپوگرافی استفاده کنید که CSS معمولی این کار را نمی کند.
Related Skills
CSS: Animation
(Mitalearn-219348)
- 1 hours 50 minutes
- مناسب همه
- Update date: 21 June 2026
- Author: Val Head
درباره این دوره:
در سالهای اخیر، انیمیشنسازی وب به یک گزینه قدرتمند برای افزایش تجربه کاربر در وب تبدیل شده است و انیمیشن CSS به یک مهارت اصلی برای طراحان و توسعهدهندگان وب تبدیل شده است. در این دوره، Val Head شما را از طریق مهارت های انیمیشن CSS که برای وارد کردن حرکت به پروژه های تعاملی خود نیاز دارید، راهنمایی می کند. Val تبدیلها و انتقالهای CSS را معرفی میکند - پایه و اساس اکثر انیمیشنهای CSS - و نشان میدهد که چگونه انیمیشنهای ساده را کادربندی کنیم و زمان، حالت پر کردن و جهت آنها را تنظیم کنیم. او همچنین انیمیشنهای حلقهای و زنجیرهای، متحرکسازی عناصر HTML و SVG، بهینهسازی عملکرد انیمیشن، بهترین استفاده از انیمیشنهای CSS در حال حاضر، و سطح پشتیبانی و عملکرد فعلی و اینکه چگونه میتوانیم انتظار تغییر آن را در آینده داشته باشیم را پوشش میدهد. Val درسها را بهعنوان مجموعهای کوتاه از انیمیشنهای بلوک ساختمانی ارائه میکند - کارهای رایجی که ممکن است بخواهید با انیمیشنها انجام دهید - سپس این تکنیکها را در یک پروژه کوچک از یک اینفوگرافیک متحرک کنار هم قرار میدهد تا بتوانید همه آنها را در عمل ببینید.
Related Skills
CSS: Animation (2016)
(Mitalearn-84810)
- 1 hours 59 minutes
- متوسط
- Release date: 29 June 2026
- Author: Val Head
درباره این دوره:
انیمیشن CSS یک راه کاملاً جدید برای آوردن حرکت به پروژه های تعاملی ارائه می دهد. این یک مهارت اصلی برای طراحان و توسعه دهندگان وب است و ویژگی هایی که کاربران از وب سایت های مدرن انتظار دارند. این دوره مجموعهای از پروژههای پویانمایی CSS را ارائه میکند: ویژگیهای سایت مانند دکمههای رولاور، تبدیلهای سه بعدی، گرافیکهای متحرک و آرمها، نمایشگرهای بارگذاری و موارد دیگر.
rnrn او همچنین انیمیشن های حلقه و زنجیره ای، متحرک سازی عناصر HTML و SVG و بهینه سازی عملکرد انیمیشن را پوشش می دهد و بهترین ابزارها و موارد استفاده را برای انیمیشن های CSS معرفی می کند. شروع به تماشا کنید تا برند خود را به حرکت درآورید.
Related Skills
CSS: Combining Grid and Flexbox
(Mitalearn-220317)
- 3 hours 50 minutes
- مناسب همه
- Release date: 22 June 2026
- Author: Emily Kay
درباره این دوره:
با Grid و Flexbox، CSS به طور چشمگیری در حال تغییر است. در حالی که در گذشته، ایجاد طرحبندیهای پیچیده به انواع هکهای CSS، جاوا اسکریپت یا هر دو نیاز داشت، اکنون میتوانید از Flexbox و Grid (ابزارهایی که بهطور خاص برای طرحبندی طراحی شدهاند) برای ایجاد صفحات وب واکنشگرا با طرحبندیهای دقیق و سفارشی استفاده کنید. در این دوره آموزشی، امیلی کی اصول اولیه Flexbox و Grid را به طور جداگانه پوشش می دهد، از syntaxes گرفته تا خواص و نحوه عملکرد آنها به طور کلی. پس از آن، او مواردی را توضیح می دهد که ممکن است لازم باشد از هر دو برای انجام اهداف طرح بندی خود استفاده کنید. همانطور که امیلی نشان می دهد، وقتی از Flexbox و Grid با هم برای ترکیب نقاط قوت مجزای آنها استفاده می کنید، می توانید محتوای وب پیچیده را به روشی زیبا و کاربرپسند ایجاد و نمایش دهید.
Related Skills
CSS: Design Systems and Architectures
(Mitalearn-140451)
- 58 minutes
- مبتدی
- Release date: 22 June 2026
- Author: Christina Truong
درباره این دوره:
شما هرگز خانه ای بدون نقشه نمی سازید، پس چرا بدون برنامه CSS بنویسید؟ یک پایه قوی CSS را مقیاس پذیرتر، قابل استفاده مجدد و قابل نگهداری تر می کند. در این دوره آموزشی با کریستینا ترونگ بیاموزید که چگونه یک سیستم طراحی منسجم و معماری قوی برای پروژه های CSS خود تعریف کنید. کریستینا استراتژی هایی را به اشتراک می گذارد تا به توسعه دهندگان کمک کند تا جریان کار خود را از پایین به بالا تصور کنند. تکنیکهایی را برای سازماندهی و فهرستبندی سبکهای خود، استفاده از چارچوبهای منبع باز مانند Bootstrap، و ذخیره الگوها و مؤلفههای رابط کاربری بیاموزید. کریستینا همچنین نحوه معماری CSS را برای قابلیت استفاده مجدد، با استفاده از قالب بندی استاندارد، کلاس ها، قراردادهای نامگذاری و قالب ها نشان می دهد. این تکنیک ها به کاهش گسترش وب که به نظر می رسد بومی توسعه وب است کمک می کند و به شما کمک می کند تا به یک طراح کارآمدتر و سازنده تبدیل شوید.
Related Skills
CSS: Display
(Mitalearn-198846)
- 41 minutes
- متوسط
- Update date: 21 June 2026
- Author: Jen Kramer
درباره این دوره:
هر چیدمان CSS به ویژگی نمایش متکی است تا قوانین اساسی برای نحوه ارائه محتوا به آن بگوید. در این دوره، مربی جن کرامر توضیح می دهد که چرا ویژگی display بسیار مهم است و شما را با مقادیر اصلی نمایش و مقادیر نمایش جدیدتر راهنمایی می کند که برای استفاده مؤثر از این ویژگی باید بدانید. جن در مورد عناصر سطح درون خطی و مقدار نمایش درون خطی بحث می کند. او عناصر سطح بلوک، مقدار نمایش بلوک و نحوه قرار دادن عناصر درون خطی و بلوک در HTML را پوشش می دهد. جن نحوه استفاده از «نمایش: هیچ» و «قابل مشاهده: پنهان» را برای پنهان کردن محتوا توضیح میدهد. سپس به مقادیر نمایشی جدیدتر، مانند مقادیر انعطافپذیری درون خطی و شبکه، ویژگی flow-root، بلوک درون خطی، جداول و موارد فهرست میرود. جن با توصیه هایی در مورد یادگیری بیشتر HTM و CSS به پایان می رسد.
Related Skills
CSS: Enhancing Interfaces with Animation
(Mitalearn-198472)
- 1 hours 3 minutes
- متوسط
- Update date: 21 June 2026
- Author: Christina Gorton
درباره این دوره:
رابط های خود را بیشتر فشار دهید و با ادغام انیمیشن ها در سراسر سایت، وب سایت ها را جذاب تر کنید. در این دوره، یاد بگیرید که چگونه از CSS برای ترکیب انیمیشن های تعاملی که ویژگی ها و طرح بندی ها را بهبود می بخشد، استفاده کنید. اصول و بهترین شیوه هایی را که باید برای استفاده شما از انیمیشن راهنمایی کند، بررسی کنید. نحوه استفاده از انتقال، انیمیشنهای فریم کلیدی و تبدیلها را برای ارائه تجربه کلی بهتر به کاربران بیابید. اهمیت تنظیم دقیق مدت زمان، سرعت و رقص عناصر پویا را کشف کنید. ببینید چگونه دکمهها، منوها و کارتها را سرگرمکنندهتر و جذابتر کنید. در حین بررسی استفاده از حرکت در رابط کاربری، تئوری ها، کاربردهای عملی و موارد دیگر را در نظر بگیرید.
Related Skills
CSS: Enhancing Website Graphics
(Mitalearn-126494)
- 2 hours 6 minutes
- متوسط
- Update date: 22 June 2026
- Author: Patrick Carey
درباره این دوره:
آیا در استفاده از CSS تازه کار هستید؟ اگر چنین است، این دوره می تواند به شما کمک کند تا مهارت هایی را که برای به روز رسانی موثر و بهبود ظاهر وب سایت خود با استفاده از سبک های طراحی گرافیکی CSS نیاز دارید، تجهیز کنید. مربی پاتریک کری به شما کمک می کند تا با پوشش دادن برخی موضوعات اساسی، از جمله نحوه افزودن رنگ پس زمینه و درج تصاویر پس زمینه، شروع کنید. او همچنین به مفاهیم پیشرفتهتری میپردازد، از جمله نحوه ایجاد سایههای متن و کادر، اعمال گرادیان رنگ و قالببندی با فیلترها. پس از اتمام این دوره، دانش لازم برای استفاده از قدرت سبک های طراحی CSS را خواهید داشت تا بتوانید ظاهر وب سایت خود را بهبود بخشید و علاقه بیشتری به خود جلب کنید.
Related Skills
CSS: Formatting Visual Data
(Mitalearn-37567)
- 1 hours 37 minutes
- متوسط
- Release date: 21 June 2026
- Author: Joseph Lowery
درباره این دوره:
داشتن یک جعبه ابزار کامل در اختیار شما برای ساختار مناسب و نمایش داده ها برای یک طراحی وب موفق بسیار مهم است. در این دوره، نویسنده جوزف لوری، استایلهای اولیه را برای لیستهای شمارهدار، گلولهدار، و تعریف، به علاوه ساختار و قالببندی جداول با CSS را پوشش میدهد. او همچنین شامل دستورالعمل هایی در مورد ایجاد نمودارها و نمودارها با عنصر HTML5 Canvas است. هر بخش از این دوره، تکنیکهای پیشرفته CSS، HTML5 و جاوا اسکریپت را برجسته میکند که تعامل را افزایش میدهد، طراحیهای واکنشگرا را ارائه میدهد و تجربه کاربر را افزایش میدهد.
Related Skills
CSS: Frameworks & Grids
(Mitalearn-99345)
- 1 hours 34 minutes
- متوسط
- Release date: 28 June 2026
- Author: Carrie Dils
درباره این دوره:
آیا از خود پرسیده اید که آیا استفاده از چارچوب CSS سرعت توسعه وب سایت شما را افزایش می دهد؟ چارچوبها فایلها و داراییهایی را که برای ساختن بیشتر وبسایتها نیاز دارید، در اختیار شما قرار میدهند – به شما یک شروع اولیه در فرآیند طراحی و قالبهایی برای تولید کد بهتر و سازگارتر میدهند. اما آنها برای هر پروژه مناسب نیستند. کری دیلز انواع چارچوب های موجود را معرفی می کند، از جمله محبوب ترین گزینه های منبع باز مانند Bootstrap و Foundation، و ارزیابی صادقانه ای از مزایا و معایب آنها ارائه می دهد. او شما را در مراحل دانلود و راهاندازی راهنمایی میکند و به شما کمک میکند یک سایت مبتنی بر چارچوب اولیه بسازید. فصل 5 سیستمهای شبکهای CSS، از جمله Flexbox و Grid (ماژول طرحبندی شبکهای CSS) را بررسی میکند که یک سیستم ساده برای چیدمان محتوای صفحه در ستونها و ردیفها ارائه میکند.
Related Skills
CSS: Images
(Mitalearn-416667)
- 2 hours 10 minutes
- مناسب همه
- Release date: 21 June 2026
- Author: Carrie Dils
درباره این دوره:
CSS ابزاری برای دستکاری تصویر است. این که آیا شما می خواهید جلوه های بصری متمایز ایجاد کنید یا به سادگی از پهنای باند موجود استفاده کنید ، گزینه های دستکاری تصاویر در CSS به شما امکان می دهد راه حل های گرافیکی قابل استفاده مجدد ایجاد کنید. در این دوره ، طراحی شده برای توسعه دهندگان وب جلویی ، مربی کری DILS تکنیک های ضروری CSS را برای تصاویر ، از اتصالات اساسی و موقعیت یابی گرفته تا جلوه های پیشرفته و بهینه سازی پوشش می دهد. با یادگیری نحوه قرار دادن تصاویر در ظروف و شبکه ها شروع کنید و به دنبال آن ایجاد شکل های سفارشی با مسیرهای کلیپ و ماسک ها انجام دهید. ترکیب ، فیلترها و انیمیشن ها را برای افزودن تأثیر بصری و همچنین نحوه استفاده از تکنیک های بهینه سازی برای ارائه تصاویر پاسخگوتر و اجرا در مرورگرها کاوش کنید.
Related Skills
CSS: Images (2021)
(Mitalearn-416650)
- 2 hours 4 minutes
- مناسب همه
- Update date: 9 November 2022
- Author: Morten Rand-Hendriksen
درباره این دوره:
CSS ابزاری برای دستکاری تصویر است. این که آیا شما می خواهید جلوه های بصری متمایز ایجاد کنید یا به سادگی از پهنای باند موجود استفاده کنید ، گزینه های دستکاری تصاویر در CSS به شما امکان می دهد راه حل های گرافیکی قابل استفاده مجدد ایجاد کنید. در این دوره ، مربی Morten Rand-Hendriksen به شما نشان می دهد که چقدر می توانید تصاویر را در یک مرورگر با استفاده از CSS خالص ویرایش کنید. مورتن اهمیت نشانه گذاری مناسب تصویر HTML و نحوه محصول ، تناسب و قرار دادن یک تصویر را توضیح می دهد. وی در مورد نحوه استفاده از خاصیت Clip-Path برای ایجاد انواع اشکال بحث می کند. Morten نشان می دهد که چگونه می توانید از فیلترها برای ویرایش و اضافه کردن جلوه ها به تصویر خود استفاده کنید. وی با قدم زدن در چندین نمونه عملی از نحوه استفاده از آنچه آموخته اید ، و همچنین برخی از بهترین روشها و احتیاط ها نتیجه می گیرد.
این دوره با GitHub Codespaces ، یک محیط توسعه دهنده ابر فوری که تمام عملکردهای IDE مورد علاقه شما را بدون نیاز به تنظیمات محلی محلی ارائه می دهد ، یکپارچه شده است. با استفاده از CodeSpaces ، می توانید در هر زمان ، از هر دستگاهی تمرین کنید-همه در حالی که از ابزاری استفاده می کنید که احتمالاً در محل کار با آن روبرو خواهید شد. برای یادگیری نحوه شروع کار ، از فیلم "استفاده از Codepaces GitHub با این دوره" دیدن کنید.
Related Skills
CSS: Page Layouts
Learn about basic layout concepts, how to create properly structured HTML based on prototypes and mockups, and critical page layout skills such as floats and positioning.
CSS: Print Style Sheets
(Mitalearn-201107)
- 1 hours 52 minutes
- متوسط
- Update date: 21 June 2026
- Author: Jen Kramer
درباره این دوره:
CSS ایجاد تجربیات آنلاین جذاب را آسان می کند، اما شیوه نامه ها برای صفحات خارج از صفحه نیز کار می کنند. نیاز به چاپ وجود دارد و توسعه دهندگان سایت باید بدانند که چگونه نتایج چاپی نه تنها قابل اجرا، بلکه جذاب ایجاد کنند. در این دوره آموزشی با طراح وب کهنه کار و استاد جن کرامر بیاموزید که چرا برگه های سبک چاپ مهم هستند و چگونه می توانند به بهبود تجربه کاربری برای وب سایت شما کمک کنند. Jen نحوه ایجاد و پیوند CSS را از طریق یک شیوه نامه چاپی خارجی یا یک درخواست رسانه مبتنی بر چاپ توضیح می دهد. سپس نشان میدهد که چگونه میتوان از بهترین شیوههای استاندارد برای بهینهسازی طرحبندی صفحه برای چاپ در مقابل صفحه، از جمله پنهان کردن و نمایش محتوای منحصر به هر نوع رسانه استفاده کرد. بعلاوه، یاد بگیرید که چگونه با استفاده از مشخصات رسانه صفحهشده CSS و قطعهبندی، قالببندی صفحه چاپی خود را به سطح بعدی ببرید، که به شما امکان میدهد شکستگیهای صفحه را تنظیم کنید، حاشیهها را تنظیم کنید، و قالببندی و طرحبندی متن را کنترل کنید.
Related Skills
CSS: Refactoring Style Sheets
(Mitalearn-155751)
- 1 hours 38 minutes
- متوسط
- Release date: 22 June 2026
- Author: Morten Rand-Hendriksen
درباره این دوره:
از آنجایی که سایتها و برنامهها پیچیدهتر میشوند، شیوه نامهها اغلب با انباشت تدریجی رشد میکنند—چیزها اضافه میشوند و چیزها تنظیم میشوند که منجر به پیچیده شدن غیرضروری شیتها میشود. Refactoring CSS با refactoring زبان های برنامه نویسی معمولی با مجموعه ای از اولویت ها و ابزار متفاوت است. در این دوره، یاد بگیرید که چگونه استایل شیت ها را باریک تر کنید و در عین حال قدرت صفحه سبک را حفظ کنید. نحوه بهینه سازی شیوه نامه های جدید و قدیمی را بیابید. ابتدا، مورتن رند-هندریکسن هدف از refactoring را توضیح میدهد – بازنویسی CSS برای سادهسازی، بهبود و بهینهسازی کد بدون تغییر رفتار آن. سپس ابزارهایی مانند nmp، stylelint، Prettier، Visual Studio Code، Purgecss و Gulp را پوشش می دهد. او همچنین یک مثال عملی از نحوه تعمیر و فرمت مجدد یک stylesheet را نشان میدهد و به دنبال آن بهترین شیوهها را به اشتراک میگذارد و نحوه پاک کردن کد از طریق اتوماسیون را نشان میدهد.
Related Skills
CSS: Scrolling and Parallax
(Mitalearn-192522)
- 3 hours 30 minutes
- متوسط
- Update date: 22 June 2026
- Author: Ray Villalobos
درباره این دوره:
اسکرول قبلاً واقعاً ابتدایی بود—بالا و پایین و گهگاه پهلو به پهلو. اکنون پیمایش جایگاه بزرگ تری در ناوبری پیدا کرده است و CSS به شما امکان می دهد انیمیشن ها را به پیمایش متصل کنید و در نتیجه فرصت های تعامل جدیدی ایجاد کنید. این دوره نشان می دهد که چگونه توسعه دهندگان وب و توسعه دهندگان برنامه می توانند از اسکرول و اختلاف منظر برای برنامه ریزی سبک های رابط کاربری جدید استفاده کنند. Ray Villalobos نشان می دهد که چگونه می توان CSS را برای رفتارهای اسکرول سفارشی کرد، انیمیشن های CSS ایجاد کرد، انیمیشن های مبتنی بر اسکرول ایجاد کرد، از ScrollMagic، tween و استفاده از پلتفرم انیمیشن GreenSock (GSAP) استفاده کرد. او کلاسهای شبه، عناصر، با استفاده از ویژگیهای تبدیل، ترتیببندی، اختلاف منظر با جاوا اسکریپت و موارد دیگر را پوشش میدهد.
Related Skills
CSS: Selectors
Explore the different types of CSS selectors and learn how to choose the best selectors for targeting different HTML elements.
CSS: Selectors
(Mitalearn-161888)
- 2 hours 19 minutes
- متوسط
- Update date: 21 June 2026
- Author: Jen Kramer
درباره این دوره:
کشف کنید که چگونه می توان به طور موثر از قدرت انتخابگرها برای انتخاب عناصری که می خواهید سبک دهید، بدون افزودن کلاس ها، تغییر HTML یا خاص بودن بیش از حد با انتخابگرهای خود استفاده کنید. در این دوره آموزشی، جن کرامر، مربی نشان میدهد که چگونه میتوان بخشهای خاص (و گروههایی از قطعات) را در یک سند HTML با استفاده از نحو اعلانی قدرتمند انتخابگرهای CSS مشخص کرد. جن انتخابگرهای ترکیبی، انتخابگرهای ویژگی، انتخابگرهای شبه کلاس و شبه عنصر و انتخابگر جهانی را پوشش میدهد. او همچنین نکاتی را برای تعیین اینکه کدام انتخابگر ممکن است توسط انتخاب های مرورگر شما پشتیبانی نشود، ارائه می دهد و بهترین شیوه ها را برای ترکیب انتخابگرها در سند شما به اشتراک می گذارد. و از آنجایی که این یک نحوی است که به راحتی قابل آزمایش است، جن سوالاتی را در انتهای اکثر ویدیوها گنجانده است تا درک شما از هر مفهوم را تقویت کند.
Related Skills
CSS: Styling Navigation
(Mitalearn-32093)
- 5 hours 14 minutes
- متوسط
- Release date: 21 June 2026
- Author: James Williamson
درباره این دوره:
به جیمز ویلیامسون بپیوندید، زیرا او به شما نشان میدهد که چگونه منوها، پیوندها و دکمههایی زیبا ایجاد کنید که به بازدیدکنندگان کمک میکند تا سریعتر و شهودیتر در سایت شما حرکت کنند. این دوره شامل ایجاد ناوبری ساختاریافته است که در دسترس و تمیز است، پیوندهای یک ظاهر طراحی شده، و ساخت منوهای افقی و عمودی با جلوه های رول اور را پوشش می دهد. فصل آخر نحوه ایجاد دکمههای شیک با جلوههای ویژه و اسپرایتهای CSS را نشان میدهد.
Related Skills
CSS: Transforms and Transitions
(Mitalearn-138241)
- 1 hours 56 minutes
- متوسط
- Update date: 21 June 2026
- Author: Patrick Carey
درباره این دوره:
وب سایت های بصری جالب و پویاتری ایجاد کنید. آموزش ساخت افکت های متحرک و اشیاء سه بعدی با استفاده از تبدیل ها و انتقال های CSS. با نویسنده پاتریک کری همراه باشید زیرا او نحوه انتقال بین ویژگیهایی مانند رنگ، پسزمینه، کدورت و موقعیتیابی را نشان میدهد و زمان و مدت انتقال را تنظیم میکند. پاتریک نحوه انجام تبدیلهای دو بعدی مانند مقیاسبندی، کج کردن و چرخش و همچنین تبدیلهای سه بعدی را توضیح میدهد. او نشان می دهد که چگونه می توان اجسام را در امتداد محور X، Y- و Z تبدیل کرد. استفاده از دیدگاه؛ و اشیاء سه بعدی مانند مکعب های متحرک ایجاد کنید. صفحات نمایشی تعاملی همراه با فایلهای تمرین گنجانده شدهاند، بنابراین میتوانید پس از هر ویدیو، آنچه را که یاد گرفتهاید تمرین کنید.