Проект Игры разума

Уровень: 1

Профессия Фронтенд-программист

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

9
шагов
2-4
недели

Проект - важная часть обучения. Тут закрепляются навыки, полученные в курсах и приобретаются новые. Начните профессию, двигайтесь по шагам и приступайте к проекту, когда будете готовы

Профессия Фронтенд-программист

Цель

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

Первый проект для многих студентов — одновременно первая полноценная программа вне среды Хекслета. Он знакомит с основными шагами, необходимыми для старта любого нового проекта: установкой языка (интерпретатора), настройкой среды (операционная система, редактор, линтеры), подключением дополнительных библиотек, созданием 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!

О плане «Премиум»

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

Преимущества «Премиума»:

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

Проект Игры разума

Создайте рабочее приложение, которое станет частью вашего портфолио.

Проект - важная часть обучения. Тут закрепляются навыки, полученные в курсах и приобретаются новые. Начните профессию, двигайтесь по шагам и приступайте к проекту, когда будете готовы

Впечатления

Около недели назад завершили (именно так - на мой взгляд, вполне корректно будет использовать множественное число!) первый проект. В первую очередь, хочу поблагодарить ментора - Станислава - за подробные и четкие разъяснения по ошибкам или вопросам, которые возникали в процессе работы. Иногда было немного стыдно за те ошибки, которые не то чтобы супер-очевидные для новичка, но, скажем так, их вполне можно было избежать и самому. Но в целом, работа надо проектом - одно сплошное удовольствие, в процессе и узнаешь новое, и многое из пройденного в курсах становится по-настоящему понятным. Надеюсь, что дальнейший процесс обучения будет не менее захватывающим, а неизбежные трудности будут посильными:) Спасибо!

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

Также хотел поблагодарить моего наставника Сергея Карпука за поддержку и отличную обратную связь!

Первый проект оставил только положительные впечатления. Работа над ним позволила закрепить пройденный материал на практике, а также узнать новое, неосвещённое в курсах.

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

В завершение благодарю моего наставника Станислава Дзисяка за поддержку, а также за подробные и доходчивые пояснения!

Впечатления от реализации проекта самые положительные. Однозначно он стоит потраченного времени и сил. Работая над проектом, получил бесценный опыт грамотной настройки окружения и архитектуры приложения. Как оказалось это отнюдь не простая задача, не зря половина шагов в проекте посвящены именно данной теме. Пришлось 100500 раз возвращаться к курсу «JS: Настройка окружения»» и курсу из СИКП «JS: Программирование, управляемое данными». Также плюсом является полученный опыт по настройке окружения, которые не освещены в курсах. Реализация игр особых трудностей не доставила, головной болью оказалось грамотное построение кода и правильное наименование функций и переменных.

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

Курсы помогают развить логику мышления и получить навыки в грамотном написании кода, но проект помогает собрать разного рода задачи в единое целое, где на выходе получаем рабочее приложение.

Пост о впечатлениях.

Первый проект стоит много больше уделенного ему времени. На первых порах кажется, будто ты выпадаешь из уютной среды курса, где каждое задание было приправлено всеми возможными подсказками. Возникало ощущение, что внезапно в курсе что-то изменили, а проект еще не успели, и потому недостаточно вводных для оптимального решения. Вероятно, отчасти так и было, но это можно списать на "реальные" сложности рабочего проекта, где постоянно приходится изучать доп. литературу. В начале обучения каждый смотрит на предстоящие проекты, и brain-games кажется довольно простым относительно всей практики, пройденной до него. Отведенный месяц на проект кажется излишним. И только вступив в него, приходит понимание чего стоит удобство прохождения той самой практики.

Сергей Карпук, благодарю за уделенное время, за сверхподробные замечания и за то, что не вываливаете их все "скопом", дав возможность поработать над каждым изъяном некоторое время.

Вопросы и ответы

Какое расписание у проекта?

У проекта нет расписания и вы можете заниматься в удобное для вас время. Доступ к проекту будет пока действует ваша премиум подписка.

Как оплачивается проект?

Проект доступен в рамках подписки на план «Премиум», дополнительная оплата не нужна. В течение месяца можно пройти один проект. Если у вас есть действующая профессиональная подписка, то стоимость премиум подписки будет меньше. Система пересчитает стоимость в зависимости от количества не использованных дней на текущем плане.

Зачем нужны проекты?

Проект помогает реализовать на практике то, что вы узнали на курсах. Важный момент: написанный вами код навсегда остается в вашем репозитории на GitHub. Фактически это ваша первая работа в портфолио.

Что делает наставник в проектах?

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

У меня есть другой вопрос

Пишите нам на support@hexlet.io, вам ответит живой человек из команды Хекслета. Или нажмите на иконку со знаком вопроса в правом нижнем углу экрана. Там есть ответы и на другие вопросы и удобная форма для отправки сообщения нам.

Проект Игры разума

Создайте рабочее приложение, которое станет частью вашего портфолио.

Проект - важная часть обучения. Тут закрепляются навыки, полученные в курсах и приобретаются новые. Начните профессию, двигайтесь по шагам и приступайте к проекту, когда будете готовы