Если бы я была дилжитал художником, то подумывала бы о смене профессии) Может и фронтов когда-нибудь заменят) Только осталось научить нейронки понимать бизнес требования заказчика😅

Всем привет! Запись митапа. Темы: 1. Легаси 2. Типизированный CSS 3. Feature-Sliced Design https://youtu.be/M7M5eaWB7kM

Всем привет! В процессе составление таблицы по фронтовым hard skills. Плюс отметила темы, по которым спрашивают на собесах https://docs.google.com/spreadsheets/d/1aLmPX4VA4yh3n8hMD-OS-N99U-Yw8JcfrJAQe416V-U/edit?usp=sharing

Всем привет! Дублирую пост из Инсты, так как не всем там удобно читать. Краткая интерпретация доклада с YATalks. Полностью можно посмотреть тут https://www.youtube.com/live/NQe-oAAvQmY?feature=share
⠀
Мы с вами все еще находимся в пространстве Web 2.0, поэтому когда вы видите в очередном стартапе приписку Web 3, это больше про маркетинг и привлечение пользователей и инвесторов. Тем не менее есть ряд технологических инициатив, которые развиваются сейчас и лягут в основу Интернета будущего:
⠀
1. Децентрализация данных. Один из примеров проекты на блокчейне. Вся информация хранится у всех пользователей, а не на отдельном сервере.
⠀
2. Искусственный интеллект. Пример всеми обсуждаемые чат боты. Не призваны заменить людей, а работать эффективнее быстрее и точнее в коллаборации. Например ставить диагнозы или писать программы.
⠀
3. Открытый исходный код для большинства софта. Позволит предотвратить случи, когда какая-то компания условно может превратить ваш Айфон в кирпич.
⠀
4. Свобода мнения в сети как следствие децентрализации.
⠀
5. Некастодиальные кошельки. Когда компания (банк) владелец счета не имеет доступа к вашему пин коду. Ваш личный единый кошелек для всех сервисов.
⠀
6. Смарт-контракты для подтверждения различных операций. Например выдать вам кредит или нет будет решать алгоритм, а не человек.
⠀
7. Голосование на основе смарт-контракта, 100% гарантия выполнения обещания, которое выбрано большинством. Невозможно фальсифицировать результат голосования.
⠀
8. Метавселенные. Будут использоваться массово, когда появится дешевый способ доступа.
⠀
9. NFT позволит добавить на любой ваш продукт уникальный токен. Может использоваться для защиты авторских прав например.
⠀
Общая тенденция, которая будет развиваться благодаря Web 3.0 и не только это децентрализация общества и расслоение его на отдельные сообщества. При этом отдельный человек может состоять одновременно во многих сообществах.
⠀
Думаю что будет интересно, если доживем😅 Интересно узнать ваше мнение о новых технологиях и будущем Интернета и его пользователей. Делитесь мнением в комментах👇

Кто и кого нанимает на работу в IT в 2023? (Часть 1)

В посте делюсь своим видением на то как выглядит найм в русскоязычном IT сегменте в 2023 году. Исходя из анализа статей и личных наблюдений моих и коллег из сферы.

Кто нанимает в России:

- Российские IT гиганты. Yandex, Sber, VK и др.

- Компании, которые пришли на место ушедшим, например в сфере облачных сервисов.

- Гос компании.

Кто нанимает за рубежом:

- Аутсорс компании, работающие с иностранными заказчиками.

- Стартапы с иностранным финансированием.

- Иностранные бизнесы, имеющие свой IT отдел.

Зарубежные страны куда релоцировались компании из РФ и соответственно нанимают русскоговорящих: Армения, Кипр, Грузия, Турция, Казахстан, ОАЭ.

Кто и кого нанимает на работу в IT в 2023? (Часть 2)

Требования к соискателям.

1. И в России и за рубежом много вакансий для разработчиков мидл+, синьор, лид. Происходит перераспределение кадров, кто-то выехал из РФ и ищет работу за границей в уехавших компаниях, а кто-то занимает их место на позициях в РФ.

2. Тенденция на удержание ключевых сотрудников. Несмотря на то что некоторые компании требуют работы только из РФ, например VK, другие компании разрешают своим синьорам работать удаленно и даже открывают офисы в других странах.

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

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

5. Найти работу за рубежом проще если человек уже выехал и имеет ВНЖ, визы на въезд, пребывание в других странах. Релокация под ключ из РФ доступна для топовых кандидатов, так как это затратная по времени и ресурсам операция.

6. Отпадает вариант работать из РФ на иностранную компанию.

7. Время трудоустройства в среднем от 3 месяцев для опытных специалистов.

8. Для джунов ситуация с поиском остается стабильно сложной. По некоторым данным до трудоустройства новичок может отправить от 200 до бесконечности откликов. 

Что поможет устроиться начинающим:

- Рассматривать вакансии в том месте где вы находитесь физически, в том числе с полным рабочим днем в офисе.

- Набираться опыта на пет проектах. Да этот опыт тоже считается и его можно описать в резюме.

- Рассматривать стажировки как первый опыт. При этом помните, что стажировка это работа и чтоб на нее попасть нужно также пройти собеседование.

- Рассчитывать на небольшую ЗП на старте.

Сптсок каналов с ИТ вакансиями https://geekjob.ru/content/channels

Привет всем! Новая рубрика - "Полезные ресурсы"!

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

Вот несколько ссылок, которыми я хотела бы поделиться:

Атрибут HTML-тегов role: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles. Он используется для улучшения доступности и может помочь сделать элементы вашего сайта более кликабельными и удобными для использования.

MIME-типы: https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types. Я использовала этот ресурс на прошлой неделе для парсинга HTML-страниц и исключения скриптов с определенным типом. Он может быть полезен для работы с различными типами файлов и скриптов на вашем сайте.

Шпаргалка по командам Docker: https://habr.com/ru/company/flant/blog/336654/. Если вы работаете с Docker, вам обязательно стоит заглянуть на этот ресурс. Я недавно использовала его, когда столкнулась с проблемой остановки и перезапуска контейнера.

Правильное использование useEffect в новой версии React: https://react.dev/learn/you-might-not-need-an-effect. Этот ресурс поможет вам лучше понять, как использовать useEffect в React и улучшить производительность вашего кода.

Треки по работе с NodeJS и Express: https://youtu.be/8bE_PBRriyU и https://youtu.be/3aGSqasVPsI. Если вы только начинаете изучать серверный JS, эти ресурсы помогут вам освоить NodeJS и Express.

Тестирование регулярных выражений: https://regexr.com/. Этот ресурс поможет вам проверить регулярные выражения, которые вы используете в своем коде.

25 каналов для разных ИТ-профессий и более 100 новых вакансий ежедневно: https://geekjob.ru/content/channels. Если вы ищете работу в IT, этот ресурс может оказаться полезным.

Интервью с основателем компании, который занимается ИИ Дмитрием Мацкевичем: https://www.youtube.com/live/uZIVpp9OYAM?feature=share. В этом интервью обсуждаются преимущества и опасности искусственного интеллекта, а также его возможности в будущем.

Было полезно? Оставляйте реакции и пишите комменты!😉

Привет всем! Еженедельный дайджест полезных ресурсов №2

Статья на Habr о том, что такое микрофронтенды и для чего они нужны, а также плагин для Webpack Module Federation: https://habr.com/ru/company/deliveryclub/blog/653047/

Видео на YouTube с супер понятным объяснением настройки Module Federation и создания микрофронтов на React клиенте с примерами за 10 минут: https://youtu.be/s_Fs4AXsTnA

Продвинутый курс на YouTube об архитектуре микрофронтового приложения: https://youtu.be/4b9LSUZjtzE

Документация React 18 о SSR (серверном рендеринге) и его использовании: https://react-redux.js.org/api/provider#react-18-ssr-usage

Дополнительно статья на Habr о том, что такое гидратация в Реакт приложениях с серверным рендерингом. Это будет полезно для тех, кто использует СЕО в своих проектах: https://habr.com/ru/post/515100/

Важный совет об устранении уязвимостей в коде: генерация URL посредством конкатенации не является безопасной, лучше использовать API для генерации URL. Например, можно воспользоваться этим ресурсом: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL

А еще на следующей неделе наша компания организует очередной бесплатный ИТ митап в Ереване😃 https://news.1rj.ru/str/optimaxdev/240

Всем привет!

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

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

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

В первый месяц мы будем работать над созданием лендинга с виджетом формы обратной связи и сообщением в попапе. Также мы разработаем еще один виджет на ваш выбор или из предложенных мной. Во втором месяце мы создадим сайт-портфолио на JS или React.

Осталось всего 1-2 места, старт проекта - 1 мая. Следующий поток будет доступен не ранее июля. Более подробную информацию о программе менторства можно найти на сайте http://webinsidepro.tilda.ws/consult.

Если у вас возникнут вопросы или вы захотите записаться на проект, пишите мне в личные сообщения @elis_kry или заполните форму на сайте 😉

Всем привет! Дайджеста полезных ресурсов №3.

Технологии:

На текущем этапе работы мы в компании активно переходим с использования библиотеки reach/router на react-router для маршрутизации в наших React-приложениях. Подробнее о преимуществах этого перехода можно узнать здесь: https://reactrouter.com/en/main/upgrading/reach.

В настоящее время стандартом для тестирования React-компонентов на фронте является библиотека Testing Library. Эта библиотека предоставляет лучшие практики для тестирования и рекомендует использование userEvent для имитации событий на элементах вместо fireEvent. Примеры и подробности можно посмотреть по следующим ссылкам:
https://testing-library.com/docs/dom-testing-library/api-events/#fireevent
https://testing-library.com/docs/ecosystem-user-event/

Кроме того, недавно при работе я столкнулась с использованием классовых компонентов и подключением Redux с помощью connect. Однако существует и другой способ, который является рекомендованным для функциональных компонентов. Подробнее можно узнать по этой ссылке https://react-redux.js.org/api/connect.

Интересное:
Я также хотела порекомендовать вам просмотр видеозаписей с недавней фронтенд-конференции HolyJS. Вы можете найти записи конференции по этой ссылке https://www.youtube.com/watch?v=GbJQLj_YerI&list=PL8sJahqnzh8I1uVkTypmYzQnLyFFSzIRU.

#дайджест_фронтенд

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

Менторинг проходит в закрытом канале Телеграм, на котором я выкладываю все материалы.

От меня вы получите:
1. Видео по макету, который прикреплен к этому сообщению.
- Развертывание и архитектура проекта;
- Разработка простых и интерактивных компонентов, например карточки, навигация, форма;
Часть компонентов нужно будет делать самостоятельно, по желанию можно выбрать свой макет и сделать по нему, опираясь на мои видео.
2. Ссылки на материалы для изучения.
3. Ответы на вопросы в чате.
4. Созвон раз в неделю, где будем обсуждать вопросы и прогресс по проекту.

Набираю группу до 6 человек, часть мест уже заняты участниками предыдущего менторинга. Стоимость от 10000 руб за месяц менторинга. В результате вы получаете готовый проект портфолио на Реакт и знания по работе с этим фреймворком.

Сейчас я определяюсь с датой проведения и уровнем участников, если вам интересно участие в проекте, заполните пожалуйста короткую форму предзаписи https://forms.gle/WWXhkyFABwk1R6bA8

Если у вас есть вопросы по менторингу, пишите в директ @elis_kry

Всем привет! У меня к сожалению не всегда хватает врмени, чтоб вести все свои каналы) Сейчас в Инсте веду цикл видео по Реакт. Нужно ли дублировать сюда? Если да, поставьте любую реакцию на это сообщение😉