1. Создайте личный CSS-фреймворк

Обнаружили, что повторно используете одну и ту же структуру CSS для каждого проекта? Подумайте о том, чтобы выбрать наиболее часто используемые стили и создать собственную «структуру». Например, я использую сетку Bootstrap во всех своих проектах. Вместо того, чтобы использовать все 8000 строк CSS Bootstrap, я существенно сократил его, удалив все стили, которые никогда не использую. Это не только улучшает время загрузки моих сайтов, но и позволяет мне легко перейти прямо к проекту со стилями, которые, как я знаю, я буду использовать.

2. Спроектируйте и напишите игру на JavaScript

Используйте эти графические навыки и сделайте несколько спрайтов/изображений для JS-игры. Когда у вас есть готовые изображения и идея, напишите механику игры. Некоторые основные идеи для игр включают «Саймон», «Крестики-нолики», «Угадай, кто» и «Виселица». Если это кажется слишком простым, подумайте о создании ролевой игры, в которой пользователи смогут сохранять прогресс и возвращаться к своим сохранениям позже. Эти, казалось бы, простые проекты бросят вам больше вызовов, чем вы ожидали. Убедитесь, что они загружаются быстро и соответствуют требованиям ADA!

3. Изучите новый фреймворк

Трудно оставаться на вершине отрасли, когда новый фреймворк выпускается каждый день. Потратьте это время, чтобы узнать о новой среде JavaScript, такой как Next.js или React, и создать с ее помощью проект/сайт. Хорошей отправной точкой является создание программы списков дел с использованием Angular, создания полезного инструмента и одновременного изучения базового синтаксиса фреймворка, который может помочь вам получить следующую работу. Для чего-то нестандартного, посмотрите StabbyJS, фреймворк, созданный мной и некоторыми коллегами с целью заставить пользователя оставаться в напряжении при просмотре.

4. Улучшить старый проект

Если вы чем-то похожи на меня, трудно не съежиться, когда вы оглядываетесь на свои старые проекты. Используйте это смущение, чтобы подстегнуть свою решимость вернуться к прошлой идее и использовать свои текущие знания для ее улучшения. Например, на старом сайте я сделал график цен, используя HTML-таблицу. С тех пор я нашел гораздо лучший способ обработки ценовых графиков, просматривая Codepen.io, сайт, который я часто посещаю для вдохновения.

5. Работайте над веб-сайтом на фрилансе

Если ничего не помогает, заработайте дополнительные деньги и создайте сайт на фрилансе. Это может варьироваться от местного бизнеса до поиска работы на таких сайтах, как Фрилансер или Upwork. Попробуйте внедрить новую технологию на этот сайт. Например, если вы раньше создавали только статические сайты, попробуйте создать сайт с помощью CMS. Вы не только сможете добавить еще одну работу в свое портфолио, но и использовать сайт как возможность учиться.