Twórz dla Internetu, zaczynając od przeglądarki

Kod źródłowy HTML wyświetlany na ciemnym ekranie komputera

About this selection

Praktyczny przewodnik po podstawach sieci, specjalistycznych kursach, kompatybilności z przeglądarkami i przystępnej implementacji. Frameworki czynią wiele rzeczy wygodnymi, ale to przeglądarka nadal decyduje o tym, jak zachowuje się strona. Dzięki znajomości HTML, CSS, JavaScript i ułatwień dostępu nieznane narzędzia stają się mniej tajemnicze. Te referencje sprawdzają się dobrze w przypadku małego projektu, który można bezpiecznie sprawdzić, zmienić i zepsuć. Spróbuj najpierw tego Utwórz…

Praktyczny przewodnik po podstawach sieci, specjalistycznych kursach, kompatybilności z przeglądarkami i przystępnej implementacji.

Frameworki czynią wiele rzeczy wygodnymi, ale to przeglądarka nadal decyduje o tym, jak zachowuje się strona. Dzięki znajomości HTML, CSS, JavaScript i ułatwień dostępu nieznane narzędzia stają się mniej tajemnicze. Te referencje sprawdzają się dobrze w przypadku małego projektu, który można bezpiecznie sprawdzić, zmienić i zepsuć.

Spróbuj najpierw tego

Utwórz małą stronę z nagłówkiem, formularzem i listą. Poznaj podstawową funkcję MDN, skorzystaj z lekcji web.dev, aby uzyskać więcej informacji i sprawdź kompatybilność przed przyjęciem nowszej możliwości. Zanim dodasz więcej dopracowania, przetestuj stronę za pomocą klawiatury.

Pamiętaj

Zapisz dokładne odniesienie, które rozwiązało problem, i notatkę o tym, co się zmieniło. W ten sposób powstaje działający notatnik, a nie kolejna lista samouczków, które można kiedyś ukończyć.

4 links/In the curator’s chosen order

Link 1MDN Web Docs

MDN Dowiedz się, jak tworzyć strony internetowe

Użyj tego jako ustrukturyzowanej podstawy, gdy chcesz zrozumieć, co robi platforma. Wykonaj krótką sekcję, odtwórz przykład i zmień coś, aby sprawdzić, czy rozumiesz.

developer.mozilla.org

Link 2–

web.dev Dowiedz się

Wybierz kurs powiązany z Twoim bezpośrednim pytaniem, takim jak CSS, wydajność lub formularze. Zastosuj jedną lekcję do tego samego małego projektu, aby czytanie stało się obserwowalnym zachowaniem.

web.dev

Link 3–

Czy mogę użyć

Sprawdź obsługę określonej funkcji w różnych przeglądarkach. Przeczytaj uwagi i szczegóły dotyczące częściowego wsparcia, a następnie zdecyduj się na pomoc zastępczą w oparciu o rzeczywistą grupę odbiorców, a nie pojedynczy procent.

caniuse.com

Link 4–

Projekt A11Y

Zamień zamiary dotyczące dostępności w konkretne kontrole wdrożenia. Użyj listy kontrolnej, aby poprowadzić dochodzenie, pamiętając, że zaznaczone pole nie zastępuje testowania z prawdziwymi użytkownikami.