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

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

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

  • Frontender's notes

    Алоха, товарищи фронты!  Тут AvitoTech запустил проект «По домам», в котором frontend-разработчики рассказывают о работе в компании и о профессии. В этом проекте техлиды и обычные разработчики дали небольшие интервью, которые будут интересны спецам из сферы frontend, а также тем, кто хочет узнать, как это — работать в IT-гиганте и как туда попасть.  Смотрите первое интервью с ведущим инженером команды Frontend Architecture по ссылке: clc.to/Y8jx3w
    По домам: фронтенд – Андрей Ваганов

    «По домам: фронтенд» — это новое шоу от сообщества инженеров Авито. В нашей команде работают совершенно разные люди: у каждого свой опыт, своё видение разработки и свои любимые фреймворки. Но нас объединяют любовь к фронтенду и работе в Авито. Раз в неделю мы будем рассказывать о своих проектах: что мы делаем каждый день, какие задачи нас зажигают, какие технологии мы используем. А ещё поговорим о корпоративной культуре Авито и о себе в компании. Этот выпуск про Андрея Ваганова — ведущего инженера команды Frontend Architecture и одного из лидеров Frontend-сообщества AvitoTech. Он расскажет про изучение AST-деревьев и развитие опенсорса, фундаментальную литературу для фронтендера и нетоксичную культуру Авито. 00:00 Интро 00:46 Как попал в IT? Первая работа в IT? 01:50 Кем работаешь и чем занимаешься в Авито? 02:45 Какие технологии/библиотеки тебе нравятся? 04:25 Что хочешь изучить в 2022 году? / Что стоит изучить в 2022 году? 05:08 Расскажи, как ты учился? 06:09 Назови три лучших книги/ресурса/статьи. 07:07 Как писать стили, какой инструмент выбрать? 08:10 Опиши стэк для идеального приложения? 08:58 Задача мечты? / Проект мечты? 09:34 Почему ты работаешь в Авито? 10:37 Какие есть pet-проекты? 10:57 Последние 3 фичи, которые ты втащил? 11:51 Если не фронтенд, то ... AvitoTech — это команда инженеров Авито. Подпишитесь на наш канал, соцсети и блоги, чтобы узнавать больше о технологиях Авито 👇🏻 ВК: https://vk.com/avitotech Телеграм: https://t.me/avitotech Хабр: https://habr.com/ru/company/avito/ Медиум (eng): https://medium.com/avitotech Гитхаб: https://github.com/avito-tech/ Сайт: https://avito.tech/

    YouTube
  • Frontender's notes

    Ребятки, небольшое дополнение к предыдущему посту. .requestSubmit() это довольно свежий метод, и хоть он работает почти везде но тем не менее нужно иметь ввиду что где-то может не работать. Вот ссылочка на caniuse ресурс. Ну и вот полифил: const form = document.querySelector("form"); if (form.requestSubmit) { form.requestSubmit(); } else { form.submit(); } #shortread #js
  • Frontender's notes

    Новая фича при использовании форм в JS или submit() vs. requestSubmit() Алоха товарищи фронты! Недавно в недрах интернетов я случайно нарыл инфу о таком событии в JS как requestSubmit(). Отличий не так что бы совсем много но они довольно интересны. Допустим у нас есть такая форма: <form action="/changename"> <label for="name">Name</label> <input type="text" id="name" required> </form> <button>Change name</button> const btn = document.querySelector('button'); const form = document.querySelector('form'); btn.addEventListener('click', function () { form.submit(); }) Мы видим что у поля name есть аттрибут required. Как сработал бы обычный .submit() в том случае если значение name отсутствует. Он подстветит нам ошибку но при этом отправит форму так как его не совсем волнует валидна форма или нет. Как сработает .requestSubmit(). Он подсветит нам ошибку и форму не отправит до тех пор пока форма не будет валидна. В общем вот, удачных экспериментов! #shortread #js
  • Реклама

  • Frontender's notes

    ​​Как стать мидл фронтенд-разработчиком и устроиться в продуктовую компанию? Мы связались с разработчиками из Тинькофф, «Вконтакте», «Проксиматики», PetShop и EPAM и узнали, кого они видят в качестве мидл-фронтендера у себя в компании. Во всех компаниях фронтендеры выполняют разные задачи. Где-то они разрабатывают интерфейсы, где-то программируют логику работы веб-приложений, а где-то совмещают обе задачи — в статье мы посмотрим на общую картину. Перейти к статье 📝 А оценить свой уровень знаний и узнать, насколько вы готовы к собеседованиям, можно здесь – https://vk.cc/cgmGvB
  • Frontender's notes

    ​​Долги, рекомендации и социальные сети: как нас проверяют при приёме на работу С проверками службы безопасности при трудоустройстве сталкивались 72% жителей России, а в ИТ-сфере — 74% кандидатов на вакансии. Это распространённая практика, но не все соискатели понимают, что конкретно ищут работодатели и зачем. Об этом мы расскажем в нашей статье. habr.com/en/comp…g/687256 #career
  • Frontender's notes

    ​​Онлайн-митап «Асинхронный рендеринг в React 18 и принципы практичного рефакторинга» ⏰ Дата и время: 15 сентября, 14:00 (по МСК), четверг. Программа митапа: 🎙Рефакторинг. Как поджечь свой велосипед и не пожалеть об этом? Рассмотрим проблему техдолга под разными углами, поговорим о том, что учитывать и какие практики использовать, чтобы обойти подводные камни, уменьшить риски и держать ситуацию под контролем, обсудим какие аргументы уместно предоставить менеджеру, чтобы развеять его опасения. 🎙Чудеса асинхронного рендеринга Рассмотрим под лупой асинхронный рендеринг в React - проведем краткий экскурс в его историю, путь становления от экспериментальной фичи до полноценного появления в React 18, посмотрим на текущее состояние, что его ждет в светлом будущем и причем тут fiber. 👉 Регистрация: по ссылке. До встречи 🔥
  • Frontender's notes

    ​​Продвинутые хуки в React: всё о UseEffect В этой статье рассмотрим советы и приёмы, которые помогут более профессионально написать код на React. Читать... #react
  • Frontender's notes

    ​​Обязан ли разработчик развиваться? Из каждого утюга раздаются возгласы, что разработчик должен развиваться день и ночь, ведь у нас такая профессия! Каждый должен обладать солидным профилем на гитхабе, для чего, придя домой после дня работы, обязан контрибутить в опенсорс-проекты. Впрочем, отдохнуть тоже можно — например, запустив в перерыве свой пет-проект и поучаствовав в хакатоне. Ночью можно совсем расслабиться и понабивать себе профиль в литкоде, а во время походов в туалет — прочитать пару статей. Но действительно ли всё это надо? Разработчик в самом деле обязан проводить всё своё свободное время за написанием кода? А обязан ли разработчик постоянно развиваться? Читать... #career
  • Frontender's notes

    ​​Образовательная платформа Хекслет объявляет набор на подготовительный курс по JavaScript! Даём только мясную и прикладную информацию. Никакой воды и траты твоего времени. Не важно, сколько вам лет, какое у вас образование и кем вы работаете сейчас. Начать учиться программированию никогда не поздно. По окончании 14-дневного курса ты уже владеешь базовым знанием языка и даже напишешь собственную программу! Прямо сейчас переходите по ссылке ниже и бронируйте место, мы стартуем 15 сентября!
  • Frontender's notes

    ​​10 задач с JavaScript Promise для подготовки к собеседованиям Promise — это отличительная особенность JavaScript как асинхронного языка программирования. Нравится вам это или нет, понять его в любом случае придется. В этой статье автор приводит 10 примеров кода с Promise, начиная от базового уровня заканчивая продвинутым. Готовы? Начнем! Приступить к задачкам... #longread #tasks
  • Frontender's notes

    ​​TypeScript: разбираем исходный код Radash Radash — это современная альтернатива Lodash, библиотека, предоставляющая набор часто используемых утилит (вспомогательных функций), реализованных на TypeScript. В данной статье мы вместе с вами разберем исходный код нескольких наиболее интересных утилит. Репозиторий с кодом библиотеки находится здесь. Читать статью... #longread #ts
  • Frontender's notes

    ​​Умение контролировать эмоции и не поддаваться на манипуляции, выстраивать последовательную аргументацию и договариваться с клиентами и коллегами — навыки, которые могут помочь любому специалисту в работе и любому человеку в жизни. Чтобы их освоить, не обязательно учиться годами — Практикум приготовил девятидневный интенсив «Навыки аргументации для руководителей».  За 9 дней будет 4 воркшопа и много практики под контролем опытных наставников — практикующих управленцев или тренеров из бизнеса. Вы научитесь:  ◾устанавливать контакт с людьми;  ◾выстраивать аргументацию;  ◾рационально отвечать на критику;  ◾распознавать и пресекать манипуляции.  Старт следующего потока — 15 сентября. Это последний поток по старой цене — с 25 сентября будет на 5 000 ₽ дороже.  Узнать больше об интенсиве и начать учиться →
  • Frontender's notes

    ​​Кто-нибудь, объясните мне прелесть tailwind Интересное мнение на тему tailwind css. Рекомендую так же посмотреть комментарии в статье. Читать... #longread #tailwind
  • Frontender's notes

    ​​Как написать кроссбраузерное расширение в 2022 году В один прекрасный день ко мне пришли менеджеры и сказали, что нужно написать браузерное расширение для внутреннего джобборда. Оно должно взаимодействовать с сайтами avito и hh, чтобы добавлять кандидатов в HR-систему, не скачивая и не вбивая вручную контакты из резюме на сайте. Как человек, который ни разу не писал подобных вещей, расскажу о своем пути, о том с какими проблемами столкнулся и к каким пришел решениям. Читать... #longread
  • Frontender's notes

    ​​Web Dev [world] - англоязычный канал со статьями и новостями о веб разработке. Вам сюда: 👉 @frontend_international В общем добро пожаловать!
  • Реклама

  • Frontender's notes

    ​​Велосипедим Promise на TypeScript Идея написать собственную реализацию Promise возникла в процессе подготовки к интервью, поскольку необходимость не просто разобраться в инструменте, а воссоздать его более менее точное подобие, требует куда более глубокого погружения в тему. Исходный код с тестами доступен по ссылке, данная статья - возможность для автора еще лучше консолидировать полученный в процессе опыт и, возможно, открыть что - то новое для читателя, который регулярно использует промисы на практике. Читать статью... Исходный код... #longread
  • Frontender's notes

    Когда оставили стажера без присмотра
  • Frontender's notes

    ​​Найти вероятность выпадения k (сумма выпавших значений) при бросании n кубиков [часть 2] В предыдущей статье был описан способ нахождения делимого вероятности выпадения какой-то суммы чисел на кубиках при помощи многократной свёртки последовательности на саму себя. Иными словами, многократное умножение в столбик последовательности на само себя. Однако, дальше в статье я буду применять два словосочетания "свёртка последовательностей" и "умножение в столбик" совместно, т.к. первое — корректное описание операции, а второе отвечает за наглядность и простоту восприятия. Читать... #longread #algorithms