Chcemy pomóc Ci w tworzeniu atrakcyjnych, szybkich, bezpiecznych i dostępnych stron internetowych, które działają w różnych przeglądarkach i są dostępne dla wszystkich użytkowników. Na tej stronie znajdziesz treści, które pomogą Ci w tej podróży. Opublikowaliśmy je na podstawie opinii członków zespołu Chrome oraz zewnętrznych ekspertów specjalizujących się w tematach związanych z tworzeniem stron internetowych, takich jak dostępność, wydajność, projektowanie itp.
Podstawowe informacje o platformie internetowej zawierają jasne informacje o obsłudze funkcji platformy internetowej przez przeglądarki, dzięki czemu wiesz, które funkcje platformy internetowej są już gotowe do użycia w Twoich projektach. Jeśli czytasz artykuł na stronie web.dev i użyte w nim funkcje są zgodne z Baseline, możesz ufać poziomowi zgodności z przeglądarkami.
Odkryj zasoby, które pomogą Ci zrozumieć i tworzyć wydajne rozwiązania oparte na AI.
Interakcja do kolejnego wyrenderowania (INP) jest teraz podstawowym wskaźnikiem internetowym. Zacznij mierzyć i optymalizować INP witryny.
Dowiedz się więcej o najnowszych funkcjach i sprawdzonych metodach dotyczących identyfikacji i przetwarzania płatności.
Platforma internetowa to stale rozwijający się ekosystem funkcji przeglądarki i interfejsów API, które programiści mogą wykorzystać do tworzenia witryn łatwych i przyjemnych w użyciu. Te strony to ścieżki, które pozwolą Ci poznać poszczególne części platformy web.dev we własnym tempie:
HTML to warstwa dokumentu w internecie, która zapewnia strukturę i semantykę stron.
CSS to warstwa prezentacji w internecie, która pozwala Ci nadać stronom internetowym taki wygląd, jaki Ci odpowiada.
Kod JavaScript zapewnia interaktywność stron internetowych, co pozwala deweloperom tworzyć interaktywne witryny, które pomagają użytkownikom w wykonywaniu zadań i osiąganiu celów.
Dopiero poznajesz platformę internetową? Chętnie Ci pomożemy. Poznaj każdy element platformy internetowej dzięki tym kursom przygotowanym specjalnie dla początkujących użytkowników HTML, CSS i JavaScript.
Kurs
Dokładny przegląd języka HTML dla programistów – od początkujących po zaawansowany.
Kurs
Przewodnik po CSS z modułami obejmującymi wszystko, od ułatwień dostępu po z-index.
Kurs
Szczegółowe szkolenie z podstaw JavaScriptu.
Na naszym blogu znajdziesz najnowsze informacje o programowaniu internetowym, w tym o nowych funkcjach platformy internetowej, aktualizacjach podstawowych, AI i podstawowych wskaźnikach internetowych. Bądź na bieżąco z najnowszymi informacjami, czytając nasz blog.

Projekty CSS i UI

Już teraz poznaj najnowsze wskazówki i techniki, które możesz wykorzystać w pracy.
Dostosuj czcionkę do preferencji użytkowników, aby wygodniej czytać Twoje treści.
Wszystkie główne wyszukiwarki obsługują teraz nowe przestrzenie kolorów i funkcje CSS. Dowiedz się, jak mogą wprowadzić żywiołowy styl do Twoich projektów.
Ułatw debugowanie stron internetowych dzięki mapom źródeł.
Subgrid działa teraz we wszystkich 3 głównych silnikach. Dowiedz się, jak go używać.

Core Web Vitals

Twórz szybsze witryny i aplikacje, poznając podstawowe wskaźniki internetowe i inne dane.
Interakcja z kolejnym wyrenderowaniem stanie się oficjalnie podstawowym wskaźnikiem internetowym, a 12 marca zastąpi opóźnienie przy pierwszym działaniu.
Dowiedz się, jak zoptymalizować wskaźnik od interakcji do kolejnego wyrenderowania.
Zbiór sprawdzonych metod optymalizacji podstawowych wskaźników internetowych witryn na podstawie stanu sieci
Zapoznaj się z częstymi błędnymi przekonaniami dotyczącymi optymalizacji największego wyrenderowania treści (LCP), zwracając uwagę na inne aspekty niż optymalizacja obrazu, takie jak czas do pierwszego bajta (TTFB) i opóźnienie wczytywania zasobów.

Progresywne aplikacje internetowe

Twórz kompatybilne usługi internetowe.
Kurs omawiający każdy aspekt nowoczesnego tworzenia progresywnych aplikacji internetowych.
Strumienie przekształceń są już obsługiwane w przeglądarkach Safari, Firefox i Chrome, więc są już gotowe do wyświetlania w czasie największej oglądalności.
Poznaj fantastyczną kolekcję nowych wzorców w niesamowitych aplikacjach, takich jak wzorce schowka, wzorce plików i zaawansowane wzorce aplikacji.
Na stronie dla deweloperów Chrome zapoznaj się z interfejsami API możliwości.

Dostępne dla wszystkich

Dowiedz się, jak ułatwić osobom z niepełnosprawnościami dostęp do swoich witryn – stałe, tymczasowe lub sytuacyjne.
Nasz nowy kurs jest doskonałym punktem wyjścia i materiałami referencyjnymi dotyczącymi ułatwień dostępu.
Omówienie 3 narzędzi i technik do testowania i weryfikacji dostępnego kontrastu kolorów projektu.
W tym samouczku opisujemy, jak utworzyć dostępną główną nawigację witryny. Uczysz się semantycznego kodu HTML, ułatwień dostępu oraz tego, jak korzystanie z atrybutów ARIA może czasem przynieść więcej szkody niż pożytku.
Przeczytaj wywiad z Melanie, inżynierką oprogramowania, która specjalizuje się w dostępności cyfrowej.

Płatności i tożsamość

Poznaj najnowsze techniki i sprawdzone metody dotyczące płatności oraz pomagające użytkownikom bezpiecznie logować się na Twoich stronach i w aplikacjach.
Klucze dostępu sprawiają, że konta użytkowników są bezpieczniejsze, prostsze w obsłudze i prostsze w obsłudze.
Utwórz metodę logowania, która będzie używać kluczy, a jednocześnie nadal obsługiwać istniejących użytkowników haseł.
Dowiedz się więcej o płatnościach internetowych i o tym, jak działają.
Zmaksymalizuj liczbę konwersji, pomagając użytkownikom w szybkim i łatwym wypełnianiu adresów i formularzy płatności.

Newsletter dla deweloperów

Otrzymuj najnowsze informacje, techniki i aktualności bezpośrednio do swojej skrzynki odbiorczej.