آموزش مقدمه ای بر عملکرد تصویر وب
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
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/b844
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات