Проект #1

Игры разума

Профессия Node.js-программист

Погрузитесь в непростую экосистему JavaScript, научитесь настраивать рабочее окружение. Подружитесь с линтером (анализатором качества кода) и менеджером зависимостей npm. Поймёте, чем git отличается от GitHub, поработаете с внешними репозиториями. Получите опыт построения архитектуры полноценного приложения и написания чистого кода.

2-4
недели
Иконка профессии Node.js-программист

Цель

Настройка окружения

Первый проект для многих студентов — одновременно первая полноценная программа вне среды Хекслета. Он знакомит с основными шагами, необходимыми для старта любого нового проекта: установкой языка (интерпретатора), настройкой среды (операционная система, редактор, линтеры), подключением дополнительных библиотек, созданием git-репозитория. На этом этапе начинается глубокая работа с терминалом. Студенты на практике используют все то, что давалось в базовых курсах.

Первый проект прокачивает работу с экосистемой JavaScript. Студенты учатся запускать любые программы, написанные на JavaScript. Знакомятся с интерпретатором языка (REPL) и его возможностями по быстрой отладке и проверке работы небольших кусков кода. Знакомятся с npm. Утилитой, через которую происходит управление проектами: установка и обновление дополнительных библиотек, публикация пакета и многое другое.

Многие решаются на установку Ubuntu дополнительной системой и нередко оставляют ее основной. Глубже знакомятся с принципами работы операционных систем, с механизмом установки приложений через пакетные менеджеры, с работой файловой системы (исполняемые файлы, права).

Здесь же идет формирование правильной инженерной культуры. Одно из первых заданий в настройке — это подключение линтера (Eslint), который автоматически следит за стилем кода и находит потенциальные ошибки. Код, соответствующий стандартам кодирования (Airbnb), гораздо проще в анализе и значительно выше оценивается другими программистами. Это, в том числе, важно при демонстрации проектов на собеседованиях.

Еще один мощный элемент реальной разработки — непрерывная интеграция. Система, которая автоматически после каждого изменения собирает проект, запускает проверки линтера и тесты (будут во втором проекте). Подобные системы являются неотъемлемой частью любой профессиональной разработки. В проектах Хекслета непрерывная интеграция подключается к каждому проекту. Среди множества систем мы выбрали Github Actions как бесплатную и интегрированную в Github систему сборки.

И, наконец, студенты знакомятся с GitHub — центральным местом хранения кода и обитания разработчиков в мире. GitHub — это не просто хранилище репозиториев, но и фактически социальная сеть. Реальный код на гитхабе высоко ценится работодателями и резко повышает шансы на трудоустройство. К тому же это первый шаг в разработку открытого ПО (open source).

Эта часть проекта часто сложнее самого процесса написания кода. Настройка системы — очень индивидуальная вещь, так как зависит от окружения конкретной операционной системы и железа. На полную подготовку понадобится, скорее всего, не один день, но этот шаг пропустить нельзя. Зато потом старт любого проекта сократится до десятков минут, а сама настройка перестанет казаться магией.

Код

В отличие от онлайн-среды, проекты Хекслета включают в себя не один-два, а десятки файлов. Здесь впервые появляется необходимость полноценно управлять модулями и импортировать функции, думать о том, как разделить программу на части. Даже структура директорий имеет значение, и здесь придется с этим столкнуться.

Первый проект включает в себя интерактивную часть — взаимодействие с пользователем командной строки. Для этого понадобится дополнительная библиотека. А это значит, что нужно научиться ее устанавливать, подключать (импортировать) и запускать. Для последнего обязательно чтение документации. Именно так происходит реальная разработка.

В процессе создания файлов, функций, констант и переменных нужно постоянно думать о правильном именовании. Несмотря на наличие большого числа статей и рекомендаций, именование остается одной из самых сложных частей для всех, кто проходит проекты (да и программирует тоже).

Архитектура первого проекта — корневая часть всей системы. Она опирается на основные принципы организации кода: изоляцию побочных эффектов, создание правильных барьеров абстракций (высокая модульность). Здесь возникает множество вопросов: «кто за что отвечает?», «кто взаимодействует с пользователем?», «как игра запускается?» и многое другое. С архитектурой придется повозиться, даже если у вас есть опыт реальной разработки.

Проверки наставника

Основные аспекты, на которые обращают внимание наставники при проверке:

  • Правильная настройка проекта и соответствие кода стандартам кодирования.

  • Именование. Как показывает практика, это настоящая проблема даже для уже действующих разработчиков. Мы очень серьезно относимся к читаемости кода и доводим этот аспект до совершенства.

  • Простота системы. Любое решение можно реализовать сложнее, чем это реально необходимо, что многие нередко и делают. В основном из-за недостатка опыта. Простые решения даются сложнее всего.

  • Архитектура. Правильное выделение функций, распределение ответственностей между разными частями системы. Все это имеет огромное значение даже в первом проекте.

Описание

«Игры разума» — набор из пяти консольных игр, построенных по принципу популярных мобильных приложений для прокачки мозга. Каждая игра задает вопросы, на которые нужно дать правильные ответы. После трех правильных ответов считается, что игра пройдена. Неправильные ответы завершают игру и предлагают пройти ее заново. Игры:

  • Калькулятор. Арифметические выражения, которые необходимо вычислить.
  • Прогрессия. Поиск пропущенных чисел в последовательности чисел.
  • Определение четного числа.
  • Определение наибольшего общего делителя.
  • Определение простого числа.

Пример игры:

$ brain-progression
Welcome to the Brain Game!
What number is missing in this 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, вам ответит живой человек из команды Хекслета. Или нажмите на иконку со знаком вопроса в правом нижнем углу экрана. Там есть ответы и на другие вопросы и удобная форма для отправки сообщения нам.