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

Осталось три места Пока писал, осталось 2 🙂

Особенно порадовало:

✅ На интенсив идет человек, который в прошлый раз забрал призовой фонд 🔥 То есть, как говорится, будет защита титула 😄😄 Интересно, получится ли сместить с вершины этого участника)

🚀 Пара человек идет уже в третий раз)

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

Напоминаю, что для записи пишите в личку @alexbelkevich ❤️

#frontend_post

Даю слово, этот пост был в планах и это не прогрев к интенсиву, но хочется рассказать маленькую историю со времен, когда я был ещё HTML-верстальщиком 😃

Работал я удаленно в небольшой Ярославской компании (ну точнее как небольшой. Компания немаленькая, но IT-отдел полтора землекопа).

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

Попробовав Angular по документации я понял, что для моего мозга, который недавно только div по центру выравнивал, это тяжело.

Первым шагом я стал подтягивать JS. До этого я очень много писал на jQuery, но это не нативный JS. JQuery многое упрощал, особенно работу с DOM.

Подняв свой уровень, я опять вернулся к выбору фреймворка и наткнулся на Vue. Стал изучать по зарубежным курсам на Udemy. Вроде бы сделал проекты даже свои, положил в портфолио и стал искать вакансии.

Мне очень понравилось описании школы LoftSchool (можете загуглить про них) и они тогда себе искали Frontend-разработчика со знанием Vue (Vue2 только набирал обороты и если ты знаешь базу фреймворка - найти работу было несложно).

Я откликнулся, мне дали тестовое. Честно, я думал, что влечу в компанию с двух ног. Тестовое - легчайшее. Возьми даннные, сделай фильтр по ним, покажи это все в таблице. Что могло пойти не так? К примеру, всё!

Я отправил тестовое и мне пришел отказ. Я попросил дать обратную связь. Созвонились с лидом и он мне все показал, объяснил. Мой шок был вселенского масштаба.

База, которую я думал, что знал идеально, я не знал вообще. Я банально не понимал концепцию фреймворка и сделал все для того, чтобы производительность проекта (если дать туда не 10 строк данных, а 1000) - пойдет ко дну семимильными шагами.

Этот фидбэк мне очень помог. Спасибо человеку, который потратил на меня 40 минут времени и рассказал, что к чему. Он мне сэкономил кучу часов, которые я мог потратить на создание неэффективного кода, получить ещё пачку отказов и так и не понять, почему.

Самое интересное, что даже у middle-разработчиков я нередко нахожу ошибки, которые я делал тогда.

Так что если у вас есть шанс проверить свои навыки, свои знания - пользуйтесь им.

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

А вы можете рассказать про свои факапы на собеседованиях) Интересно будет почитать 🙃

Половина мест уже разобраны! Быстро вы 👍👍👍

#frontend_useful

И так, по поводу интенсива 🙃

Обычно я делал одну задачу по верстке, одну - по JS. Но кому интересно пилить лендинги, если можно заняться логикой?

Будет 2 задачи:

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

2. Создание RSS-ленты Telegram-канала. Это интересная задача, в которой вы поработаете с РЕАЛЬНЫМ API, а не с моковым сервисом. Базовая задача - вывод сообщений и даты публикации. Но никто не мешает добавить отображение прикрепленных к постам файлов, изображенией и т.п. Придется погуглить, чтобы разобраться в API Telegram, но оно того стоит 🚀

Обе задачи 100% научат вас чему-то новому.

Интенсив будет проходить с 4 октября по 18 октября.

Формат работы:

1. Будет закрытый чат, в котором можно спокойно делиться своими наработками и помогать другим 🐰

2. На сдачу работ у вас есть 2 попытки. Если со второй попытки что-то не так - не расстраивайтесь. Фидбэк я все равно дам. Самое важное - это получить обратную связь и понять свои ошибки. Задания проверяются быстро - в течении суток ❤️

3. Работы можно делать на JS/TS, React, Vue

Цена: 4000 рублей. Инфляция нас не коснулась 😁

Призовой фонд: 8000 рублей. Участник с лучшими работами не только отобьет участие, но и заработает. На мороженку, но все равно приятно🙂

Все вопросы можете писать в личку @alexbelkevich. Ну и для брони места туда же 🙂

При бронировании места указывайте на каком стеке будете делать задания 🙂

Количество мест ограничено, чтобы каждому выделил время 🚀

#frontend_mylife

Не могу не поделиться покупкой)

Прикупил на днях Nintendo Switch. Дома есть PS5, но как-то ничего нового интересного пока не выходит, а чем-то вечерами или в свободное время заняться хочется 😃

Интересный опыт, такого форм-фактора у меня ещё не было)

P.S. Скорее всего сегодня или завтра дам больше инфы по интенсиву 🙃 Не переключайтесь 😁

Как на счет двухнедельного интенсива?

Уже дважды проводил его и от участников был положительный фидбэк 🙂 К примеру, вот отзывы с первого

2 задания, призовой фонд (не только покроете участие, а еще и заработаете на своих навыках)

Отмечайся, если интересно поучаствовать 🙂

#frontend_news

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

Смс-подтверждение на старые аккаунты еще работает, но кто знает.

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

В любом случае:
- Сделайте резервные копии
- В настройках аккаунта сохраните резервные коды
- Сделайте вход в аккаунт по приложению Google Authenticator

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

#frontend_post

UX/UI — это не только для дизайнеров. Почему разработчику важно это понимать?

Давайте сначала для тех, кто вообще не знает что это:

UX-дизайн (User Experience — «пользовательский опыт») отвечает за то, как интерфейс работает.

UI-дизайн (User Interface — «пользовательский интерфейс») отвечает за то, как интерфейс выглядит.

Многие думают, что UX/UI - это исключительно зона ответственности дизайнера, но это не так.

✅ Лучшее взаимодействие с дизайнерами

Разработчику, который понимает принципы UX/UI, проще общаться с дизайнерами и предлагать решения, которые легче реализовать технически, но при этом сохраняют удобство для пользователя.

✅ Оптимизация производительности

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

✅ Код с учетом различных устройств

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

Для бизнеса тоже важно, чтобы разработчики были не в стороне и обсуждали или даже спорили с дизайнером.

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

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

Давайте не забывать, что разработчики - это не просто те, кто делают то, что им скажут. Мы должны участвовать в обсуждении и влиять на конечный результат.

Ну а если не согласны или есть чем дополнить данный пост - комментарии открыты 🙂

#frontend_useful

Пришел к вам с полезным сервисом https://www.jsondataai.com

Суть в том, что с помощью ИИ вы можете сгенерировать нужный JSON и дальше обратиться к нему по API.

К примеру я сделал строку для генерации данных

I need several Russian football clubs with players, city and coach

В итоге получил данные с 10 объектами (устаревшими, но не так важно для тестовых данных):

[
  {
    "city": "Moscow",
    "coach": "Leonid Slutsky",
    "name": "CSKA Moscow",
    "players": [
      "Igor Akinfeev",
      "Alan Dzagoev",
      "Fedor Chalov"
    ]
  },
  {
    "city": "Saint Petersburg",
    "coach": "Sergei Semak",
    "name": "Zenit Saint Petersburg",
    "players": [
      "Andrey Lunev",
      "Daler Kuzyaev",
      "Sardar Azmoun"
    ]
  },
 …
]

Ну и получить эти данные можно при помощи «ручки»

curl --request GET \
   --url 'https://www.jsondataai.com/api/U6N0F2o'

По мне, так довольно полезный сервис для генерации данных. Если лень моковые данные придумывать)

#frontend_humor

Есть ещё примеры? 😁

#frontend_mylife

Несколько раз пытался перейти на Webstorm. Как-то не срасталось: неудобные хоткеи, какой-то неудобный merge и в целом работа с git и так далее.

Но тут одним днем решил просто взять и попробовать внимательно пропылесосить настройки/почитать документацию и оказывается Webstorm вполне себе отличный инструмент для работы 😊

Одно но - пока еще не поставил AI помощника, как в VS Code. Надо это недоразумение исправить)

Вы на какой стороне?

❤️ - VS Code
👍 - Webstorm
😄 - Sublime, VIM, Atom и прочее)