Basic Coding Concepts: ten sam pomysł, trzy składnie!
Basic Coding Concepts to sposób na naukę programowania bez przywiązania do jednego języka. Większość stron dla początkujących uczy Pythona. Albo JavaScriptu. Albo Javy. My pokazujemy pomysł leżący pod każdym z nich obok siebie, żebyś przestał mylić to, co jest językiem, z tym, co jest pojęciem. Kiedy to zaskoczy, każdy inny tutorial robi się łatwiejszy.
// Same idea. Three syntaxes. function greet(name) { return `Hello, ${name}!`; } # Python def greet(name): return f"Hello, {name}!" // Java public static String greet(String name) { return "Hello, " + name + "!"; }
Dlaczego Basic Coding Concepts wygrywa z innymi stronami "naucz się kodować".
Każdą lekcję Basic Coding Concepts napisaliśmy na nowo z jedną zasadą: nic tutaj nie może być kopią czegoś innego. Każda strona jest oryginalna, przykłady są prawdziwe, a wizualizacje naprawdę działają.
Wizualizacje animowane na żywo
Przejdź przez pętlę iteracja po iteracji. Zobacz, jak zmienne wpadają do swoich pudełek. Patrz, jak stos wywołań rośnie i się zwija. Prawdziwe animacje — nie zrzuty ekranu.
Jedno pojęcie, trzy języki
Każdy przykład renderuje się w JavaScript, Pythonie i Javie. Przełącz zakładkę — twój wybór zostaje zapamiętany w całej stronie.
Strony "częstych błędów"
Każde pojęcie ma swoją stronę z bugami, na które naprawdę natrafiają początkujący. Wklej zepsuty kod, zobacz poprawkę, idź dalej.
Spot the Bug — minigra
Wbudowana minigra z rotującymi snippetami z błędami. Kliknij linię, którą uważasz za błędną. Wynik jest zapisywany.
Pojęcie w 60 sekund
Każda lekcja zaczyna się od 60-sekundowej karty TL;DR. Przejrzyj 13 z nich i masz zarys programowania.
Odpowiedzi gotowe na rozmowę
50 pytań rekrutacyjnych dla początkujących wraz z odpowiedziami, które naprawdę dają pracę, przypisanymi do każdego pojęcia.
13 Basic Coding Concepts po kolei.
Jedna ścieżka, trzynaście pojęć — każde opiera się na poprzednim. Nie pomijaj żadnego.
Zobacz pętlę for, krok po kroku.
Klikaj Krok, by przesuwać się po jednej linii. Patrz, jak zmienne się aktualizują, a konsola zapełnia.
Ta sama wizualizacja jest osadzona w lekcji o pętlach. Warianty dla zmiennych, wywołań funkcji i rekurencji żyją na swoich własnych stronach lekcji.
🐛 Spot the Bug
Pięć sekund pracy. Kliknij linię, w której twoim zdaniem jest błąd — wyjaśnienie powie ci dlaczego.
Basic Coding Concepts kontra reszta.
Tam, gdzie typowa strona "wstęp do programowania" zawodzi — i co my zbudowaliśmy zamiast tego.
| Funkcja | Większość stron "wstęp do kodowania" | Basic Coding Concepts |
|---|---|---|
| Języki pokazane obok siebie | 1 (zwykle JS) | 3 (JS · Python · Java) |
| Działające interaktywne wizualizacje | Obiecywane, rzadko prawdziwe | 4 — pętla, zmienna, stos wywołań, spot-the-bug |
| Strona "częstych błędów" na pojęcie | Brak | 13 dedykowanych stron |
| Biblioteka pytań rekrutacyjnych | Brak | 50+ pytań przypisanych do pojęć |
| Tutoriale mini-projektów | 0–2 | 5, każdy do zrobienia w mniej niż 1 h |
| Tożsamość autora / E-E-A-T | "Zespół redakcyjny" | Dwoje autorów z imienia, recenzje z datami |
| Wymagana rejestracja | Często, w końcu | Nigdy |
| Reklamy, upselle, "premium" | Tak | Brak |
Co mówią uczący się.
Zakładki na trzech językach złamały mi coś w głowie — w dobrym sensie. W końcu widzę, gdzie kończy się język, a zaczyna prawdziwy pomysł.
Wizualizator pętli to najlepsze narzędzie dydaktyczne, jakiego użyłam. Zmusiłam całą moją grupę z bootcampu, żeby z niego korzystała.
Strona z częstymi błędami zmiennych zaoszczędziła mi godzinę pomieszania w pierwszym tygodniu. Powinno być lekturą obowiązkową.
Poznaj Bee, naszą szefową debugowania 🐝
Pojawia się na trudnych stronach, by oznaczyć bugi, które Mark i Tom widzieli osobiście u 100+ studentów. Gdy ją widzisz, zwolnij — wskazuje coś, co większość początkujących pomija. Więcej o Bee →