Найти в Дзене

3 проекта которые прокачают навыки в веб-разработке.

Оглавление

Всем привет ! 👋 🙂

Learn Compare Build ( https://codebase.show )
Learn Compare Build ( https://codebase.show )

✍️ Введение

Пет-проекты, open-source проекты важная часть для разработчика, которая сильно прокачивает скилы, а в перспективе может иметь ещё коммерческий успех, возможно именно вам во время очередной такой инди разработки придёт хорошая идея ! 💡
Приведу 3 проекта, которые можете попробовать реализовать. Со всеми приведенными проектами сам тоже практиковался, к сожалению, не на все проекты есть возможность привести ссылки на свой код.

🌏 Conduit - API 👈

RealWorld apps

Conduit — это пример референсного приложения, оно представляет собой клон Medium с базовым функционалом блога: регистрация, аутентификация, создание статей, лайки, комментарии, подписки и т.д.

Обычно Conduit используется в рамках проекта RealWorld, где реализован один API backend и множество frontend реализаций на разных фреймворках (React, Vue, Angular, Svelte и др.)

Есть сайт где выложены список работ на разных стеках с реализацией этого проекта, можно по-изучать пример, интересующий стек, смотреть архитектуру и др. Сайт - RealWorldApps

Плюсом ещё будет если попробуете смотря на АПИ, воспроизвести и backend.

Есть даже различные обучающие курсы в которых для примера реализации приложения берут этот проект.

📋 Todo APP

Если ещё не довелось делать тудушку, то сейчас самое время ! :)
Todo app так же есть в
RealWorldsApps. По звездам в github можно выявить примеры реализации которые стоят внимания и, возможно, взять что-то на вооружение - фичи, плюшки, нестандартные решения.
ToDo app это интересный, не сложный проект.
Код с моей реализацией тут -
https://github.com/G28XYZ/minbox-todo-app
Демо -
https://g28xyz.github.io/minbox-todo-app

ToDo app
ToDo app

🏃‍♂️ Jump&Run

J&R - это проект из книги "Выразительный JavaScript. Современное веб-программирование" автор - Марейн Хавербеке. Представляет собой игру по типу "Марио". С данным проектом можно поиграться с requestAnimationFrame, получить представление как выглядит разработка игры изнутри, закрепить ООП.
Код с моей реализацией -
https://github.com/G28XYZ/jump-and-run-react
Демо -
https://g28xyz.github.io/jump-and-run-react

Jump and Run
Jump and Run

Заключение

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

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

Подписывайтесь на мой телеграм-канал - БлогНот