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

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

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

  • Frontender's notes

    IT-специалист не привязан ни к месту, ни к одному работодателю, поэтому кажется, нет разницы, работать неофициально или в качестве самозанятого. При этом статус самозанятого позволяет оформлять отношения с крупными клиентами и официально получать оплаты.  • Регистрируйтесь самозанятым через бесплатный сервис «Своё дело» в приложении СберБанк Онлайн — том самом приложении, где вы привыкли делать переводы друзьям. • Там же в приложении у вас появится возможность оформлять чеки онлайн (вручную или автоматически). • Вы получите полезные сервисы за 0 ₽ для ведения своего дела, например, онлайн-запись и учёт клиентов, консультацию юриста и другие. Узнать больше про «Своё дело» Реклама. Рекламодатель. ПАО Сбербанк. Генеральная лицензия ЦБ РФ №1481
  • Frontender's notes

  • Frontender's notes

    ​​Самый «скользкий» механизм в Redux – useSelector Redux вроде как изучили вдоль и поперек, но от этого он не стал идеальным. В данной статье мы детально разберем один из самых неприятных механизмов в Redux, которым многие стреляют себе в ногу – useSelector. Читать...
  • Реклама

  • Frontender's notes

    ​​Redux в Angular. Туда и обратно Пару лет назад из каждого утюга можно было услышать про redux. Сейчас redux является чем-то обыденным в фронтенд разработке. На пороге 2023 года я хочу поделиться своим опытом использования redux в Angular, поговорить о разных реализациях, и рассказать к каким выводам я пришел за это время. Читать...
  • Frontender's notes

    ​​Будьте уверены в своем будущем, даже в неспокойное время.  Никто не знает, что готовит завтрашний день. Но для уверенного финансового положения о будущем следует задуматься заранее.  Мы создали инновационный сервис, который может фактически масштабировать ваши обычные накопления: вы настраиваете автоплатёж, а сервис сам выбирает, в какие активы инвестировать средства, чтобы сформировать подушку, и показывает вам прогресс. Но главное — он дарит возможность приобрести финансовое и душевное спокойствие.  Преимущества сервиса от АО УК «Ингосстрах Инвестиции»:  📍Комфортное движение к вашей цели по модели ежемесячной подписки 📍Экспертное управление. Премиальный сервис с оптимальными порогом входа и стратегией 📍Борьба с инфляцией — оптимальное соотношение активов направлено на сохранение и преумножение средств 📍Простой и удобный сервис. Отслеживайте динамику накоплений в личном кабинете, при необходимости — скорректируйте цель или выведите средства.  Позаботьтесь о себе и начните формировать финансовую подушку безопасности.
  • Frontender's notes

    ​​Разработка и тестирование сортируемых компонентов Drag and Drop. Часть 1. В этой серии статей мы рассмотрим задачу разработки и тестирования сортируемых компонентов Drag-and-Drop. Читать...
  • Frontender's notes

    ​​🎄 В честь Нового года мы устраиваем распродажу на все курсы от Proglib.academy. ➡️ Скидка 50% действует до 31 декабря, выбирай курсы по ссылке: https://proglib.io/w/a235da4d 👉🏻 Алгоритмы и структуры данных 👉🏻 Математика для Data Science 👉🏻 Основы IT для непрограммистов 👉🏻 Основы программирования на Python 👉🏻 Frontend Basic: принцип работы современного веба
  • Frontender's notes

    ​​Точка с запятой в JavaScript: Действительно ли она вам нужна? [Руководство 2022] В JavaScript точки с запятой являются необязательными. Однако есть ситуации, в которых пропуск точки с запятой может привести к нежелательным последствиям. Вот об этом и статья Читать...
  • Frontender's notes

    📖 Производительность и легкость внедрения: обзор библиотеки Signals от команды Preact Сегодня создано огромное количество решений по управлению состоянием приложения, но они требуют сложной и долгой интеграции с фреймворком. Это усложняет проектирование и разработку — нужно тратить много времени на интеграцию стейт-менеджера и библиотеки рендеринга.  Фронтенд-разработчик inDrive Евгений Валяев нашел библиотеку, которая решает проблему — Signals от команды Preact. В статье на Хабре он подробно рассказал о плюсах и минусах решения. ➡️ Читать статью
  • Frontender's notes

    ​​Брендан Эйх о создании JavaScript за 10 дней и о том, что сегодня он сделал бы по-другому Миллионы современных разработчиков активно используют язык программирования, который родился буквально за 10 дней в период экспоненциального развития интернета. Создатель JavaScript Брендан Эйх не так давно заново обратился к истокам созданного им языка и рассказал о том, как семена, посеянные им в 1995 году, теперь наконец-то взошли. Читать...
  • Frontender's notes

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

    Давайте разберёмся, как посчитать длину текста в JavaScript? Сделаем это вместе с коллегами из AvitoTech в их новом проекте — avito.code.  В первом выпуске — устройство Unicode и особенности его работы в JavaScript: clc.to/UfJrng Реклама. ООО «Авито Тех».
    Unicode в JavaScript: узнай длину эмодзи😱 (часть 1) | avito.code

    Привет! Это наш новый проект — avito.code. Здесь опытные инженеры Авито делятся знаниями и рассказывают про свои рабочие инструменты. В этом выпуске Алексей Ивасюта, фронтенд-разработчик в юните Core Services, расскажет про устройство Unicode и особенности его работы в JavaScript. Он опишет процесс работы с кодовыми точками и на практике покажет, как можно посчитать длину текста. Таймкоды: 00:00 | Вступление 01:17 | Какие задачи решает Unicode? 01:53 | Кодовые точки в Unicode 03:07 | Кодовые точки в JavaScript на практике 04:34 | Нетипичный случай: корейская письменность 06:57 | Подсчёт длины текста с учётом комбинируемых и ненормализованных символов 09:59 | Разбор кодовой точки U+FE0F 10:48 | Подсчёт длины текста с учётом селекторов начертания 12:25 | Что будет в следующем видео? Статья «Как посчитать длину текста и не привлекать внимание санитаров» в блоге AvitoTech на Хабре http://bit.ly/3ULlNei 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

    ​​Qooxdoo 6.0 — JavaScript фреймворк для тех, кто любит кодить Создать полноценное веб приложение с помощью только Javascript без HTML и CSS? Написать код с использованием ООП, которое превосходит возможности даже стандарта ES7? Звучит впечатляюще? И это далеко не все, что вас ожидает! Также мы добавили оптимизирующий ваш код компилятор, тестовый фреймворк, улучшенную темизацию, больше виджетов и полную поддержку многоязычных приложений. Все это идет с установкой всего лишь одного npm пакета. В статье мы покажем, как создать первое Qooxdoo приложение и запустить его в два клика. Читать...
  • Frontender's notes

    ​​🔥Как работает CSS-in-JS?  🟡 Присоединяйтесь 19 декабря в 20:00 к открытому уроку «CSS-in-JS. Удобный способ управлять стилями» — https://otus.pw/eat6/ Занятие проведет Арсений Высоцкий, тимлид в международной компании, рассмотрим Styled components, Linaria, Astroturf и другие инструменты упрощения работы со стилями.  ⚡️ Практическое занятие — это шанс попробовать обучение на онлайн-курсе «JavaScript Developer. Professional» от OTUS. 🤑 Новогодняя распродажа! Скидки -23% на все курсы! 🖌 Пройдите вступительный тест, чтобы записаться на урок: https://otus.pw/eat6/
  • Frontender's notes

    ​​Когда джун долгое время просил задачу посерьёзнее и наконец-то получил её
  • Реклама

  • Frontender's notes

    Использование переменных в CSS Всем привет! В JavaScript-мире препроцессоры CSS — это очень полезные и популярные технологии. Препроцессоры расширяют возможности CSS, позволяя пользоваться, например, переменными и функциями. Но нам теперь доступны более мощные возможности CSS, например мы можем создать переменные без использования препроцессоров. Как это сделать: Для объявления переменной достаточно поставить два тире (--) перед её именем. После этого, там, где нужно значение переменной, вызывают функцию var(), передавая ей созданную ранее переменную в качестве аргумента. Пример: :root {   --base: #ffc600;   --spacing: 10px;   --blur: 10px; } img {   padding: var(--spacing);   background: var(--base);   -webkit-filter: blur(var(--blur));   filter: blur(var(--blur)); } .hl {   color: var(--base); } Собственно как то так, удачи вам в экспериментах! #shortread #css
  • Frontender's notes

    ​​React — самая популярная библиотека для фронтенд-разработки. А ещё это стабильный фреймфорк, который легко поддерживать, поэтому на нём пишут большие популярные веб-приложения. Если вы ищете новую интересную работу в IT или мечтаете о повышении, то вам подойдет курс Яндекс Практикума «React-разработчик». Курс длится всего 3 месяца, но за это время мы научим вас: •уверенно разбираться в библиотеке React; •использовать TypeScript при разработке React-приложений; •тестировать веб-приложения с помощью юнит-тестов и cypress. Учёбе нужно будет уделять 20-25 часов в неделю. Обучение разбито на спринты, заниматься можно когда угодно, главное — уложиться в дедлайн. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.  Записаться на курс можно здесь: https://practicum.yandex.ru/react/
  • Frontender's notes

    ​​Создание расширения браузера Google Chrome для извлечения всех изображений web-страницы. [2 части] Расширения браузера это web-приложения, которые устанавливаются в web-браузер чтобы расширить его возможности. Обычно для того чтобы воспользоваться расширением, пользователю нужно найти его в Chrome Web Store и установить. В этой статье автор покажет как создать расширение для браузера Google Chrome с нуля. 👉 Читать часть 1... 👉 Читать часть 2... #longread #js