Bootstrap Code Play

Code Play

Zawiera reklamy

Informacje o aplikacji

Naucz się responsywnego projektowania stron internetowych dzięki lekcjom Bootstrap, które możesz edytować i przeglądać. Bootstrap Code Play łączy wyjaśnienia, przykładowy kod i plac zabaw, dzięki czemu możesz zbadać, jak zmiana znaczników wpływa na stronę.

CZYTAJ, ZMIENIAJ, PODGLĄDAJ
Wybierz temat, zapoznaj się z jego działaniem, a następnie kliknij „Wypróbuj”, aby otworzyć przykład w edytorze. Zmień klasę, dostosuj zawartość lub dodaj element. Otwórz Podgląd, aby sprawdzić wynik, a następnie wróć do Kodu, aby przeprowadzić kolejny eksperyment.

POZNAJ PODSTAWOWE ELEMENTY
Ćwicz responsywne siatki, typografię, przyciski, alerty, tabele i formularze. Poznaj komponenty takie jak karty, paski nawigacyjne, akordeony i okna dialogowe w odpowiednich ścieżkach edukacyjnych. Lekcje z przewodnikiem zawierają kroki, wyzwania i typowe błędy, które pomogą Ci zrozumieć kod, a nie tylko go kopiować. Lekcje projektowe łączą koncepcje w przykładach, takich jak sekcja cenowa i kompaktowy panel sterowania.

WYBIERZ ŚCIEŻKĘ NAUKI
Przestudiuj dołączoną ścieżkę Bootstrap 5.3.8 lub zapoznaj się z Bootstrap 4.6.2 i 3.4.1 w przypadku starszych projektów. Starsze ścieżki zostały wycofane z użytku i są przeznaczone do nauki i migracji. Oddzielna ścieżka Bootstrap 6 alfa jest eksperymentalna; jej wersja zapoznawcza wymaga dostępu do internetu i nowoczesnego WebView.

ĆWICZ DALEJ
Szukaj tematów lub przeglądaj według kategorii. Oznacz lekcje jako ukończone i sprawdź liczbę ukończonych lekcji dla każdej wersji. Otwórz planszę do własnych eksperymentów HTML, zapisz plik i wróć do niego przez Zapisane pliki.

EDYTUJ ZA POMOCĄ PRZYDATNYCH NARZĘDZI
Używaj podświetlania składni, cofaj i ponawiaj zmiany, znajduj i zamieniaj oraz przechodź do wiersza podczas pracy nad przykładami. Opcja „Zapisz jako” tworzy osobną kopię, a opcja „Udostępnij kod” wysyła tekst do edytora za pomocą dostępnych opcji udostępniania.

Dla studentów, osób uczących się samodzielnie oraz programistów powracających do responsywnych układów, aplikacja oferuje praktyczną pętlę: przeczytaj wyjaśnienie, wprowadź drobną zmianę i sprawdź wynik.

Aplikacja zawiera reklamy. Przykłady odwołujące się do zasobów zewnętrznych wymagają połączenia z internetem; dostępność zasobów zdalnych może się różnić.

Oceny i opinie

Poza reklamami nic ciekawego nie ma. Szkoda miejsca na to coś.

Really great app. For sure gonna improve my skills ;) Is there any way to delete saves?

Bardzo dobrze zrobiony podreczny zbiór kodów. Wybrane ciekawe efekty do zastosowania na własnej stronie.