Александр Белькевич </> Frontend вдохновляет

#frontend_mylife

Решил тут поковырять новую версию Nuxt (3.15.0). Там добавили несколько внутренних фиксов и фичей, но самое интересное - заюзали Vite 6.

Ну и в общем не завелось это все дело. Точнее завелось, но работает криво. К примеру, если используете Nuxt UI - лучше пока подождать. Ошибок много. Да и в целом даже когда пустой проект запускается, warning

[nuxt] Expected @nuxt/kit to be at least 3.15.0 but got 3.14.159. This might lead to unexpected behavior. Check your package.json or refresh your lockfile

[nuxt] Expected @nuxt/schema to be at least 3.15.0 but got 3.14.159. This might lead to unexpected behavior. Check your package.json or refresh your lockfile

напрягает. Самое интересное, что в зависимостях нет указанных версий, не бьются они по поиску никак.

Так что если работаете с 3.14 - оставайтесь пока на ней) Судя по Issue в GitHub - у многих проблемы появились.

#frontend_post

⏺Незаметные проблемы портфолио, которые стоят тебе оффера⏺

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

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

1️⃣ Переоценка своих возможностей

Рассказывая о навыках вы говорите о тех, которыми не владеете. К примеру, говорите, что знаете Nuxt3 или TS, но при этом не можете показать примеров работ. Указывайте только те технологии, знания которых вы сможете подтвердить на собеседовании.

2️⃣ Нет визуального стиля и аккуратности

Это очень частая проблема. Смотришь портфолио кандидата. Вроде и код нормальный, но сами проекты выглядят грустно. Frontend-разработчику необходимо развивать в себе "чувство прекрасного". Если пока с этим сложно, вдохновляйтесь работами на Dribbble или Figma Community.

3️⃣ Технические проблемы

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

4️⃣ Отсутствие описания проектов

Обязательно добавляйте в GitHub описание к проекту. Какой стек, для чего он и какие проблемы решает, а так же какие сложности были решены. Это покажет ваше понимание процесса разработки.

5️⃣ Нет ссылки на работающий проект

У своих студентов всегда прошу предоставлять 2 ссылки: на код и на то место, где можно "пощупать" проект. Работодатель так же должен видеть работающий проект, чтобы оценить, насколько хорошо вы проработали интерфейс и все ли правильно там работает относительно логики.

6️⃣ Непонятные названия

“Project123”, “TestApp” или “MyPortfolio” звучат как черновики. Используй осмысленные названия, которые дают представление о проекте: “Task Manager для фрилансеров” или “Сервис для бронирования столиков”.

7️⃣ Проблемы с адаптивностью

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

8️⃣ Отсутствие прогресса

Нередко встречаю то, что у кандидата все проекты выполнены на одном уровне сложности. Не виден рост. Это показатель того, что вы не стремитесь к новым знаниям и для работодателя может быть определенным красным флагом.

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

👉🏻 Заполнить анкету

Ну а так же делитесь какие проблемы в портфолио, на ваш взгляд, могут быть 🙂

#frontend_podcast

Я опять пишу про свой маленький подкастик)

Теперь его можно слушать:

📱 Нативно в телеграм

📱 Apple Podcast

📱 Яндекс.Музыка

В новом году будут новые выпуски, так что можете добавлять себе в избранное 🙂

#frontend_mylife

Оказывается, сегодняшний пост с подкастом был под номером 1001. Получается, вчера был юбилей 😃

Я создал канал 25 февраля 2022 года. Изначально он был как резерв на случай блокировки инсты, но в итоге стал основным.

За почти 3 года нас набралось ~1800 человек. Не так много, но тем не менее главное, что у меня прекрасная нетоксичная аудитория.

С некоторыми из вас мы созванивались и общались, с кем-то виделись вживую, а кому-то я помогал советом и теперь рад их успехам ❤️

Надеюсь, так дальше и будет продолжаться 🙂 Всем добра, бобра и мира ☮️

#frontend_podcast

Пару недель назад в закрытой группе делал небольшой подкаст. На мой взгляд, получилось интересно.

🤩🤩🤩🤩🤩🤩🤩🤩

Так как серия пилотная, то она очень короткая. Тем не менее уже есть море тем, которые можно было бы осудить в таком формате.

И так, подкаст "Консольный лог #1. Как справляться с усталостью от обучения"

Вы узнаете:

1️⃣ Почему сложно учиться регулярно и почему это вообще проблема

2️⃣ Как учиться эффективно и без стресса

3️⃣ Поделюсь своим личным опытом

Очень важна ваша обратная связь на формат 🙂 Буду рад реакциям и комментариям. Ну а если формат зашел - можно смело рекомендовать темы так же в комментариях 😊

Послушать можно здесь, не отходя от Telegram

#frontend_useful

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

Очень полезная статья на MDN о том, как это можно реализовать. В том числе как автоподставлять значение из SMS в input.

А вы имели уже опыт с подобным?

👍 - Да
❤️ - Еще нет, но надо попробовать

Самый быстрый способ стать Frontend-разработчиком в 2025 году: полное руководство для старта карьеры в компании или на фрилансе

❗️Сейчас многие не совсем понимают с чего им начать или как двигаться дальше по карьерной лестнице во фронтенде

Именно поэтому для вас я подготовил подробный бесплатный мастер-класс, где ты узнаешь:

✅ Как не бояться крупных проектов и выйти на доход в 150-200 тыс. рублей в месяц

✅ Как найти клиентов и создать портфолио, которое выделит вас на фоне конкурентов

✅ Как избежать выгорания и поддерживать мотивацию развиваться дальше

✅ Подробный roadmap для определения твоего уровня во frontend-разработке

Также я подготовил для тебя полезные подарки, которые помогут тебе уже сейчас начать путь во fronted-разработке

📌 Кроме того, ты получишь доступ в закрытый тг канал, где тебя ждёт мой личный фидбек, полезные материалы по фреймворкам, подкасты по наиболее распространенным проблемам, а также разборы частых ошибок моих учеников!

Жми на кнопку и забирай урок👇

#frontend_useful

GitHub Copilot стал бесплатным. Да, с некоторыми ограничениями, но тем не менее можно потрогать, попробовать🙂

Теперь он встроен в VS Code по умолчанию.

Ну а почитать подробности можно здесь

#frontend_mylife

Готовлю для вас порцию полезности и мотивации 😊🤫

#frontend_mylife

Вот и закончился devFest2024 🙂

Крутые доклады, любознательные участники 👍👍👍

Очень рад, что встретился с подписчиками. Это вообще дикий восторг, когда можешь не только общаться в комментах, но и вживую)

Скоро будет полноценный отчет ❤️

#frontend_mylife

Прошел на Nintendo Switch первую Зельду) Ценители игр точно знают про эту серию)

Это ремейк одной из первых частей.

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

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

Во всем остальном игра кайф. Ставлю уверенные 4/5

#frontend_post

Что такое аналитика и вообще зачем она нужна?

Аналитика в мире IT нужна не только маркетологам и аналитикам, но и разработчикам. Без нее любой проект рано или поздно зайдет в тупик, а ваша работа окажется бесполезной.

Аналитика важна по многим причинам:

1️⃣ Понимание пользователей
Когда разработчик не учитывает данные аналитики, он работает "вслепую". Он не знает, какая фича действительно востребована, а что вообще не приносит деньги.

Читали у меня про А/B тестирование? Так вот, аналитика помогает понять, какую фичу стоит раскатить на всех пользователей, а какая не прошла проверку и ее не стоит показывать всем.

2️⃣ Оптимизация и фокус на важном

Аналитика позволяет расставлять приоритеты. К примеру, до конца формы регистрации доходит только 30% пользователей. Значит, следует этим заняться, так как огромное количество юзеров, которые могли потенциально принести бизнесу деньги, прошли мимо.

3️⃣ Предотвращение проблем

Бывает такое, что у проекта есть узкое место, которое может нестабильно работать. Аналитика так же помогает это выявить на раннем этапе, чтобы потом это не привело к большим ошибкам.

Примеры инструментов:
👍 Google Analytics - отслеживание поведения пользователей
👍 Sentry - мониторинг ошибок
👍 New Relic - анализ производительности

На последних трех крупных проектах мы использовали аналитику и она действительно помогала понимать, какие у нас есть проблемы. К ней мы относились (и на текущем проекте относимся) очень трепетно и следим за тем, чтобы никакие события не отваливались.

Именно разработчик расставляет в коде места, когда в аналитику должны попасть данные:
- Загрузка страницы
- Клик по кнопке
- Увидел ли пользователь определеную часть страницы и так далее.

Поэтому советую хотя бы на своем pet-project попробовать любой из аналитических инструментов. Вам это даст новый опыт и больше понимания происходящего 🙂

Подключали аналитику?
❤️ - конечно
🔥 - ещё нет, но попробую

Ну и делитесь своими историями, когда аналитика оказалась полезной для вашего проекта 🤝

#frontend_mylife

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

Мы плюс-минус на финальной стадии по переезду с Vue2 на Vue3. Но в итоге сомневаюсь, что релизнемся в этом году.

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

В итоге можно сказать, что в сроки не уложились, но зато вылизываем все тщательно и текущий код (по крайней мере фронтовая часть) стала намного лучше в плане поддержки 🙂

#frontend_useful

Интересное видео на тему того, как распознавать лица людей с помощью JS 🙂

https://www.youtube.com/watch?v=cGFKc-XRYKQ