Basic Coding Concepts: една идея, три синтаксиса!
Basic Coding Concepts е начин да учите програмиране, без да сте обвързани с един език. Повечето сайтове за начинаещи учат на Python. Или на JavaScript. Или на Java. Ние ви показваме идеята под трите едно до друго, за да спрете да бъркате какво е езикът и какво е концепцията. Когато това щракне, всеки друг урок става по-лесен.
// 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 + "!"; }
Защо Basic Coding Concepts бие останалите сайтове за "учене на код".
Всеки урок на Basic Coding Concepts презаписахме с едно правило: нищо тук не може да е копие на друго. Всяка страница е оригинална, примерите са истински, а визуализациите наистина работят.
Живи анимирани визуализации
Преминавайте през цикъл по една итерация. Гледайте как променливите се настаняват в кутийките си. Вижте как стекът на извикванията расте и се свива. Истински анимации — не екранни снимки.
Една концепция, три езика
Всеки пример се рендира на JavaScript, Python и Java. Сменете таба — изборът ви се пази из целия сайт.
Страници "чести грешки"
Всяка концепция има отделна страница за бъговете, на които начинаещите наистина се натъкват. Поставете истински счупен код, вижте поправката, продължете.
Spot the Bug — мини игра
Вградена мини игра с ротиращи бъгави фрагменти. Кликнете на реда, който смятате за грешен. Резултатът се запазва.
Концепция за 60 секунди
Всеки урок отваря с 60-секундна TL;DR карта. Прелистете 13 такива и имате формата на програмирането.
Готови отговори за интервю
50 въпроса за начинаещи с отговорите от типа, който наистина донася работа, привързани към всяка концепция.
13-те Basic Coding Concepts по ред.
Един път, тринадесет концепции — всяка стъпва на предишната. Не пропускайте нито една.
Гледайте for цикъл стъпка по стъпка.
Кликайте Стъпка за напредване с по един ред. Гледайте променливите да се обновяват и конзолата да се пълни.
Същата визуализация е вградена в урока за цикли. Вариантите за променливи, извиквания на функции и рекурсия живеят на съответните им страници.
🐛 Spot the Bug
Пет секунди работа. Кликнете реда, който мислите, че съдържа бъга — обяснението ще ви каже защо.
Basic Coding Concepts срещу всички останали.
Където типичният сайт "увод в кода" не достига — и какво построихме вместо това.
| Функция | Повечето сайтове "увод в кода" | Basic Coding Concepts |
|---|---|---|
| Езици, показани едно до друго | 1 (обикновено JS) | 3 (JS · Python · Java) |
| Работещи интерактивни визуализации | Обещани, рядко реални | 4 — цикъл, променлива, стек, spot-the-bug |
| Справочник "чести грешки" за всяка концепция | Няма | 13 отделни страници |
| Библиотека с въпроси за интервю | Няма | 50+ въпроса, привързани към концепции |
| Уроци за мини проекти | 0–2 | 5, всеки до 1 ч. |
| Идентичност на автора / E-E-A-T | "Редакционен екип" | Двама именувани автори, рецензии с дата |
| Изисква се регистрация | Често, в крайна сметка | Никога |
| Реклами, ъпсейли, "премиум" | Да | Никакви |
Какво казват учащите.
Табовете на трите езика счупиха нещо в главата ми — в добрия смисъл. Най-сетне виждам кое е езикът и кое е истинската идея.
Визуализаторът на цикли е най-добрият учебен инструмент, който съм използвала. Накарах целия си буткамп да го ползва.
Страницата с чести грешки за променливи ми спести един час обърканост в първата седмица. Трябва да е задължително четиво.
Запознайте се с Bee, нашия главен дебъгер 🐝
Тя се появява на трудните страници, за да маркира бъгове, които Mark и Tom са виждали лично у 100+ студенти. Когато я видите — забавете темпо. Тя сочи към нещо, което повечето начинаещи пропускат. Повече за Bee →