Обложка канала

Frontender's notes. Страница 20

Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.

  • Frontender's notes

    ​​Пишем API автотесты на TypeScript + Playwright В данной статье мы разберем, как писать API автотесты на языке TypeScript + Playwright. Читать...
  • Frontender's notes

    ​​Строчки кода, изменившие планету! Среди миллиардов строк кода порой встречается та, что меняет жизнь человечества. В общем всем привет! На ютуб канале IT самозванец вышел видос в котором рассказывается о исторических строках кода когда либо написаных ранее. Рекомендую к просмотру это небольшое и интересное видео! Читать...
  • Frontender's notes

    ​​Зачем индустрии IT необходимы архитекторы и как стать экспертом в этом направлении? Узнаешь на ближайшей лекции Digital Лектория Газпромбанка.  Владимир Григорьев, Архитектор стрима «Розничный Миддл» в Газпромбанке, расскажет о: — истории и причинах появления специальности ИТ-архитектора  — разных видах ИТ-архитекторов и требованиях к специалистам — специализации и работе ИТ-архитекторов — роли ИТ-архитектора в Газпромбанке. Регистрируйся и присоединяйся к лекции «Карьера IT-архитектора: что нужно знать новичкам о профессии» — www.gpbspace.ru/digital…all-form
  • Реклама

  • Frontender's notes

    ​​Angular — API композиции директив Поговорим о новом (уже старом) способе управления директивами в Angular Читать...
  • Frontender's notes

    Как я копаюсь в новом проекте, часть 2 Недавно я писал о том что на работе перешел на новый проект и что на нем мне предстоит работать над производительностью. Так вот, еще одним моим решением было переводить проект на react-query, так как это очень удобная на мой взгляд библиотечка для работы с запросами. Большой ее плюс заключается в том что она еще и умеет кешировать уже полученные данные если нужно, и нам не нужно делать перезапрос до тех пор пока мы уверены в том что данные в базе не изменились. Мне показалось все это супер клево, особенно в купе с использованием хуков. Раньше у нас использовались такие конструкции (просто элементарный пример) Promise.then((data) => { // запустить loader // обработать data // еще 20 строк кода // сохранить данные в redux стейт // вырубить loader }) Причем эти запросы вызывались из нескольких разных мест в компонентах и соответственно вся эта логика дублировалась множество раз. Теперь это все красиво выполняется в одном месте, в хуке react-query с запросом + избавился от некоторых лишних запросов благодаря кешу, и в перспективе я уже знаю еще кучу мест в компонентах где можно будет сделать тоже самое. В общем могу порекомендовать как минимум почитать про эту библиотечку на перспективу если вы еще с ней не знакомы а использовать или нет вам конечно виднее.
  • Frontender's notes

    ​​Как заработать на своих проектах внутри ВКонтакте? У вас есть идея сервиса, которым в перспективе могут пользоваться миллионы людей? Или, может, вашим сервисом уже пользуются? В любом случае VK Mini Apps приглашает на ежегодный митап, где расскажет вам, как зарабатывать на своих проектах внутри ВКонтакте. Из докладов вы узнаете о возможностях открытой платформы VK Mini Apps, что нового платформа мини-приложений сделала для разработчиков и планах на ближайшее время. Чтобы послушать доклады, можно присоединиться к к трансляции, либо зарегистрироваться и прийти непосредственно в офис ВКонтакте. Зарегистрироваться
  • Frontender's notes

    ​​7 интересных API на JavaScript для создания веб-сайтов, о которых вы (скорее всего) не знали В связи с быстро меняющимися технологиями разработчикам предоставляются невероятные новые инструменты и технологии. Но было замечено, что различные функции и возможности API не так активно используются, и многие даже не знают о них. Давайте взглянем на некоторые полезные веб-API, которые могут помочь вам поднять ваш сайт до небес! Читать...
  • Frontender's notes

    ​​Javascript: базовые вопросы и понятия для самых маленьких Javascript ― язык весьма оригинальный. Его можно любить, ненавидеть и даже бояться, но равнодушным он вас вряд ли оставит. Не знать или не понимать, с чем ты работаешь ― самая частая ошибка, допускаемая современными фронтенд‑разработчиками. Вам бы понравилось, если бы дантист, к которому вы пришли, не понимал, какой он инструмент использует и какие у него особенности работы? Очевидно, что нет. И рано или поздно, если вы действительно хотите стать профессионалами, вы разберётесь во всём, но как сделать так, чтоб это случилось раньше? Читать...
  • Frontender's notes

    ​​🔥Тест по JavaScript от OTUS 🔥 Ответьте на 20 вопросов и проверьте, насколько вы готовы к обучению на курсе - «JavaScript Developer. Professional» 👉 ПРОЙТИ ТЕСТ https://otus.pw/T6uM/ 💣 Пройдете тест и получите: ✔️ Живое общение с экспертами JavaScript-сообщества ✔️Получите видео-курс по Git в подарок ✔️ Лучшие открытые уроки прошлых наборов курса ✔️ Продвинутые темы и практика на «боевых» задачах уровня Middle+ ✔️ Скидку на прохождение онлайн курса «JavaScript Developer. Professional» Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru
  • Frontender's notes

    ​​Что должен уметь Frontend разработчик в 2023 году (+Roadmap) С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов, рынок труда в IT перенасыщается, из-за чего потребности в навыках специалистов тоже выросли. Теперь от разработчиков даже требуют уметь программировать, я знаю, это ужасно... Это не говорит о том, что сейчас в IT идти смысла нету, этот факт лишь говорит о том, что повысилась конкуренция. Я лично считаю, что такая ситуация наоборот благосклонно влияет на весь мир в целом, так как конкуренция порождает прогресс. А для вас это дополнительный стимул стать еще более востребованным специалистом и сильной личностью. Читать...
  • Frontender's notes

    ​​Ты не работаешь в офисе: подборка статей для удалёнщиков Сейчас многие сотрудники продолжают переходить на удаленную работу, находят удаленные проекты, устраиваются в офисы, где принят home office. И они обязательно сталкиваются с растерянностью, опасениями и даже страхами. Между тем есть немало хороших статей, которые буквально протягивают руку поддержки. Читать...
  • Frontender's notes

    ​​Интересно делай, интересно будет И снова привет! За время моей работы в IT сфере я пару раз уже бывал где-то на грани выгорания, когда вот работать прям совсем не хочется, все надоело и работа становилась скучна. Со временем я выработал для себя одно простое правило. Правило такое: стараюсь решать задачи не накатанным способом, если конечно это не идет в разрез с бизнесом и задачу не нужно решить вот прям сейчас и срочно. Приведу пример: Когда я только начинал работать фронтом я занимался тем что пилил практически одинаковые страницы для маркетинговых компаний с каким то текстом. Мне стало надоедать. В итоге я напилил простой генератор, немного пошаманив с php, который эти страницы сам формировал по информации которую брал из простого конфига. Штуковина не сложная но во мне появлялся какой то азарт и мне хотелось сделать это еще лучше + я почувствовал что шарю в php (нет). В целом подойдет не только для айтишников, раньше я работал фрезеровщиком и каждый день на работе для меня длился вечность. Сейчас я понимаю что и тогда это правило было применимо. В общем как то так, для многих это попса, но даже и попсу периодически стоит напоминать. В общем интересных вам задач, ну а если они муторные то вот это может поможет :)
  • Frontender's notes

    ​​🟡Хардкорный тест по JSОтветьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay. 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru
  • Frontender's notes

    ​​Структуры данных: связный список Сегодня хочу просто и доходчиво рассказать про одну из базовых структур данных, которая может быть полезной при реализации алгоритмов различной сложности, в том числе при решении задачек на собеседованиях. Читать...
  • Frontender's notes

    ​​Алоха товарищи фронты! С недавних пор я на работе перешел на новый проект в котором никогда не было постоянного фронта, а только время от времени брали кого-то на времянку для решения тех или иных задач. В итоге ожидаемо проект оказался сборной солянкой где никто особо не заботился ни о нормальной архитектуре не о производительности. Кому разгребать? Видимо мне :) В общем все это меня подтолкнуло на мысль что вам возможно будет интересно если я буду рассказывать о каких-нибудь своих действиях или идеях и к чему они приводят. Может чего полезного наговорю. Ну так вот, при разборе кода первое на что я наткнулся это не правильно продуманные useMemo и useCallback. Их идея в том что бы определенные функции пересоздавались при рендере только в том случае если меняются переменные которые в этом коде используются. А на практике была куча вот таких вещей: const func = useMemo(() => { const a = propB * stateA; return a; }, [propA, propB, propC, stateA, stateB]) Это просто элементарный пример и как видите мемоизированная функция будет перерисовываться при изменении даже тех переменных которые ей ну никак не нужны. А в моем случае это еще и куски кода размером до 400 строк еще и внутри с запросами... Когда я их разобрал компонент стал заметно быстрее рендериться а еще стало заметно меньше запросов. В общем не надо так делать... Если вам такие посты заходят то тыкните зеленую кнопочку плиз.
  • Реклама

  • Frontender's notes

    ​​Как найти работу в IT без опыта реальных проектов? Есть ли смысл менять профессию после 30-ти? И как сейчас перестать зависеть от зарплаты? Ответы на эти вопросы есть в канале Кинжал🗡 Здесь пишут о работе, деньгах, отношениях в коллективе, психическом здоровье и личном счастье 🔥 Присоединяйтесь!
  • Frontender's notes

    ​​20 уроков, которые я вынес из 20 лет работы программистом Приобретенный за последние двадцать лет опыт сформировал мои взгляды на разработку и привел меня к некоторым выводам — я попытался скомпоновать их в удобоваримый список, в котором вы, надеюсь, найдете что-то ценное для себя. habr.com/en/comp…g/717108
  • Frontender's notes

    ​​Как мы запускали SSP-систему, боролись с высокими нагрузками и прокачивали навыки В этот раз к нам пришел клиент, желавший запустить собственную SSP (Supply-Side Platform). Это система, которая позволяет владельцам отдельных сайтов или целых сетей продавать рекламные места и получать доход от размещения объявлений. У клиента уже был реализован MVP системы, но оставалось еще много работы. Меня зовут Сергей Дербуш, я архитектор в компании «СмартАп Технолоджи». Расскажу о том, что мы доделывали, чтобы система заработала на полную, и как это бустануло навыки всей команды. Читать...