Вы хотите практиковать свои навыки в качестве Front-end разработчика, но не знаете, с чего начать?
Веб-разработка и программирование в целом — это область, требующая большой практики, возможно, вы хотите создать свое первое портфолио или найти работу.
В любом случае вам понадобятся проекты для демонстрации, и если вы начали учиться самостоятельно (как когда-то я), то вам будет сложно найти возможности для практики, в этой статье вы найдете некоторые из них.
Я классифицировал их на два разных уровня (начинающие и продвинутые). Все дизайны сделаны мной, если не указано иное.
Новички
Вы можете сделать это простое веб-приложение, просто используя HTML и CSS.
Целевая страница
Создайте целевую страницу для чего-то. Это может быть бизнес, инфлюенсер или интернет-магазин. На странице должен быть призыв к действию и основная информация о бренде веб-сайта, отображаемая на ней.
Страница ресторана
Закодируйте страницу ресторана, некоторые из материалов, которые вы можете включить, включают меню, рекламные акции и даже экскурсию по кухне. Вы можете сделать это одностраничным веб-сайтом или разделить на несколько страниц для каждого варианта — решать вам!
Страница помощи
Создайте справочную страницу для бизнеса или программного обеспечения с панелью поиска и несколькими включенными темами, вы даже можете создать чат-бот для обслуживания клиентов, если вы чувствуете себя уверенно с ним.
Передовой
Эти проекты могут быть выполнены с предварительными знаниями HTML, CSS и Javascript framework (или чистого JavaScript, если вы предпочитаете).
Канбан-доска
Создайте доску, похожую на доску Trello, где пользователи могут перетаскивать, удалять, добавлять, редактировать и обновлять карточки. Вы также можете разрешить пользователям создавать теги для каждой карты, вы выбираете!
Клон библиотеки JavaScript
Особенно полезно, если вы стремитесь отточить свои навыки работы с JavaScript, попытка закодировать некоторые методы библиотек, таких как Lodash, может стать хорошей приманкой для рекрутеров.
Калькулятор
Сделайте веб-калькулятор, он может превратиться из простого в очень сложный научный, не забудьте сделать его отзывчивым, чтобы пользователи с любого устройства могли его использовать.
Потоковая платформа
Используя API, такой как TMDB (The Movie DataBase), для извлечения данных из известных фильмов, вы можете эмулировать известную потоковую платформу, такую как Netflix или Amazon Prime. Это также может означать хорошее время, чтобы продемонстрировать свои навыки CSS, создавая состояния фокуса и анимацию.
Некоторые другие идеи
- Вы также можете попытаться воспроизвести известное приложение для социальных сетей или веб-сайт, такой как Reddit, Twitter или Instagram, это может дать рекрутерам хорошее представление о том, на что вы способны.
- Никогда не забывайте иметь хорошо организованный и полный профиль Github с несколькими проектами и регулярной деятельностью, это идеальный способ показать им свой опыт и навыки совместной работы.
На этом сегодняшняя статья закончена. Надеюсь, вам понравилась эта статья так же, как мне понравилось ее писать. Хорошего дня! 😃
