👨‍💻Фронтенд для проекта роадмапа #4 - "теннисное табло"

На прошлой неделе я перечислял новые идеи по упрощению/актуализации роадмапа, и 135 человек в опросе оценили актуальность этих идей.
С большим отрывом победил готовый фронтенд для проектов с 4 по 7.

Решил начать с фронтенда для проекта #4 - https://github.com/zhukovsd/tennis-scoreboard-html-layouts (за основу взял проект от @IamNotARapperr - https://github.com/vladislavLevchikIsAProger/tennis_scoreboard)

Что внутри

- Макеты всех требуемых по ТЗ страниц
- Адаптивная верстка (десктопы, телефоны) на чистом CSS/HTML, минимальный Javascript для показа меню навигации на телефонах

Задеплоенные на GitHub Pages страницы для демонстрации:

- Главная страница
- Новый матч
- Счёт текущего матч
- Завершенные матчи

Как пользоваться

- Перенести в проект нужные для веб-страниц ресурсы - CSS, JS, картинки
- На основе HTML верстки создать шаблонизированные страницы (для Java это JSP, для Python - Jinja2)

Я считаю, что уметь делать простой фронтенд с нуля - универсально полезный навык, но если хочется двигаться быстрее, то верстка - это то, чем можно пожертвовать. Роадмап | YouTube | Менторство по трудоустройству | Консультации

*🤔*В проектах роадмапа всегда присутствует 2 противоположных стремления

1. Разнообразный опыт технологий и понимания вещей "в глубину", как подготовка к реальной работе и вырабатывание навыка поиска информации и решения проблем.

2. Актуальный текущей ситуации на рынке стек и сокращение пути от начала учёбы до готовности к поиску работы.

В чём заключается конфликт

Если пропустить основы и сразу идти во фреймворки, слишком много останется "черной магией". С другой стороны, если довести до абсурда изучение основ ("программист, не знающий ассемблер - не программист" 🌚), до поиска работы можно не добраться.

Идеальный баланс недостижим, более того, для каждого студента он свой. Тем не менее я стараюсь актуализировать ТЗ проектов, выдерживать баланс, соответствующий текущим требованиям к Junior+/Middle.

Последние обновления для Java роадмапа:

- В 7 проекте RabbitMQ заменён на кафку
- В 5 проекте сервлеты заменены на Spring MVC
- В 5-7 проекты добавлены БД миграции на Flyway/Liquibase

Последние обновления для Python роадмапа:

- 5 проект переписан с in-memory DB на Postgres/MySQL
- В 5-7 проекты добавлены БД миграции на Alembic/Django Migrations
- В 7 проекте RabbitMQ заменён на Celery

Метрики, по которой я отслеживаю достаточность глубины - процент прохождения испыталок среди трудоустроенных. Для офферов, полученных с мая по июль 2024, этот процент составляет ~90%, более чем.

Вторая метрика, "удержание" студентов на проектах роадмапа. Чем оно выше, тем больше студент видит смысла идти по нему ради конечной цели - трудоустройства.
Статистика по сданным проектам на сегодняшний день

- Виселица - 186
- Симуляция - 105
- Обмен валют - 104
- Теннисное табло - 55
- Погода - 51
- Облачное хранилище файлов - 25
- Рекомендуемый рубеж для поиска работы. Количество студентов, трудоустроенных с моей помощью - 23
- Планировщик задач (проект с кафкой и микросервисами) - 5

Суммарно 553 проекта.🤩

Хорошо - конверсия написавших 6 проект в офферы.

Над чем хочется работать - конверсия тех кто начинает роадмап в тех кто его заканчивает. Понятно, что это процесс (десятки людей пишут проекты в рамках нашей групповой активности), многие пишут в одиночку, но видны разрывы между написавшими виселицу/симуляцию (186 → 105), и обмен валют/теннисное табло (104 → 55).

Это повод подумать над балансом глубины и актуальности в этих частях роадмапа.

Новые идеи

- Готовый фронтенд для проектов с 4 по 7. Желающие могут сделать его с нуля(я считаю это полезным, если время позволяет), но если такого желания нет - берём готовый фронт и натягиваем его на проект
- Вместо SQLite/H2 сразу пользуемся полновесными SQL базами (Postgres, MySQL, MariaDB), хоть это и усложнит деплой
- [Java] Оставить только один проект на сервлетах вместо двух, начать Spring MVC с 4 проекта, Spring Boot с 5
- [Java] Убрать JSP в 4 проекте, заменить на более свежий шаблонизатор (Thymeleaf/Freemarker)
- Сейчас в роадмапе 2 проекта, где мы пишем REST API, и 3 - где пишем шаблонизируемые веб-страницы. В коммерческой разработке этот баланс смещен в сторону API, поэтому можно один из проектов (допустим, пятый), переделать под REST, и дать к нему готовый JS фронтенд, как сейчас сделано с обменником валют
- Ваши идеи (жду их в чате)

Проголосуйте, пожалуйста, в опросе, и так же буду рад услышать мысли от уже трудоустроенных в чате и комментариях:
- Какие части роадмапа вы считаете самыми полезными для вашего трудоустройства и успешной работы?
- Что можно было бы пропустить?

Обновление материалов роадмапа - БД миграции и Spring MVC

👩‍💻 Spring MVC вместо сервлетов в проекте "погода"

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

Статьи и стримы с объяснением этого подхода:
• Зачем писать пет-проекты с устаревшими технологиями?
• Как учить новые технологии: гайд

Для Java, проекты роадмапа на легаси стеке - с третьего по пятый. Spring (сразу Spring Boot) начинался с шестого. Однако, седьмой проект мало кто дописывает, потому что хард скиллов от шестого вполне достаточно для поиска работы.

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

Чтобы подстроиться под это, плюс сгладить переход от легаси к современному стеку и помочь получить больше опыта со Spring, я изменил ТЗ проекта #5 - "погода":
• Используем Spring MVC. Хороший промежуточный шаг между сервлетами и Spring Boot
• Не используем Spring Security и Spring Session, потому что основная цель проекта "погода" - понять работу сессий, авторизации и cookies на низком уровне

Идея витала в воздухе, есть достаточно много реализаций этого проекта на Spring.

Вопросы:

Q: Я уже начал писать проект на сервлетах, стоит ли менять подход и писать на Spring MVC?
A: Не принципиально. Но если идея нравится и время есть - можно

Q: Какие модули и компоненты Spring MVC можно использовать в 5 проекте?
A: Все необходимые, кроме работы с сессиями

Q: Как деплоить проект на Spring MVC?
A: Так же как проект на сервлетах, в Tomcat

👩‍💻 БД миграции

БД миграции - регулярно встречающийся в коммерческих проектах инструмент. В пет проектах роадмапа структура БД сильно проще, чем в большинстве коммерческих, но тем не менее опыт работы с миграциями не помешает.

Java роадмап:
• Теория и избранные образовательные ресурсы по Flyway, Liquibase
• Практика - миграции добавлены в ТЗ проектов с 5 по 7

Python роадмап:
• Теория и избранные образовательные ресурсы по Django Migrations, Alembic
• Практика - миграции добавлены в ТЗ проектов с 5 по 7

Роадмап | YouTube | Менторство по трудоустройству | Консультации

*📝 Итоги сентября 2024*

12 офферов, 41 проект, 16 ревью.

Истории успеха 🎉

• Миша поделился историей успешного поиска работы после 6 проектов роадмапа
• 2 анонимных истории - от одного из рекордсменов по скорости работы над проектами (около 7 месяцев от начала работы над роадмапом до трудоустройства) и история учебы с последующим поиском работы на российскую компанию, проживая за границей

Менторство по трудоустройству

Офферов получено - 12, принято - 3. Медиана 210к, средняя 270к.

https://telegra.ph/Mentorstvo-po-trudoustrojstvu-06-08

Новости сообщества

• Вчера начался третий поток групповой работы над проектами, если кто-то не успел записаться, но хочет присоединиться, пишите Саше @GoPetr
• В честь окончания второго потока групповой работы над проектами на эталонные реализации проектов роадмапа действует скидка 50% (до 4 октября) - виселица, обмен валют. Буду практиковать это в конце каждого потока, раз в месяц
• Запустили гарантированные ревью для ваших проектов от менторов сообщества
• В таблице менторов 7 (!) доступных ментора - Java (ура), Python, Kotlin, NodeJS/Golang, PHP
• Книжный клуб - читаем "Ум программиста", модератором этого сезона книжного клуба является @Alfx51. Приходите послушать и поучаствовать в обсуждениях, созвоны каждую субботу, анонсы в ветке "книжный клуб" нашего чата

Проекты студентов

41 проект Java, Python, Kotlin, OCaml, Prolog (@krios2146 🤡).

Ревью проектов

16 ревью, особое спасибо:
• Алексей @Raketa4000az - 11 ревью

Также спасибо Дмитрию @DmMaff, Тимофею @as1iva, Сергею @grandpraline, Илье @coderilya, Владимиру @krios2146.

Новое в Telegram

• Архив книжного клуба по теме "паттерны проектирования" - записи всех созвонов и коллекция заметок
• Карта всех активностей сообщества и новые идеи

Личное

• Родился сын 👶 - https://t.me/zhukovsd_it_chat/1/117794

—

Спасибо всем, кто учится со мной, и тем, кто поддержал и продолжает поддерживать на Boosty, подписками на менторство и покупками продуктов и консультаций.

Роадмап | YouTube | Менторство по трудоустройству | Консультации

*👨‍🏫 Гарантированные ревью на ваши проекты*
Наша коллекция ревью насчитывает уже более 100 ревью на все проекты роадмапа, что является отличным ресурсом для работы над ошибками для тех, кто дописал свой проект и хочет довести его до качественного уровня.

Каждый месяц активные члены сообщества уделяют личное время на ревью на некоммерческое основе (большое спасибо!). В августе 20 из 48 сданных проектов получили ревью.

Однако, хочется дать возможность получить ревью по запросу.

Плюсы для покупателя:
- Гарантированное ревью от выбранного ментора
- Возможность получить обратную связь ровно на те части проекты, которые вам интересны больше всего

Плюсы для менторов:
- Возможность получить вознаграждения за усилия

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

Как это работает

- В таблице доступен список менторов, делающих ревью. Выбирайте ментора по важным для вас критериям, договаривайтесь о том, какое ревью и в каком формете интересно получить
- Ментор делает ревью, вы оцениваете его и делаете работу над ошибками в проекте
- Опционально, оставляете фидбек на полученное ревью - https://forms.gle/29aC2ipPTCsAXBik6
- В случае недопониманий или проблем пишите мне - @zhukovsd

Первые 6 менторов, участвующие в данном формате - @Raketa4000az, @coderilya, @krios2146, @apostol_fet, @LisaChulkova, @IamNotARapperr.

FAQ

Q: Будут ли ревью доступны публично?
A: Если вы против - не будут. Если не против - я всегда рад пополнить коллекцию новыми ревью

Q: Что по оплате, как, куда, до ревью или после?
A: По договоренности с ментором

Q: Что входит в ревью? Текст, созвон, видео?
A: Решает ментор, на этапе согласования условий высказывайте свои пожелания

Q: Хочу делать платные ревью, как начать?
A: Сделайте 3 ревью на некоммерческой основе на проекты, публикуемые в чате, после чего напишите мне.

—

В рамках поддержки и продвижения активности, готов компенсировать 50% стоимости ревью первым 10 клиентам. Напишите мне (@zhukovsd) после оплаты ментору, переведу вам половину.

Роадмап | YouTube | Менторство по трудоустройству | Консультации

*📕Книжный клуб, сезон #3 - "ум программиста"*

Анонс нового сезона книжного клуба. Читаем "ум программиста" - нетехническую книгу про типовые программистские трудности, их преодоление и работу в команде.

https://ozon.com/product/um-programmista-kak-ponyat-i-osmyslit-lyuboy-kod-felin-hermans-721799518/

Формат

- Читаем по 1-2 главы в неделю (зависит от размера глав)
- По субботам на созвоне обсуждаем материал, вопросы

Книга дискуссионная, поэтому будет о чём поболтать. Цель активности - осилить книгу вместе проще, чем по одному. Плюс, полезно пообщаться с единомышленниками.

Модератором этого сезона книжного клуба выступит Василий @Alfx51. Он будет вести созвоны, выбирать главы на следующую неделю и писать анонсы в ветке "книжный клуб" чата. Я буду приходить на созвоны по мере возможностей.

Как поучаствовать

Вступайте в чат, общайтесь в ветке "книжный клуб", приходите на созвоны, слушайте записи.

Приходите, буду раз видеть новые лица.

Первый созвон в эту субботу, 21 сентября, в 19:00 Мск - meet.google.com/ijk-qpqc-npn.

Роадмап | YouTube | Менторство по трудоустройству | Консультации

*? Итоги июня 2024*

Истории успеха ?

Антон поделился историей трудоустройства на 140к, будучи студентом первого курса.

Менторство по трудоустройству

За июнь получено 30 офферов, 9 принято. Позиции - Java Backend, Python Backend / Data Engineering, средняя сумма принятого оффера - 215к.

https://telegra.ph/Mentorstvo-po-trudoustrojstvu-06-08

Обновление материалов роадмапа

• ТЗ проекта "планировщик задач" - RabbitMQ заменен на Kafka, так как Kafka более актуальный для резюме навык
• В ТЗ проекта "погода" добавлен чеклист типовых ошибок, спасибо @hungryman9 за подготовку материалов

Новые лекции:

• Декомпозиция задач для начинающих и профессионалов
• Как учить новые технологии: гайд

Расширенные материалы:

• "Виселица" - эталонная реализация, 2 часа лекций по разработке закончены и выложены на Boosty (декомпозиция, разработка, рефакторинг в ООП стиле, плюс ТЗ альтернативного проекта похожей сложности)
• "Симуляция" - эталонная реализация готова, лекции в работе

Новости сообщества

• Командный проект под руководством @DLISM закончился, фидбек участников положительный
• Книжный клуб - закончили читать "Чистый Код", в следующую субботу начинаем разбирать паттерны проектирования, приходите
• В таблице менторов 4 доступных ментора - NodeJS/Golang, C#, Java, Python

Проекты студентов

41 проект на Java, Python, Kotlin, PHP. Новый рекорд по количеству проектов.

Ревью проектов

16 ревью. Спасибо @Raketa4000az, @ilyacoder, @makeitvsolo, Illia, @krios2146, @apostol_fet, @IamNotARapperr, @zhukovsd.

Лидеры по ревью:
• Алексей @Raketa4000az - 7 ревью
• Иван @makeitvsolo, Илья @ilyacoder - по 2 ревью

—

Спасибо всем, кто учится со мной, и тем, кто поддержал и продолжает поддерживать на Boosty или лично.

Роадмап | YouTube | Менторство по трудоустройству | Консультации

?Книжный клуб, сезон #2 - паттерны проектирования

В апреле у нас в сообществе появилась новая активность - книжный клуб.

Формат:
- Выбираем книгу, читаем по 1 главе в неделю
- По субботам на созвоне обсуждаем материал, вопросы

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

За 10 недель c апреля по июнь мы разобрали "Чистый код". Следующая тема - паттерны проектирования, начинаем в следующую субботу, 6 июля.

Список тем на разбор

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

Приоритеты, учитывая которые я выбирал темы:
- Не обязательно знать все паттерны, достаточно основных
- В разных предметных областях актуальны те или иные паттерны. Наша основная предметная область - backend
- Ограничимся ООП языками, ищем примеры паттернов в пет проектах роадмапа, стандартных библиотеках наших языков и фреймворках

Предварительный план

- Неделя 1. Паттерны как идея, зачем нужны, почему появились и какую задачу решают
- Неделя 2. Creational patterns - singleton, builder, prototype
- Неделя 3. Creational patterns - factory, abstract factory
- Неделя 4. Behavioral patterns - strategy, iterator
- Неделя 5. Behavioral patterns - observer, chain of responsibility
- Неделя 6. Structural patterns - adapter, decorator, proxy
- Неделя 7. Составные паттерны. MVC
- Неделя 8. Минусы и критика паттернов (пример)

Формат созвона каждой недели:
- Я начинаю с рассказа о теме через призму своего опыта, с примерами из пет проектов и Java standard library / Spring (которые богаты примерами паттернов)
- Все желающие дополняют меня, обсуждаем непонятные моменты и вопросы

Все созвоны будут записаны, записи выложены в открытом доступе на Google Drive.

Рекомендуемые книги и ресурсы

- Head First Design Patterns (Java)
- https://refactoring.guru/design-patterns
- Классическая книга "Design Patterns: Elements of Reusable Object-Oriented Software", примеры на C++
- Mastering Python Design Patterns (Python)
- Что угодно другое на ваш выбор, где рассмотрены темы, описанные выше

Как поучаствовать

Вступайте в чат, общайтесь в ветке "книжный клуб", приходите на созвоны, слушайте записи.

Приходите, буду раз видеть новые лица.

Роадмап | YouTube | Менторство по трудоустройству | Консультации

? Анонс - стрим "Клиент-серверная архитектура, API, HTTP, REST"

https://youtube.com/live/yWzesBoTOvE

Теоретическая лекция #2 из материалов расширенного роадмапа для проекта "обменник валют". Все теоретические лекции решил выпустить в публичный доступ.

Темы:
- Клиент-серверная архитектура, примеры применения, протоколы
- API, какую проблему решает, сравнение с UI
- HTTP - основной протокол веба, примеры
- Архитектурный стиль REST, принципы и примеры, REST vs RPC
- Чистота дизайна REST API и самые распространённые ошибки
- Минусы и альтернативы REST - WebSocket, gRPC, GraphQL
- Важные решения при проектировании API, примеры

Заготовка слайдов для лекции - https://t.me/zhukovsd_it_chat/1/73265.

Воскресенье, 5 мая, 19:00 Мск. Запись будет доступна.

Роадмап | YouTube | Менторство | Поддержать | Консультации