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

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

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

  • Frontender's notes

    ​​Найти вероятность выпадения k (сумма выпавших значений) при бросании n кубиков На одном из собеседований по приёму на работу попросили за 30 минут написать программу, которая бы решал следующую задачу: Есть n стандартных игральных костей (6-ти гранных кубиков) со стандартным обозначением всех граней от 1 до 6. Бросаем все n кубики разом. Нужно найти вероятность выпадения числа k, а именно суммы всех значений, выпавших на этих кубиках. Решение по ссылке...
  • Frontender's notes

    ​​Нашли монстров, которые крадут ваше время, и поможем их одолеть знанием и подарками. Вот вы говорите: «Опять времени не хватает!» Может, это потому, что его кто-то похищает? Узнайте, что за монстры крадут ваше время, посмотрите им в глаза и узнайте, как Практикум поможет с ними справиться. Практикум — сервис онлайн-образования, где учат востребованным профессиям. У каждого курса есть чёткая программа, чтобы заранее знать, сколько времени закладывать на учёбу. Оплатите любой курс с 11 по 31 июля и выберите подарок, который поможет найти время и на учёбу, и на себя. Давайте этих монстров сюда!
  • Frontender's notes

    ​​Проектируем DataGrid на React так, чтобы сэкономить Boilerplate Некоторое время назад мне довелось участвовать в разработке админ-панели для видеоигры с уклоном на совместные соревнования. Так как финансирование осуществлялось за счет гранта, был ограничен бюджет. Возникла потребность спроектировать архитектуру приложения так, чтобы единовременно написав заготовки списочных форм и форм элемента списка, их мог массово клепать разработчик уровня Junior-. При этом, после выхода на самоокупаемость, уже написанный код потребуется оставить не тратя время и деньги на рефакторинг. Админ-панель важна, так как с её помощью осуществляется KYC и бан читеров. Однако, для бизнеса это не основной продукт, поэтому, хотелось бы сэкономить деньги. Читать далее...
  • Реклама

  • Frontender's notes

    ​​Как стать frontend-разработчиком с нуля и зарабатывать 120 000₽? Получите бесплатную карьерную карту от SkillFactory для входа в IT-индустрию c 50+ рекомендациями по обучению. В руководстве собраны все секреты: что учить в первую очередь, сколько можно зарабатывать, что читать и смотреть, где искать работу в 2022 году, как готовиться к собеседованиям и советы для тех, кто переходит из других сфер. 🔹Получить бесплатно: https://clc.to/WUB8_Q
  • Frontender's notes

    ​​Джентльменский набор React компонентов FullStack разработчика для управления потоком данных Существует токсичный стереотип, что FullStack разработчики не могут ни в фронт, ни в бек. Как минимум, так как объем работ большой, часто, программирование фронта на React превращается в формошлепство с сомнительным качеством кода. Код копируется без создания компонентов, нет глобального состояния приложения. В этой статье я приведу примеры использования нескольких компонентов, которые позволят малой кровью выкатить фичу на тестовый стенд так, чтобы код, загружающий данные с сервера, легко поддавался рефакторингу в недалеком будущем. Читать...
  • Frontender's notes

    ​​Знакомо чувство, когда сайт сверстан, все работает, но проверяешь этот сайт в Lighthouse или Google PageSpeed Insights и видишь желтые или того хуже красные цифры? Ещё страшнее, когда в эти цифры тебя тыкает заказчик или руководитель проекта, или вообще твой прямой начальник. Стыдно, страшно, и потом неделю исправляешь. Подписывайся на канал, и получай примеры кода, готовые наработки, кучу лайфхаков и полезных мелочей, внедрив которые сайт станет заметно быстрее. Кроме того, авторы активно отвечают на комментарии, где можно обсудить тот или иной вариант решения задачи. ✅ Подписывайся: @perfScan
  • Frontender's notes

    Новая фича CSS - @when/@else Условие в CSS, аналогично логике if/else в языках программирования. Например, это может сделать написание сложных медиа-запросов гораздо более логичным. @when был выбран вместо @if, чтобы избежать конфликта с Sass. @when media(min-width: 30em) { /* Styles 1 } @else { /* Styles 2 } ❗ Есть НО, фича пока не имплементирована в боевые версии браузеров и пощупать ее можно только в дев версиях. Но как мне кажется интересная штука чтобы иметь ввиду и ждать.
  • Frontender's notes

    ​​Прокачаться с нуля до frontend-разработчика уровня junior за 9 месяцев и начать зарабатывать. Для многих это мечта. А для тех, кто завершил обучение на курсе «Профессия Frontend-разработчик с нуля до PRO», — реальность. Обучение на платформе проходит в онлайн-формате в удобное вам время. Вот чему вы научитесь за 9 месяцев. ✅ Основам веб-вёрстки. ✅ Frontend-разработке на JavaScript, TypeScript. ✅ Работе с базами данных и Node. ✅ Программированию на востребованных фреймворках — Vue, React, Angular. Дополнительно вы можете освоить Figma, Photoshop или пройти углублённый курс по вёрстке и JavaScript. Добавите 6 проектов в портфолио. В ходе обучения вы начнёте стажировку в команде, а Центр карьеры поможет найти работу. Гарантируем трудоустройство — или вернём деньги! Подробные условия акции на сайте: https://clc.to/OfjfpQ
  • Frontender's notes

    ​​Парсинг дат в JS — добавляем русский язык в библиотеку Chrono Crono это парсер дат на естественном языке. Кроме формальных ISO 8601 или dd.MM.yyyy, распознает варианты а-ля «в среду утром‎», «с 10 до 11 вечера», «2 часа 5 минут назад» и т.п. Поддерживает 8 языков, в том числе, теперь, и русский. Использую Chrono в своем проекте начиная с 2016 года. Русский язык библиотека не поддерживала, но удалось найти форк, который сносно парсил даты на русском. Прошло 6 лет, библиотека развивалась, в 2020 автор переписал её на TypeScript, переработав архитектуру, а поддержки русского языка в официальном репозитории так и не появилось. Решил это исправить. PR вмёрджили, можно и статью написать. Читать...
  • Frontender's notes

    ​​Привет! Это Илья, руководитель Frontend-разработки ЦВТ. В ЦВТ мы создаем сервисы для своих ключевых клиентов: самой дорогой компании Рунета, крупнейшего частного банка в России и онлайн-банка в мире. Если у вас есть знакомые Frontend-разработчики, рекомендуйте их к нам в команду. И получите до 75 000 ₽ при их трудоустройстве!   Подробности по ссылке
  • Frontender's notes

  • Frontender's notes

    ​​Мы уже рассказывали вам про HTML Academy Немного напомним. Это ребята, которые обучают только веб-разработке уже 10 лет и делают это хорошо. Если вы не умеете писать код, но очень хотите научиться, попробуйте себя в вёрстке на их бесплатном открытом уроке с опытным наставником!  Когда: 12 июля в 16:00. В программе: 💜 Как правильно делать сайты. 💜 Какие теги использовать корректно, а какие нет. 💜 Знакомство с макетом и его пошаговая вёрстка. Записывайтесь — el='noreferrer nofollow' href='https://tml.io/7bmf2'>https://tml.io/7bmf2
  • Frontender's notes

    ​​Повторное использование компонентов: живи, работай, повторяем цикл Reusability, т. е. повторное использование компонентов ― весьма популярный метод в разработке ПО, веб-сервисов, дизайна и т. п. Огромным преимуществом повторного использования компонентов является экономия средств и времени на разработку ПО. Почему? Если систематизировать повторное использование компонентов, то сокращаются расходы на создание и обслуживание проектов, уменьшаются сроки разработки таких систем, во многих случаях повышается качество программных продуктов. Сегодня предлагаем поговорить об этом методе относительно веб-сайтов, JavaScript и ReactJS. Читать...
  • Frontender's notes

    ​​Как посчитать длину текста и не привлекать внимание санитаров В этой статье автор расскажет, как правильно рассчитать длину текста в Java Script. Эта статья будет одинаково полезна как начинающим разработчикам, так и весьма опытным. Благодаря ей вы поймете устройство Unicode и особенности его работы в JS. Читать...
  • Frontender's notes

    ​​Наш опыт, как не надо растить тимлидов (не делайте как мы) Тимлидом у нас часто становился не обученный человек, а тот из разработчиков, который меньше всего не хотел. Потому что часто было надо. Исторически у нас в Skyeng очень много автономных команд (мы работали полностью на удалёнке в разных географиях до того, как это стало модным, и имели репутацию общества интровертов, в котором можно не развивать софт-скилы). А потом мы обнаружили, что хороший тимлид отличается от вынужденного ещё и производительностью команды. Точнее, умением выдавать стабильный хороший результат и при этом не выжигать команду. А ещё правильно объяснять задачи, правильно объяснять происходящее в компании и правильно вообще общаться, что влияет на настроение людей и, как следствие, текучку — в командах с хорошими тимлидами люди почти не уходили из-за комфорта рабочего процесса. Читать...
  • Реклама

  • Frontender's notes

    ​​Мечтаете переехать в другую страну, однако не знаете как это сделать🤷‍♂️   ✅Ответ вы найдете в телеграм-канале первого миграционного маркетплейса iworld.com!   Ресурс предоставляет услуги по самым популярным миграционным направлениям. Вы сможете быстро и надежно переехать в другую страну🙌   👉🏻В канале регулярно публикуется важная информация о:   📌Программах иммиграции🔁  📌Возможностях инвестирования в недвижимость🏘  📌Открытии бизнеса💰  📌Налоговой оптимизации🪙  📌Доходных инвестициях📈  📌Возможностях оформления ВНЖ и гражданства за криптовалюту🔐  🖇А также новости о жизни в странах🌏    Сделайте первый шаг на пути к улучшению своей жизни прямо сейчас!🤩 Переходите в телеграм-канал маркетплейса, чтобы узнать детальную информацию🙂 👉🏻 t.me/iworldcom 👈🏻
  • Frontender's notes

    ​​Как и зачем поднимать гибридный фейковый API сервер на js? Статья из серии "2х минутные заметки разработчика". Читать...
  • Frontender's notes

    CSS свойство scroll-behavior Всем привет! Относительно недавно работая над рабочими задачами я наткнулся на необходимость дебагнуть кусок кода в котором на JS была прописана плавность прокрутки скролла при прыжках по ссылкам-якорям, причем прописана она была не самым простым способом. Так вот, не надо так делать, если конечно у вас нет для этого какой-то заковыристой необходимости. В CSS есть свойство scroll-behavior, это свойство как раз и отвечает за то что-бы ваши клики по якорям были плавными. .scroll-container { scroll-behavior: smooth; } 👉🏻 Более подробная инфа тут Да, в целом вот так вот просто.