آموزش مقدمه ای بر عملکرد تصویر وب
Introduction To Web Image Performance
بسیاری از ما اکنون از وب‌سایت‌ها در دستگاه کوچکی مانند تلفن یا رایانه لوحی بازدید می‌کنیم، اما آیا واقعاً می‌خواهید منتظر دانلود تصویری باشید که برای یک نمایشگر بزرگ در نظر گرفته شده است؟
البته، ما نداریم! بنابراین، مشکل اینجاست…
تصاویر وب‌سایت‌های کوچک‌تر در دستگاه‌های تلفن همراه کوچک‌تر سریع‌تر دانلود می‌شوند، اما وقتی به صفحه نمایش بزرگ تبدیل می‌شوند، می‌توانند واقعا کشیده و پیکسلی به نظر برسند.
و اگر با یک تصویر بزرگ شروع کنیم، ممکن است دانلود آن خیلی طول بکشد و باعث تجربه کاربری بدی شود
بنابراین، چگونه می‌توانیم تصاویر را به‌طور مؤثر به وب‌سایت‌های خود اضافه کنیم تا مناسب همه اندازه‌های صفحه و دستگاه‌ها باشند؟
در این کلاس، تکنیک‌هایی را کشف می‌کنیم که به شما کمک می‌کنند تا تصاویر را با کارآمدتر بارگیری کنید، بر اساس دستگاه کاربر، اندازه صفحه نمایش، وضوح، سرعت اتصال و بسیاری موارد دیگر.
این کلاس برای مبتدیان مناسب است، اگرچه فرض بر این است که شما تجربه اولیه HTML را دارید.
مراحل عملی در این کلاس را می توان برای هر پروژه ای که ممکن است داشته باشید اعمال کرد. من همچنین یک پروژه گالری تصاویر را به عنوان آخرین درس ارائه کرده ام تا مهارت های جدید شما را عملی کنید.
نمی‌توان منتظر ماند تا ببیند چه چیزی ایجاد میکنید!
درس ها Lessons
-
استفاده از تصاویر با اندازه اشتباه Using The Wrong Size Images
-
دانلود فایل های Starter Download The Starter Files
-
ابزارهای تبدیل و تصاویر بازگشتی Conversion Tools & Fallback Images
-
هدایت هنری Art Direction
-
بارگذاری تنبل Lazy Loading
-
اجازه دادن به مرورگر برای تصمیم گیری Letting The Browser Decide
-
انواع تصویر و فشرده سازی Image Types & Compression
-
عنصر تصویر The Picture Element
-
به کلاس خوش آمدید! Welcome To The Class!
-
من را در Skillshare دنبال کنید! Follow Me On Skillshare!
-
استفاده از CDN Using a CDN
-
مقدمه ای بر تراکم پیکسلی Introduction To Pixel Density
-
پروژه کلاس Class Project
https://donyad.com/d/b844
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات