
В этом видео мы столкнулись с проблемой: HTMLCollection выглядит как массив, но не обладает его силой. Чтобы двигаться дальше, нам нужно научиться превращать «псевдомассивы» в настоящие массивы и эффективно ими управлять.
Ваше домашнее задание (Research Task): Программист — это прежде всего исследователь. Я хочу, чтобы вы самостоятельно изучили три ключевых инструмента, которые мы будем постоянно использовать:
Array.from() — как именно он превращает коллекцию элементов в полноценный массив?
forEach() — как с его помощью выполнить код для каждого элемента массива (например, изменить цвет сразу всем кнопкам)?
map() — в чем его отличие от forEach? (Подсказка: посмотрите, что он возвращает).
Как искать:
Воспользуйтесь MDN (Mozilla Developer Network) — это наша библия.
Используйте ChatGPT / Google Gemini. Сформулируйте запрос: "Объясни простому человеку разницу между forEach и map в JavaScript с примерами".
Попробуйте применить Array.from() к нашему списку list.children из урока и выведите результат в консоль.
Помните: Время, потраченное на самостоятельный поиск ответов, окупается десятикратно в реальной работе.
https://github.com/RuslanTissen/SPA-videos/tree/main/Modules-1
https://github.com/RuslanTissen/SPA-videos/tree/main/Modules-1
Ребята, в этом уроке информации получилось много, и она может показаться вам немного скомканной или сложной. Не переживайте! На самом деле всё гораздо проще, чем кажется на первый взгляд. Я дал вам максимум вариантов (избыточную информацию), чтобы вы понимали, как это устроено под капотом.
В реальной работе вы выберете один удобный для вас способ и будете использовать его на автомате. В дальнейших практических уроках мы будем постоянно повторять эти приемы, и вы увидите, что в импорте и экспорте нет ничего страшного. Просто смотрите, практикуйтесь, и всё встанет на свои места!
https://github.com/RuslanTissen/SPA-videos/tree/main/Modules-1
Этот курс — ваш путь от понимания того, как работает браузер, до создания архитектуры современного Single Page Application (SPA). Мы начинаем с «азов» JavaScript и фундаментальных основ DOM, постепенно переходя к профессиональной разработке на React.
Мы не просто учим синтаксис. Мы учимся думать как инженеры, которые ценят время бизнеса. Вы узнаете, почему чистый и читаемый код — это не прихоть, а способ зарабатывать больше, сокращая время на разработку и поддержку проектов.
Что мы будем делать?
Курс построен на практическом подходе «от простого к сложному»:
Инструментарий и база: Настроим окружение, научимся мастерски владеть терминалом и VS Code, чтобы ваша работа была быстрой и эффективной.
Манипуляции с DOM: Вы научитесь «прицеливаться» к любым элементам на странице, используя современные селекторы, и поймете разницу между актуальными методами и «старой школой» (Window, Prompt).
Чистота кода: Разберем, зачем разбивать проект на блоки и компоненты и как организовать структуру файлов так, чтобы через год вы могли вернуться к коду и понять его за минуту.
Погружение в React: Мы не будем использовать готовые шаблоны. Мы вручную соберем React-проект, детально изучив структуру папок public и src, чтобы вы понимали каждое звено в вашем приложении.
Почему стоит выбрать этот курс?
Никакой магии: Мы разбираем всё «под капотом» — от подключения JS-файлов до логики работы React-компонентов.
Акцент на карьере: Я объясню, как ваш код влияет на бизнес и почему навыки организации проекта ценятся на рынке выше, чем просто знание функций.
Фундамент для роста: Пройдя этот путь, вы будете готовы не только писать на React, но и переходить к изучению сложных Backend-решений и архитектурных подходов.
Для кого этот курс?
Новички, которые хотят изучать Frontend последовательно и осознанно.
Разработчики, знающие основы JS, но желающие понять структуру и логику React без «черных ящиков».
Те, кто хочет научиться писать профессиональный, командный код.