Многие фронтенд-разработчики пытаются повышать свой уровень, проходя всё новые курсы, читая книги по программированию, смотря обучающие видео и слушая подкасты. И всё это прекрасные источники знаний – однако если вы хотите добиться быстрых и устойчивых результатов, их будет недостаточно. Вам понадобится практика – причём желательно, чтобы она была сфокусированной и направленной на решение реальных проблем. Недостаточно просто писать код для решения упражнений в курсах. Лучший способ осваивать новый материал и закреплять то, что вы уже знаете – это выполнять с нуля собственные проекты, где вы ставите перед собой конкретную задачу и ищете способ её выполнения. А если вы занимаетесь фронтендом, то без знания JavaScript вам не обойтись. Поэтому в этой статье мы рассмотрим несколько примеров проектов, которые можно выполнить на этом языке.
Часы
Базовая задача для кодера начального уровня – написать часы, которые показывали бы текущее время. Для дополнительного эффекта можно усложнять себе работу практически до бесконечности – например, заставить их отображать не только часы и минуты, но также секунды и текущую дату, добавить пользователю возможность выбирать собственную дату на своё усмотрение, запускать таймер с обратным отсчётом, секундомер и т.д.
Калькулятор
Другой пример классической задачи для программиста, но уже посложнее – приложение-калькулятор с кнопками, которое позволяло бы выполнять хотя бы базовые арифметические операции. Опять-таки, работу можно усложнять, добавляя в калькулятор новые функции и выбирая неочевидные пути решения проблемы – ваша цель сейчас не написать максимально простой код, а понять, как это всё работает.
Виртуальная клавиатура
Экранная клавиатура, или как отдельное приложение, или для использования в браузере. Скорее всего, реального применения ей найти не удастся, однако она прекрасно подойдёт для изучения различных возможностей JavaScript, а также его взаимодействия с HTML и CSS.
Пульт для ввода PIN-кода
Numpad-клавиатура для ввода PIN-кода в браузере, умеющая проверять введённый код на правильность. Достижение нужного функционала с использованием только JavaScript, HTML и CSS – интересная и довольно сложная задача, заставляющая искать нестандартные способы достижения поставленных целей.
Крестики-нолики
Ещё один проект, требующий довольно высокого уровня подготовки, потому что для его реализации потребуется некоторое понимание работы ИИ и алгоритмов.
Здесь можно задать вопрос: зачем выполнять проекты, которые тысячи раз уже были реализованы другими людьми, причём скорее всего почти одинаковым образом? Причин может быть несколько. Во-первых, неважно, что задача не нова по своей сути – главное, чтобы она была нова для вас. Во-вторых, их можно загрузить на свой репозиторий в GitHub и использовать как образцы для будущих работ. Наконец, их можно показывать потенциальным работодателям, чтобы дать наглядное представление о том, что вы умеете.
