Игры разума
Погрузитесь в непростую экосистему JavaScript, научитесь настраивать рабочее окружение. Подружитесь с линтером (анализатором качества кода) и менеджером зависимостей npm. Поймёте, чем git отличается от GitHub, поработаете с внешними репозиториями. Получите опыт построения архитектуры полноценного приложения и написания чистого кода.
Цель
Настройка окружения
Первый проект для многих студентов — одновременно первая полноценная программа вне среды Хекслета. Он знакомит с основными шагами, необходимыми для старта любого нового проекта: установкой языка (интерпретатора), настройкой среды (операционная система, редактор, линтеры), подключением дополнительных библиотек, созданием git-репозитория. На этом этапе начинается глубокая работа с терминалом. Студенты на практике используют все то, что давалось в базовых курсах.
Первый проект прокачивает работу с экосистемой JavaScript. Студенты учатся запускать любые программы, написанные на JavaScript. Знакомятся с интерпретатором языка (REPL) и его возможностями по быстрой отладке и проверке работы небольших кусков кода. Знакомятся с npm. Утилитой, через которую происходит управление проектами: установка и обновление дополнительных библиотек, публикация пакета и многое другое.
Многие решаются на установку Ubuntu дополнительной системой и нередко оставляют ее основной. Глубже знакомятся с принципами работы операционных систем, с механизмом установки приложений через пакетные менеджеры, с работой файловой системы (исполняемые файлы, права).
Здесь же идет формирование правильной инженерной культуры. Одно из первых заданий в настройке — это подключение линтера (Eslint), который автоматически следит за стилем кода и находит потенциальные ошибки. Код, соответствующий стандартам кодирования (Airbnb), гораздо проще в анализе и значительно выше оценивается другими программистами. Это, в том числе, важно при демонстрации проектов на собеседованиях.
И, наконец, студенты знакомятся с GitHub — центральным местом хранения кода и обитания разработчиков в мире. GitHub — это не просто хранилище репозиториев, но и фактически социальная сеть. Реальный код на гитхабе высоко ценится работодателями и резко повышает шансы на трудоустройство. К тому же это первый шаг в разработку открытого ПО (open source).
Эта часть проекта часто сложнее самого процесса написания кода. Настройка системы — очень индивидуальная вещь, так как зависит от окружения конкретной операционной системы и железа. На полную подготовку понадобится, скорее всего, не один день, но этот шаг пропустить нельзя. Зато потом старт любого проекта сократится до десятков минут, а сама настройка перестанет казаться магией.
Код
В отличие от онлайн-среды, проекты Хекслета включают в себя не один-два, а десятки файлов. Здесь впервые появляется необходимость полноценно управлять модулями и импортировать функции, думать о том, как разделить программу на части. Даже структура директорий имеет значение, и здесь придется с этим столкнуться.
Первый проект включает в себя интерактивную часть — взаимодействие с пользователем командной строки. Для этого понадобится дополнительная библиотека. А это значит, что нужно научиться ее устанавливать, подключать (импортировать) и запускать. Для последнего обязательно чтение документации. Именно так происходит реальная разработка.
В процессе создания файлов, функций, констант и переменных нужно постоянно думать о правильном именовании. Несмотря на наличие большого числа статей и рекомендаций, именование остается одной из самых сложных частей для всех, кто проходит проекты (да и программирует тоже).
Архитектура первого проекта — корневая часть всей системы. Она опирается на основные принципы организации кода: изоляцию побочных эффектов, создание правильных барьеров абстракций (высокая модульность). Здесь возникает множество вопросов: «кто за что отвечает?», «кто взаимодействует с пользователем?», «как игра запускается?» и многое другое. С архитектурой придется повозиться, даже если у вас есть опыт реальной разработки.
Проверки наставника
Основные аспекты, на которые обращают внимание наставники при проверке:
Правильная настройка проекта и соответствие кода стандартам кодирования.
Именование. Как показывает практика, это настоящая проблема даже для уже действующих разработчиков. Мы очень серьезно относимся к читаемости кода и доводим этот аспект до совершенства.
Простота системы. Любое решение можно реализовать сложнее, чем это реально необходимо, что многие нередко и делают. В основном из-за недостатка опыта. Простые решения даются сложнее всего.
Архитектура. Правильное выделение функций, распределение ответственностей между разными частями системы. Все это имеет огромное значение даже в первом проекте.
Описание
«Игры разума» — набор из пяти консольных игр, построенных по принципу популярных мобильных приложений для прокачки мозга. Каждая игра задает вопросы, на которые нужно дать правильные ответы. После трех правильных ответов считается, что игра пройдена. Неправильные ответы завершают игру и предлагают пройти ее заново. Игры:
- Калькулятор. Арифметические выражения, которые необходимо вычислить.
- Прогрессия. Поиск пропущенных чисел в последовательности чисел.
- Определение четного числа.
- Определение наибольшего общего делителя.
- Определение простого числа.
Пример игры:
brain-progression
Welcome to the Brain Game!
What number is missing in the progression?
May I have your name? Roman
Hello, Roman!
Question: 14 .. 18 20 22 24 26 28
Your answer: 16 # Пользователь вводит ответ
Correct!
Question: 5 6 7 8 9 .. 11 12
Your answer: 10 # Пользователь вводит ответ
Correct!
Question: 12 15 18 21 .. 27 30 33
Your answer: 24 # Пользователь вводит ответ
Correct!
Congratulations, Roman!
Наставники



Впечатления

Проект очень помог усвоить полученные в процессе обучения знания, но, что куда важнее, дал бесценный опыт разработки реального приложения и новые знания. Когда я закончил 9 шаг, думал, что все понял и усвоил, приложение работало как надо, но... Но пока прошел с ментором Сергеем все этапы правок, понял как в действительности надо писать код, какими должны быть подходы и методы. Когда смотрю на тот г@внокод, который у меня был после 9-го шага и то, что получил в конце проекта понимаю, что самой теорией и практикой в заданиях не обойтись. Сергей, спасибо огромное за столь щепетильное и терпеливое отношение к своей работе!

Прохожу этот проект уже во второй раз в рамках профессии Бэкэнд javaScript. Первый раз проходил этот проект в профессии по фронтэнду год назад.
Было очень интересно анализировать ход своих мыслей и сравнивать свои новые решения со своими старыми решениями спустя год после прошлого первого проекта)
С нетерпением жду второго проекта, в прошлый раз там было очень трудно, интересно как будет сейчас)
Спасибо большое ментору за большой и полезный объем комментов!

Добрый. Сергей, спасибо за уделенное время, за подробнейшие замечания по ходу проекта, все очень понравилось.

Спасибо за интересный проект!) На 6ом круге правок уже подумал, что я самый плохой ученик наверное, но на одном из крайних вебинаров услышал, что у Кирилла и по 17 кругов было, и как то морально подотпустило) Но расслабляться не стал. Материал очень полезный и нужный) Всем рекомендую)

Сергей, спасибо за наставничество над первым проектом! особенно хочу отметить внимание к деталям. насколько понимаю - это очень хорошее и одно из основных качеств хорошего разработчика, к чему и я стремлюсь. Также было интересно и важно себя почувствовать в шкуре настоящего разработчика. Спасибо!
Проекты входят в стоимость обучения на любом плане: самостоятельном, групповом и индивидуальном. Дополнительно платить не нужно.
Проекты дают опыт разработки в реальной среде. Проходите каждый проект сразу после изучения курсов, которые стоят в учебном плане перед ним, — это отличный способ глубже разобраться в материале.
Проекты — портфолио программиста. Их код останется в вашем аккаунте на GitHub и будет преимуществом при поиске работы.
Чтобы узнать о том, что такое проекты и в чём их польза, прочитайте нашу статью «Анатомия проектов Хекслета».
Задавайте вопросы в разделе «Обсуждение» на странице шага, на котором возникли трудности, или вашему наставнику. Изучите вопросы других студентов в «Обсуждениях»: там собрана большая база знаний, ей можно и нужно пользоваться.
Автоматизированные тесты и линтер. В групповом и индивидуальном форматах наставник дополнительно проверит то, что тестами проверить невозможно (архитектуру проекта, правильность именования, удачность решений), и проведёт код-ревью, чтобы сделать проект ещё качественнее.
Нажмите на виджет в правом нижнем углу экрана и поищите ответ в нашей справке. Или сразу пишите на support@hexlet.io — вам ответит живой человек из команды Хекслета.