JavaScript: Ucz się i Koduj
JavaScript: Ucz się i Koduj — Kurs JavaScript z prawdziwą konsolą w kieszeni
JavaScript: Ucz się i Koduj to darmowy kurs JavaScript na iOS i Android, obejmujący 59 krótkich kursów i 200 lekcji — od pierwszej zmiennej po event loop. JavaScript działa bezpośrednio na telefonie, więc wbudowany edytor JS i konsola odpowiadają natychmiast, a codzienna praktyka — przewidywanie wyniku, polowanie na błędy i kata tygodnia — pomaga utrwalić kod.
- Cena
- Darmowa, uaktualnienie do Pro
- Platformy
- iOS i Android
- Języki
- 22
- Klasyfikacja wiekowa
- 4+
- Wersja
- 82.6.1
- Wymaga
- iOS 15.1 lub nowszy
- App Store
- 5.0 ★ (1)
Silnik działa na telefonie, więc odpowiedź pojawia się od razu.
JS Lab wykonuje JavaScript na urządzeniu. Wpisz w konsoli i od razu zobacz wynik albo pozwól aplikacji uruchomić fragment kodu, aby pokazać rzeczywisty wynik karty „przewidź wynik”, zamiast wyjaśniać, co prawdopodobnie się wydarzy.
Co to jest
JavaScript: Ucz się i Koduj to darmowa aplikacja na iOS i Android, która krok po kroku uczy JavaScript: 59 kursów i 200 lekcji na poziomach od A1 do C1, obejmujących wartości i zakres, funkcje i this, DOM, Fetch API, promises i async/await, domknięcia, klasy, generatory oraz event loop. Lekcje są połączone z edytorem JS, konsolą JavaScript i codzienną praktyką działającymi na telefonie, a także z AI Mentor na chwile, gdy jakaś koncepcja lub komunikat o błędzie nie mają sensu.
W aplikacji
Jak to wygląda
Kurs
Czego uczy kurs JavaScript
59 kursów i 200 lekcji z własnej listy kursów aplikacji — od pierwszej zmiennej, przez przeglądarkę i kod asynchroniczny, po zaawansowane funkcje języka.
Witamy w JavaScript
Wprowadzenie do JS obejmuje podstawowe pojęcia i konfigurację, a następnie wartości i typy, zmienne i zakres, przepływ sterowania oraz pierwsze spojrzenie na tablice i obiekty.
JavaScript na co dzień
Template literals, optional chaining i nullish coalescing, destrukturyzacja, rest i spread, metody tablic wyższego rzędu, JSON oraz obsługa błędów.
DOM i zdarzenia
Wybieranie i przeglądanie DOM, modyfikowanie elementów, obsługa zdarzeń, delegowanie i propagacja zdarzeń oraz formularze i dane wejściowe.
Komunikacja z siecią i pamięcią
Fetch API, pamięć internetowa z localStorage i sessionStorage, FormData i obsługa plików oraz pamięć po stronie klienta IndexedDB.
Asynchroniczny JavaScript
Callbacki, promises i mikrozadania, async/await w praktyce, timery i planowanie oraz szczegółowe omówienie pętli zdarzeń.
Funkcje, domknięcia i klasy
Funkcje i this, domknięcia i wzorzec modułu, curryfikacja i kompozycja, klasy i dziedziczenie oraz zaawansowane wiązanie this.
Zaawansowane funkcje języka
Iteratory i generatory, Maps i Sets, Proxy i Reflect, symbole, wyrażenia regularne oraz niezmienność.
Moduły, Workery i wydajność
Moduły ES w porównaniu z CommonJS, różnice między Node a przeglądarką, Web Workers, service workers, wydajność i pamięć oraz testowanie.
Jak to działa
Jak przebiega sesja JavaScript
Sesja łączy krótką lekcję z czymś do uruchomienia, a następnie kończy się szybkim sprawdzeniem, dzięki czemu wyjaśnienie i praktyka odbywają się podczas tego samego podejścia.
Przeczytaj krótką lekcję
Przejdź przez kilkuminutową lekcję: proste wyjaśnienie z pytaniami i małym zadaniem z kodowania. Pierwszy kurs jest darmowy, a lekcje działają także przy słabym połączeniu.
Uruchom kod w JS Lab
Pisz w konsoli, przewiduj wynik codziennej karty i obserwuj, jak silnik pokazuje rzeczywistą odpowiedź, albo napraw zepsuty program na podstawie tabeli przypadków testowych.
Sprawdź wynik i idź dalej
Zakończ quizem lub misją programistyczną, prześledź event loop, gdy kod asynchroniczny sprawia trudności, i zapytaj AI Mentor, gdy coś nie chce mieć sensu.
Co zawiera
Co zawiera aplikacja
59
Kursów, od A1 do C1
200 lekcji — od wartości i typów, przez zdarzenia DOM, fetch, promises i async/await, po domknięcia, Proxy i Reflect, wyrażenia regularne oraz wydajność.
Na urządzeniu
Edytor JS i konsola
Pisz i uruchamiaj JavaScript we wbudowanym edytorze, wypróbowuj krótkie polecenia w konsoli i zapisuj programy, aby otworzyć je później. AI Tools w edytorze analizują program i sugerują poprawkę, którą możesz zastosować.
Codzienna
Praktyka w JS Lab
Przewidywanie wyniku, polowanie na błędy na podstawie przypadków testowych, darmowa kata tygodnia, narzędzie do przechodzenia przez event loop, arena DOM, pięć ograniczonych czasowo pytań rekrutacyjnych oraz zestaw powtórkowy utworzony na podstawie własnych błędów.
60
Misji programistycznych
Krótkie ćwiczenia na trzech poziomach — od Hello World i template literals po FizzBuzz, domknięcia, Merge Sort, Quicksort oraz BFS lub DFS na grafie.
20
Projektów z przewodnikiem
Twórz krok po kroku programy takie jak Order Totals, Word Frequency Counter, Async Data Pipeline i Mini Event Bus, a każdy krok jest sprawdzany po jego uruchomieniu.
AI
AI Mentor
Zadaj pytanie prostym językiem, gdy koncepcja lub błąd zatrzymają Cię w miejscu. Użytkownicy bezpłatnej wersji otrzymują codziennie kilka pytań; Pro usuwa dzienny limit.
Kontekst
Dlaczego trudno nauczyć się JavaScriptu wyłącznie z lektury i czego trzeba nauczyć się w praktyce?
JavaScript zachowuje się w sposób łatwy do przeczytania, ale trudny do przewidzenia: zmienna może przechowywać funkcję, this zmienia się w zależności od sposobu wywołania funkcji, a kod nie zawsze wykonuje się w kolejności, w której został zapisany. Czytanie wyjaśnień pomaga, ale te zaskakujące sytuacje utrwalają się dopiero wtedy, gdy uruchomisz kod i zobaczysz, że wynik różni się od Twojego przypuszczenia. Dlatego nauka JavaScriptu najlepiej działa z konsolą zawsze pod ręką i stałym nawykiem przewidywania, co wyświetli fragment kodu, zanim go uruchomisz.
Zakres i domknięciagdzie znajdują się zmienne
Funkcja pamięta zmienne znajdujące się w otoczeniu miejsca, w którym została napisana, nawet gdy wykonywanie kodu w tym miejscu już się zakończyło. Ta jedna idea wyjaśnia prywatny stan, wzorzec modułu i kilka klasycznych pytań rekrutacyjnych.
Wartość thisnajczęstsza przeszkoda
W przeciwieństwie do większości języków, to, do czego odnosi się this, zależy od sposobu wywołania funkcji, a nie od miejsca jej zdefiniowania. Funkcje strzałkowe, call, apply i bind za każdym razem zmieniają odpowiedź, a ich pomylenie jest częstym źródłem błędów.
Event loopdlaczego kod asynchroniczny zaskakuje
JavaScript wykonuje jedną rzecz naraz, a następnie wraca do kolejki oczekujących zadań. Callback promise jest wykonywany przed timerem ustawionym na zero milisekund, dlatego kolejność wyników czasem wygląda nieprawidłowo — dopóki nie wyobrazisz sobie stosu wywołań, microtasks i tasks.
Przeglądarka i Nodejeden język, dwa środowiska
Podstawowy język jest w obu taki sam, ale przeglądarka dodaje DOM, zdarzenia i fetch, a Node — pliki i procesy. Wiedza o tym, które funkcje należą do którego środowiska, pozwala uniknąć wielu mylących komunikatów o błędach.
Dopasowanie
Dla kogo jest — i dla kogo nie jest
To dobry wybór, jeśli
- Nigdy nie programowałeś i chcesz, by JavaScript został wyjaśniony od pierwszej zmiennej
- Uczysz się lepiej, gdy możesz uruchomić wiersz kodu i zobaczyć, co wyświetla
- Chcesz codziennie ćwiczyć przez kilka minut zamiast odbywać długie sesje nauki
- Przygotowujesz się do rozmowy kwalifikacyjnej z JavaScript i chcesz mieć pytania z odpowiedziami oraz ćwiczenia na czas
- Chcesz zrozumieć kod asynchroniczny i pętlę zdarzeń, a nie tylko kopiować gotowe schematy
To nie jest odpowiednie narzędzie, jeśli
- Musisz zbudować pełny projekt internetowy z wieloma plikami — laptop i prawdziwy edytor nadal są do tego najlepszym miejscem
- Oczekujesz, że wszystko będzie bezpłatne: pierwszy kurs, jeden projekt i dwie misje są bezpłatne, a Pro odblokowuje resztę
- Nie lubisz reklam w bezpłatnej aplikacji — bezpłatna wersja je wyświetla, a Pro je usuwa
- Już codziennie piszesz w JavaScript i chcesz korzystać z materiału referencyjnego, a nie z kursu
Pytania
Najczęściej zadawane pytania
Czy istnieje dobry kurs JavaScript, z którego mogę korzystać na telefonie?
JavaScript: Ucz się i Koduj to kurs JavaScript stworzony z myślą o telefonie: 59 krótkich kursów i 200 lekcji, wbudowany edytor JS i konsola uruchamiające kod na urządzeniu oraz codzienne karty ćwiczeń. Lekcje łączą krótkie wyjaśnienie z pytaniami i małymi zadaniami z kodu, dzięki czemu każda sesja kończy się uruchomieniem czegoś, co rzeczywiście udało Ci się napisać.
Czy mogę uruchamiać kod JavaScript na telefonie za pomocą tej aplikacji?
Tak. JS Lab uruchamia JavaScript bezpośrednio na telefonie, dzięki czemu konsola od razu zwraca wyniki, a edytor uruchamia całe programy. Możesz zapisywać programy i otwierać je ponownie później, a AI Tools w edytorze mogą przejrzeć program i zasugerować poprawkę do zastosowania.
Jaki jest najszybszy sposób, aby zupełny początkujący nauczył się programowania w JavaScript?
Krótkie, regularne ćwiczenia z kodem uruchamianym samodzielnie. JavaScript: Ucz się i Koduj zaczyna od wartości i zmiennych, dodaje dzienny cel oraz serie, aby pomóc w regularnej nauce, i udostępnia konsolę do eksperymentowania. Codzienne karty „przewidź wynik” wyrabiają nawyk analizowania kodu przed jego uruchomieniem.
Czym jest JS Lab?
JS Lab to obszar codziennych ćwiczeń w JavaScript: Ucz się i Koduj. Zawiera konsolę, karty „przewidź wynik”, polowania na błędy sprawdzane za pomocą przypadków testowych, cotygodniowe kata, narzędzie do przechodzenia przez pętlę zdarzeń, arenę DOM, pięć pytań rekrutacyjnych na czas oraz talię powtórkową utworzoną na podstawie własnych błędów.
Czy aplikacja wyjaśnia async/await i pętlę zdarzeń?
Tak. Dostępne są kursy o callbackach, promises i mikrozadaniach, async/await w praktyce oraz szczegółowym omówieniu pętli zdarzeń. Oprócz nich narzędzie do pętli zdarzeń pozwala krok po kroku przechodzić przez stos wywołań, mikrozadania i zadania, aby zobaczyć, dlaczego wynik pojawia się w określonej kolejności.
Czy JavaScript: Ucz się i Koduj pomaga w przygotowaniach do rozmów kwalifikacyjnych z JavaScript?
Zawiera 50 pytań rekrutacyjnych z JavaScript wraz z odpowiedziami oraz tryb Interview w JS Lab z pięcioma pytaniami na czas. Domknięcia, this, promises i pętla zdarzeń — tematy często pojawiające się na rozmowach — mają własne poświęcone im kursy.
Czy JavaScript: Ucz się i Koduj jest bezpłatne?
Aplikację można pobrać bezpłatnie. Pierwszy kurs, pierwszy prowadzony projekt, dwie misje z kodowania, codzienne ćwiczenia w JS Lab i dzienny limit AI Mentora są bezpłatne, a bezpłatna wersja wyświetla reklamy. Pro odblokowuje wszystkie kursy, projekty i misje, nielimitowanego AI Mentora oraz egzamin certyfikacyjny, a także usuwa reklamy.
Czy dostępny jest certyfikat?
Tak. Zdanie egzaminu końcowego w JavaScript: Ucz się i Koduj zapewnia certyfikat ukończenia. Dokumentuje on wykonaną pracę; nie jest akredytowanym kwalifikacją, dlatego najlepiej prezentować go obok projektów, o których potrafisz opowiedzieć.
Czy aplikacja uczy również obsługi przeglądarki, czy tylko samego języka?
Tak. Poza samym językiem kursy obejmują wybieranie i modyfikowanie DOM, zdarzenia i delegowanie zdarzeń, formularze, Fetch API, localStorage, IndexedDB, Canvas, WebSockets i Web Workers. Osobny kurs porównuje Node z przeglądarką, aby było wiadomo, do czego służą poszczególne funkcje.
Jakie platformy i języki są obsługiwane?
JavaScript: Ucz się i Koduj działa na iPhone i iPadzie za pośrednictwem App Store oraz na Androidzie za pośrednictwem Google Play, w 22 językach. W App Store ma ocenę 4+.
Zacznij
Napisz dziś swoją pierwszą linię kodu w JavaScript
Bezpłatny na początek na iOS i Androidzie, w 22 językach.
Więcej od CoddyKit
Dostępna na iOS i Android.