ساختن یک وب بهتر، با هم
ما میخواهیم به شما کمک کنیم تا وبسایتهایی زیبا، در دسترس، سریع و ایمن بسازید که با مرورگرهای مختلف و برای همه کاربران شما کار میکنند. این سایت خانه محتوایی برای کمک به شما در آن سفر است که توسط اعضای تیم Chrome و کارشناسان خارجی که در موضوعات توسعه وب مانند دسترسی، عملکرد، طراحی و موارد دیگر متخصص هستند، نوشته شده است.
خط پایه
Web Platform Baseline اطلاعات مربوط به پشتیبانی مرورگر از ویژگیهای پلتفرم وب را شفاف میکند و اطلاعات واضحی در مورد اینکه کدام ویژگیهای پلتفرم وب امروز برای استفاده در پروژههای شما آماده هستند، ارائه میدهد. هنگام خواندن مقاله ای در اینجا در web.dev، اگر ویژگی های استفاده شده همه بخشی از Baseline هستند، می توانید به سطح سازگاری مرورگر اعتماد کنید.
هوش مصنوعی و وب
منابعی را کشف کنید که برای کمک به درک و ایجاد تجربیات کارآمد و اولین وب با هوش مصنوعی ایجاد شده اند.
INP را بهینه کنید
Interaction to Next Paint (INP) اکنون یک معیار اصلی وب حیاتی است. شروع به اندازه گیری و بهینه سازی INP سایت خود کنید.
پرداخت ها & هویت
در مورد هویت و پردازش پرداخت، آخرین ویژگی ها و بهترین شیوه ها را بخوانید.
پلتفرم وب را کاوش کنید
پلتفرم وب یک اکوسیستم دائماً در حال تکامل از ویژگیهای مرورگر و API است که توسعهدهندگان میتوانند از آن برای ایجاد وبسایتهایی استفاده کنند که استفاده آسان و لذتبخش باشد. این صفحات مسیرهایی برای فرو رفتن در هر قسمت از پلتفرم وب در web.dev با سرعت شما هستند:
HTML
HTML لایه سند وب است که ساختار و معناشناسی صفحات را فراهم می کند.
CSS
CSS لایه ارائه وب است و به شما این امکان را می دهد که صفحات وب خود را همانطور که می خواهید به نظر برسانید.
JavaScript
جاوا اسکریپت تعاملی غنی برای صفحات وب فراهم می کند و به توسعه دهندگان این امکان را می دهد تا وب سایت های تعاملی غنی بسازند که به کاربران در انجام وظایف و انجام اهداف کمک می کند.
پلتفرم وب را بیاموزید
جدید به پلت فرم وب؟ ما شما را تحت پوشش قرار داده ایم! با این دوره ها که به طور خاص برای مبتدیان HTML، CSS و جاوا اسکریپت برگزار می شود، در هر قسمت از پلتفرم وب شیرجه بزنید.
دوره
HTML یاد بگیرید، HTML یاد بگیرید
یک نمای کلی جامع از HTML برای توسعه دهندگان، از سطح HTML مبتدی تا متخصص.
دوره
CSS را یاد بگیرید
راهنمای CSS با ماژول هایی که همه چیز را از دسترس پذیری گرفته تا z-index را پوشش می دهد.
اخبار توسعه وب را دنبال کنید
وبلاگ ما حاوی آخرین اخبار در زمینه توسعه وب، از جمله ویژگی های جدید پلت فرم وب، به روز رسانی های Baseline، AI، Core Web Vitals و موارد دیگر است. با خواندن وبلاگ ما با آخرین وبلاگ همراه باشید.
طراحی CSS و UI
جدیدترین نکات و تکنیک هایی را که می توانید در کار خود استفاده کنید، همین حالا بیاموزید.
تطبیق تایپوگرافی با اولویت کاربر با استفاده از CSS
یک فونت را با ترجیحات کاربران خود تطبیق دهید تا آنها در خواندن محتوای شما نهایت راحتی را داشته باشند.
فضاهای رنگی جدید CSS و عملکردها در همه موتورهای اصلی
همه موتورهای اصلی اکنون از فضاها و عملکردهای رنگی جدید CSS پشتیبانی می کنند. دریابید که چگونه آنها می توانند به طرح های شما سرزندگی بیاورند.
نقشه های منبع چیست؟
تجربه اشکال زدایی وب را با نقشه های منبع بهبود دهید.
زیرشبکه CSS
Subgrid اکنون در هر سه موتور اصلی قابل همکاری است. نحوه استفاده از آن را بیابید.
Core Web Vitals
با درک Core Web Vitals و سایر معیارها، وبسایتها و برنامههای سریعتری بسازید.
Interaction to Next Paint در 12 مارس به یک Core Web Vital تبدیل می شود
Interaction to Next Paint رسما به Core Web Vital تبدیل خواهد شد و در 12 مارس جایگزین First Input Delay خواهد شد.
Interaction to Next Paint رسما به Core Web Vital تبدیل خواهد شد و در 12 مارس جایگزین First Input Delay خواهد شد.
نحوه بهینه سازی INP
با نحوه بهینه سازی معیار Interaction to Next Paint آشنا شوید.
توصیه های اصلی Core Web Vitals ما
مجموعه ای از بهترین روش ها برای بهینه سازی عملکرد Core Web Vitals وب سایت ها بر اساس وضعیت وب
تصورات غلط رایج در مورد نحوه بهینه سازی LCP
با نگاهی فراتر از بهینه سازی تصویر و در نظر گرفتن عواملی مانند زمان تا اولین بایت (TTFB) و تاخیر بار منبع، تصورات غلط رایج در مورد بهینه سازی بزرگترین رنگ محتوا (LCP) را بررسی کنید.
برنامه های وب پیشرو
ایجاد تجربیات وب توانمند
PWA را یاد بگیرید
دوره ای که تمام جنبه های توسعه برنامه های وب پیشرفته مدرن را تجزیه می کند.
TransformStream اکنون از مرورگرهای متقابل پشتیبانی می شود.
اکنون که جریانهای تبدیل در سافاری، فایرفاکس و کروم پشتیبانی میشوند، در نهایت برای بهترین زمان آماده هستند.
الگوهای جدید برای برنامه های شگفت انگیز
در مجموعهای فوقالعاده از الگوهای جدید برای برنامههای شگفتانگیز، از جمله الگوهای کلیپبورد، الگوهای فایل، و الگوهای برنامههای پیشرفته، شیرجه بزنید.
ویترین Project Fugu API
در سایت Chrome Developers، APIهای قابلیتها را کاوش کنید.
قابل دسترس برای همه
بیاموزید که چگونه میتوانید سایتهای خود را برای افراد دارای معلولیت، چه دائمی، چه موقت یا موقعیتی، در دسترستر کنید.
قابلیت دسترسی را بیاموزید
دوره جدید ما یک نقطه ورودی و مرجع عالی برای موضوعات دسترسی است.
تست کنتراست رنگ طراحی وب
مروری بر سه ابزار و تکنیک برای آزمایش و تأیید کنتراست رنگ قابل دسترس طرح شما.
ساخت ناوبری اصلی برای یک وب سایت
این آموزش نحوه ایجاد یک ناوبری اصلی در دسترس از یک وب سایت را شرح می دهد. شما در مورد HTML معنایی، دسترسی، و اینکه چگونه استفاده از ویژگیهای ARIA گاهی اوقات میتواند بیشتر از اینکه مفید باشد، ضرر دارد، یاد میگیرید.
برجسته انجمن: ملانی سامنر
مصاحبه ما با ملانی، مهندس نرم افزار متخصص در دسترسی دیجیتال را بخوانید.
پرداخت ها و هویت
جدیدترین تکنیک ها و بهترین روش ها را برای پرداخت ها و کمک به کاربران برای ورود ایمن به سایت ها و برنامه های خود بیابید.
یک رمز عبور برای ورود بدون رمز عبور ایجاد کنید
کلیدهای عبور حسابهای کاربری را ایمنتر، سادهتر و استفاده آسانتر میکنند.
با یک رمز عبور وارد شوید
تجربه ورود به سیستمی ایجاد کنید که از کلیدهای عبور استفاده کند و در عین حال کاربران رمز عبور موجود را در خود جای دهد.
مروری بر پرداخت های اینترنتی
درباره پرداخت های وب و نحوه عملکرد آنها بیشتر بیاموزید.
بهترین شیوه های پرداخت و آدرس را تشکیل می دهند
با کمک به کاربران خود در تکمیل فرم های آدرس و پرداخت در سریع ترین زمان و آسانی ممکن، تبدیل ها را به حداکثر برسانید.
خبرنامه برنامه نویس
آخرین اخبار، تکنیک ها و به روز رسانی ها را مستقیماً در صندوق ورودی خود دریافت کنید.