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

Frontend разработчик. Страница 3

12650 @frontend_1

Frontend разработчик. Библиотека электронных книг и статей для frontend разработчиков.

  • Frontend разработчик

    10 ошибок, которых следует избегать при работе с Vue 3 Vue 3 стабилен уже довольно долгое время. Многие компании используют его в продакшене, и всем остальным рано или поздно придется перейти на него. У меня была возможность поработать с ним и я записал свои ошибки, которых вы, вероятно, захотите избежать. fadamakis.com/10-mist…ed8552ae 👉 @frontend_1
    10 Mistakes to Avoid When Starting with Vue 3

    Vue 3 has been stable for quite some time now. Many codebases are using it in production, and everyone else will have to migrate…

    Medium
  • Frontend разработчик

    Если вы фронтенд-разработчик, то чтобы стать еще более универсальным и востребованным нужно постоянно развиваться и приобретать продвинутые навыки. Для этого Яндекс Практикум создал конструктор на основе курсов для фронтенд-разработчиков, где вы можете выбрать только самые необходимые скиллы для своего развития. Учитесь только тому, что вам нужно Продвинутый JS, архитектура, повышение производительности и безопасности веб-приложений В удобное время Выбирайте время для старта обучения и перерывов: каждый модуль запускается 1 раз в месяц C обратной связью На каждом модуле есть индивидуальные или групповые проекты Составляйте свою программу обучения из нескольких модулей и экономьте до 20% от их стоимости. На модули действует прогрессивная скидка: Два модуля - 15% на второй Три модуля - 20% на второй и третий За каждый пройденный этап вы получите сертификат о повышении квалификации. Узнать подробнее можно здесь
  • Frontend разработчик

    Использование директивы NgOptimizedImage для реализации загрузки изображений в Angular Директива NgOptimizedImage в Angular отвечает за реализацию загрузки изображений, сохраняя высокую производительность. Она доступна в Angular v14.2.0. Директива помечена как standalone и может быть импортирована в standalone компоненты и модули. Eng netbasal.com/using-a…69d71ea3 Rus https://habr.com/ru/post/685018/ 👉 @frontend_1
  • Реклама

  • Frontend разработчик

    🔥 Переходите на новый уровень в JS-разработке и разнообразьте свою работу! Пройди тест по JS и проверь как хорошо ты знаешь язык. Ответишь — пройдешь на продвинутый курс «JavaScript Developer. Professional» от OTUS по специальной цене + получишь видео-курс по Git в подарок 👉 ПРОЙТИ ТЕСТИРОВАНИЕ https://otus.pw/7wOM/ Нативная интеграция. Информация о продукте www.otus.ru
  • Frontend разработчик

    Руководство для начинающих по JavaScript async/await, с примерами Ключевые слова async и await в JavaScript предоставляют современный синтаксис, помогающий нам обрабатывать асинхронные операции. В этом учебнике мы подробно рассмотрим, как использовать async/await для управления потоками в наших программах на JavaScript. www.sitepoint.com/javascr…nc-await 👉 @frontend_1
    A Beginner's Guide to JavaScript async/await, with Examples — SitePoint

    Learn all the tricks and techniques for using the JavaScript async and await keywords to master flow control in your programs.

    Sitepoint
  • Frontend разработчик

    Получите высшее образование онлайн! РАНХиГС и Skillbox готовят веб-разработчиков, которые создают сайты, сервисы и приложения. Учитесь очно и заочно онлайн: слушайте лекции и закрывайте сессию, не выходя из дома. В конце обучения получите диплом бакалавра РАНХиГС государственного образца. От Skillbox вас ждут практические задания на основе реальных рабочих задач и помощь в трудоустройстве. Документы и заявление подаются онлайн. Для зачисления нужно предоставить результаты ЕГЭ или пройти вступительные испытания. Преимущества онлайн-бакалавриата со Skillbox: — Учёба из любой точки мира. — Преподаватели — представители индустрии. — Практические работы, основанные на реальных задачах. — Стажировки и помощь в трудоустройстве. — Отсрочка от армии и другие студенческие льготы. Переходите по ссылке и оставляйте заявку на консультацию. Специалист Skillbox поможет разобраться с процедурой поступления и подготовить документы. Подробная информация здесь: https://l.skbx.pro/8P9Vmq
  • Frontend разработчик

    Руководство для начинающих по трассировке Chrome Я занимаюсь производительностью веб-сайтов уже некоторое время, поэтому я провел много времени на вкладке Performance в Chrome DevTools. Но иногда, когда вы отлаживаете сложную проблему с производительностью, вам нужно углубиться. Вот тут-то и приходит на помощь трассировка Chrome. Трассировка Chrome (она же трассировка Chromium) позволяет записывать трассировку производительности, которая фиксирует низкоуровневые детали работы браузера. В основном ее используют сами инженеры Chromium, но она может быть полезна и для веб-разработчиков, когда трассировки DevTools недостаточно. Этот пост - краткое руководство по использованию этого инструмента с точки зрения веб-разработчика. Я не собираюсь описывать все - только необходимый минимум для начала работы. nolanlawson.com/2022/10…-tracing 👉 @frontend_1
  • Frontend разработчик

    Advanced TypeScript WHEN should I use a Generic? REMOVE a member of a Union Type Building LOOSE AUTOCOMPLETE with TypeScript Dynamic function arguments with GENERICS "noUncheckedIndexedAccess" - the BEST config option you've never heard of Using DECLARE GLOBAL for amazing inference Decode search params with TYPESCRIPT ONLY Using EXTENDS to constrain generics Master FUNCTION OVERLOADS with 'compose' Extracting React Props using CONDITIONAL TYPES Все видео www.youtube.com/playlis…playlist 👉 @frontend_1
  • Frontend разработчик

    Коллекция фрагментов кода, которые помогут вам оптимизировать ваши веб-проекты. https://web.dev/patterns/ 👉 @frontend_1
  • Frontend разработчик

    🚨LAST CAAAAALL🚨 PROFBUH HACKATHON | JUNE Закрываем регистрацию на хакатон 19 июня в 23:59⚡️ Кейс: 🔸Автоматическое создание текстовых публикаций на основе записанного видео. Даты хакатона: 23 – 25 июня 2023 года Регистрация - https://clck.ru/34WoHs 🔸2 дня в онлайн-формате 🔸встречи с экспертами, мастер-классы и питчи 🔸крутой командный проект и интересный кейс в резюме 🔸призовой фонд – 300.000₽🔥 Регистрируйся, решай кейс и выигрывай денежные призы и крутой мерч!🏆 Ждём всех! #хакатон #lastcall
  • Frontend разработчик

    React Batching от создания (v0.4.0) до React 18 React Batching - это инструмент, который неявно присутствует в ежедневной разработке, но все же его понимание, может помочь ускорить вашу страницу, а так же объяснить иногда казалось бы странное поведение рендера 00:00 Анонс темы 01:25 Знакомство со спикером 02:44 Задачки по батчингу 07:35 От теории к практике 09:55 Что есть батчинг 11:08 unstable_batchedUpdates 14:15 Пример из реальной жизни 17:14 flushSync 21:31 Redux не решает проблему 24:12 История батчинга 28:38 Вспоминаем React версии 0.4.0 30:00 Благодарность 30:45 Вопросы и Ответы https://www.youtube.com/watch?v=lj0JjbVJPz0 ✍️ @React_lib
    React Batching от создания (v0.4.0) до React 18

    React Batching - это инструмент, который неявно присутствует в ежедневной разработке, но все же его понимание, может помочь ускорить вашу страницу, а так же объяснить иногда казалось бы странное поведение рендера Исходники: React v17 - https://github.com/DmitriyGrosh/react-batching-17v2 React v18 - https://github.com/DmitriyGrosh/react-batching-18 React v0.4.0 - https://github.com/DmitriyGrosh/react4 Для тех кто хочет стать спикером: https://holyjs.ru/callforpapers/?utm_source=tg&utm_medium=social&utm_campaign=post&utm_term=pc_announce&utm_content=batching_cfp Поддержать Айти Синяка можно здесь: YouTube: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q/join boosty: https://boosty.to/sin9k Patreon: https://www.patreon.com/ITSin9k 00:00 Анонс темы 01:25 Знакомство со спикером 02:44 Задачки по батчингу 07:35 От теории к практике 09:55 Что есть батчинг 11:08 unstable_batchedUpdates 14:15 Пример из реальной жизни 17:14 flushSync 21:31 Redux не решает проблему 24:12 История батчинга 28:38 Вспоминаем React версии 0.4.0 30:00 Благодарность 30:45 Вопросы и Ответы Подписаться на канал: https://www.youtube.com/channel/UClgj-KWiNaOo9H1rz1ISO6Q?sub_confirmation=1 Twitter: https://twitter.com/it_sin9k ________________ Канал о Фронтенде, который хочется порекомендовать (telegram): https://t.me/frontendnoteschannel ------------------------- Данный канал создан для инициирования бесед на различные темы IT сферы (социальные / технические), а также для тех кому короткая видео выжимка статьи, выступления на конференции или же просто личных мыслей, являются более удобным форматом

    YouTube
  • Frontend разработчик

    Я.Субботник по дизайну и разработке интерфейсов 001. Как работает автозаполнение в браузерах 002. Фронтенд: Графы. Сборка. Мертвый код 003. CSS для отладки 004. CSS Modules — убрать нельзя оставить 005. Генеративные палитры в дизайн системе www.youtube.com/playlis…playlist 👉 @frontend_1
  • Frontend разработчик

    ❗️ Хотите начать писать автотесты на JS? ⚠️ Приходите 8 июня в 20:00 на открытый урок в преддверии старта онлайн-курса «JavaScript QA Engineer» в OTUS. 📌 На занятии мы познакомимся с основами популярного фреймворков для написания тестов на JavaScript — mocha и библиотеки утверждений — chai. Для этого мы: — Рассмотрим основные принципы написания тестов — Узнаем, как использовать chai для создания автоматизированных тестов на JavaScript — Напишем пару unit и API тестов. Урок пройдет в рамках онлайн-курса OTUS “JavaScript QA Engineer”. После занятия полный курс можно приобрести удобным для вас способом. 👉 Готовьте вопросы и записывайтесь на вебинар! РЕГИСТРАЦИЯ https://otus.pw/DlBgj/ Нативная интеграция. Информация о продукте www.otus.ru
  • Frontend разработчик

    Советы по использованию border-radius Я почти никогда не пишу border-radius как сокращение, в основном потому, что никогда не могу запомнить порядок. Мой мозг запомнил короткие обозначения margin и padding (верх, право, низ, лево), но когда дело доходит до углов, это совсем другая история. Начинать ли мне с левого верхнего угла или с правого верхнего? https://css-irl.info/logical-border-radius/ 👉 @frontend_1
  • Frontend разработчик

    Анонсируем дни любви к фронтенду 💛 С 10 по 17 июня в пятый раз пройдет наша большая конференция «Я 💛 Фронтенд» 2023, где мы обсудим новости веба и дизайна, поделимся опытом и посмотрим на хороший код. Всю неделю вас ожидают онлайн-доклады, трансляции и воркшопы, а закончится всё большой офлайн-встречей сразу в нескольких локациях: в Москве и Ереване. Принять участие в ней можно будет и в онлайн-формате. Кроме докладов, по традиции мы проводим CTF (Capture the Flag) — игровой фронтендерский турнир из нескольких заданий, который начнётся уже 10 июня. Смотрите, как это было в прошлом году. Полную программу «Я 💛 Фронтенд» можно посмотреть на лендинге. Регистрируйтесь до 7 июня, чтобы попасть в офлайн и быть в курсе всех активностей. А ещё приходите в наш чат — там будет много полезного.
  • Реклама

  • Frontend разработчик

    Интерактивное руководство по Flexbox Flexbox - это удивительно мощный режим компоновки. Когда мы действительно поймем, как он работает, мы сможем создавать динамические макеты, которые будут реагировать автоматически, перестраиваясь по мере необходимости. www.joshwcomeau.com/css/int…-flexbox 👉 @frontend_1
  • Frontend разработчик

    React + TypeScript: необходимый минимум Многие React-разработчики спрашивают себя: надо ли мне учить TypeScript? Еще как надо! Преимущества изучения TS могут быть сведены к следующему: ваши шансы получить более высокооплачиваемую работу сильно увеличатся; в вашем коде будет намного меньше багов, его будет легче читать и поддерживать; рефакторить код и обновлять зависимости станет гораздо проще. Эта статья представляет собой минимальное введение по использованию TS в React. Rus habr.com/ru/comp…s/707744 Eng https://profy.dev/article/react-typescript ✍️ @React_lib
  • Frontend разработчик