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

Библиотека фронтендера. Страница 19

19371 @frontendproglib
Открыть

Полезные материалы по всему, что может быть интересно frontend-разработчику.

  • Библиотека фронтендера

    Пошаговая разработка простого сервиса аутентификации на основе JWT и HTTP Cookie с хранением токена доступа в сервис-воркере. Читать
    Хранение токена доступа в сервис-воркере

    Привет, друзья! На днях прочитал эту интересную статью , посвященную различным вариантам хранения токена доступа (access token) на клиенте. Мое внимание привлек вариант с использованием...

    Хабр

  • Библиотека фронтендера

    Бесплатное обучение дизайну с нуля. Вместе сделаем портфолио из 4+ работ с личной поддержкой от наставника. Что вы получите? — Фидбэк (мощный разбор всех ДЗ от куратора) — Тусовка (личный кабинет с уроками + живой чат) — Портфолио и экзамен (упакуем по урокам и проверим) — Мастер-класс "как заработать на дизайне" и найти клиента 🔥 Будем делать: веб-дизайн, графический дизайн, анимацию интерфейсов. → Начать обучение бесплатно Программа бесплатного курса: — Обучение по Figma с нуля и 4+ дз с личным разбором — Изучение основ дизайна (контент, сетки, композиция т.д.) — Создание анимации интерфейса — Все о профессии и доходе дизайнера (поиск клиентов и реальный доход) 👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы

  • Библиотека фронтендера

    🎉 Ой, сегодня уже 23 февраля… А вы не успели определиться с подарком? Держите тогда набор мастхэв от Proglib.academy Мало? Ну штош, вот еще скидка 50% на все курсы: 1. Основы IT для непрограммистов 2. Математика для Data Science 3. Алгоритмы и структуры данных 4. Основы программирования на Python 5. Frontend Basic и тд. ⛹️‍♀️Поторопитесь, срок действия истекает 28 февраля ;) Proglib.academy – это: — более 800 000 разработчиков в IT-сообществе; — программы разработаны преподавателями ВМК МГУ; — решение реальных задач, которые дают на собеседованиях в компании размера FAANG; — спикеры Яндекса, Revolut, Тинькофф и т.д. 💎 Подробнее о курсах: https://proglib.io/w/8fa9bb50

  • Реклама

  • Библиотека фронтендера

    Разбираемся, как предотвратить некоторые проблемы в React, которые могут возникнуть в local-first приложениях с асинхронным стейт-менеджером. Читать
    How to avoid tricky async state manager pitfalls in React—Martian Chronicles, Evil Martians’ team blog

    Learn how to prevent some tricky problems in React that can arise when using asynchronous state managers and avoid breaking UIs, animations, and destroying UX

    evilmartians.com

  • Библиотека фронтендера

    Решение популярной задачи про вложенные чекбоксы, которую спрашивают на фронтенд-собеседованиях в FAANG. 🌐 Смотреть
    Nested Checkboxes @algoseekee​

    Вместе с Тимуром (https://twitter.com/TatarinFrontend) решаем популярную задачу про вложенные чекбоксы, которую спрашивают на собесах на Front-End Engineer в FAANG.

    YouTube

  • Библиотека фронтендера

    Быстрый практический обзор наиболее известных символьных примитивов в JavaScript. Читать
    Well-known Symbols

    Well-known Symbols in JavaScript

    H3Manth

  • Библиотека фронтендера

    Не самые простые аспекты JavaScript простым языком. Читать
    Javascript: базовые вопросы и понятия для самых маленьких

    Javascript ― язык весьма оригинальный. Его можно любить, ненавидеть и даже бояться, но равнодушным он вас вряд ли оставит. Не знать или не понимать, с чем ты работаешь ―...

    Хабр

  • Библиотека фронтендера

    🔥👩‍🎓 Кстати, на web.dev есть целый раздел learn, где компактно в формате курсов описаны ключевые темы веб-дизайна и веб-разработки. https://web.dev/learn/

    web.dev

  • Библиотека фронтендера

    🎙Podlodka Podcast: Цвета и цветовые пространства Специально для тех, кто считает несправедливыми шутки про «покраску кнопок», ведущие подкаста с головой ушли в увлекательный и непростой мир представления цвета в компьютерных системах. Так вот, цвета — это очень сложно! Вместе с Андреем Ситником разбираемся почему. Apple Podcasts | Google Подкасты | Яндекс Музыка
    ‎«Podlodka Podcast»: «Podlodka #305 – Цвета и цветовые пространства» в Apple Podcasts

    ‎Шоу «Podlodka Podcast», выпуск «Podlodka #305 – Цвета и цветовые пространства» от 30 янв. 2023 г.

    Apple Podcasts

  • Библиотека фронтендера

    🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи Бесплатный курс для всех, кто любит качественные IT-публикации и хочет научиться интересно писать о программировании либо улучшить навыки письма. Курс состоит из семи модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций. Ограничений на время прохождения заданий нет. Курс будет интересен авторам, работающим в составе редакции, копирайтерам-одиночкам и просто программистам, которые хотят научиться интересно рассказывать о собственных проектах. Материалы регулярно дополняются, обновляются и корректируется. Отвечаем на все учебные вопросы в комментариях курса. Как стать автором «Библиотеки программиста» и получать гонорары за статьи? ➡️ Заполните анкету. Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.

  • Библиотека фронтендера

    Разработка на JavaScript без системы сборки Использование различных инструментов сборки для таких вещей, как транспилинг и бандлинг, является достаточно стандартным в современной разработке JavaScript, но что, если вы хотите, чтобы все было просто? Для простых вещей это не обязательно, — говорит Julia Evans. Естественно, это вызвало бурную дискуссию на Hacker News.
    Writing Javascript without a build system

    Julia Evans

  • Библиотека фронтендера

    Отладка HD color с помощью панели стилей, улучшенный интерфейс брейкпоинтов, настраиваемые ярлыки рекордера, улучшенная подсветка синтаксиса Angular, реорганизация пункта Cache на панели Application: эти и многие другие новые фичи в DevTools (Chrome 111). Читать
    Что нового завезли в DevTools (Chrome 111)

    Отладка HD color с помощью панели стилей Новые цветовые типы CSS и пространства появляются в интернете! Не менее интересно, что DevTools получил новые инструменты, помогающие разработчикам создавать,...

    Хабр

  • Библиотека фронтендера

    В «Школе 21» завершается набор участников на первый интенсив в Сургуте! Не упусти возможность бесплатно обучиться востребованной профессии в ИТ. Неважно, какие у тебя были предыдущие знания, опыт работы, умение программировать и наличие дипломов, если тебе больше 18 лет — подавай заявку сейчас и начни учиться уже этой зимой! В «Школе 21» можно изучать цифровые технологии самых разных направлений и сфер: от алгоритмов и графики до Unix, Web и многого другого. Успей попасть на интенсив в Сургуте до 20 февраля! Подай заявку

  • Библиотека фронтендера

    🤔Всегда интересно читать статьи, которые начинаются с фразы «The Next Generation of …». Так и здесь речь идет о «самом» быстром и недооцененном фронтенд-фреймворке в 2023 году. Читать
    The Next Generation of Front-end Development

    Experience the Speed and Efficiency of neo.mjs Version 5

    Medium

  • Библиотека фронтендера

    Анимированный полет с помощью Theatre.js и React Three Fiber Разбираемся, как отобразить 3D-сцену на веб-странице и перемещать по ней камеру во время прокрутки пользователем. Всего 50 строк кода. Читать

  • Реклама

  • Библиотека фронтендера

    Перевод статьи Андрея Ситника о создании минимального набора иконок, соответствующего большинству современных потребностей. По мотивам этой статьи также был создан онлайн-генератор. Читать

    Минималистичный генератор favicon поможет создать иконку для сайта.

    Генератор иконок для сайта

  • Библиотека фронтендера

    #research #tools На PortSwigger всегда выходят качественные исследования, на которые однозначно стоит обращать внимание. В одном из последних Гарет Хейс рассказывает об обнаружении server-side prototype pollution в JavaScript методом черного ящика, не вызывая DoS. Более того, автор и команда разработали лаборатории для закрепления навыков и написали расширение для Burp Suite. Дерзайте.👇 Читать
    Server-side prototype pollution: Black-box detection without the DoS

    Server-side prototype pollution is hard to detect black-box without causing a DoS. In this post, we introduce a range of safe detection techniques, which we've also implemented in an open source Burp

    PortSwigger Research

  • Библиотека фронтендера

    Разработка клиента Hacker News с использованием Alpine.js Быстрое и элегантное введение в работу с Alpine.js на простом примере. Читать
    Build a Hacker News client using Alpine.js

    If you want to sprinkle some interactivity to your websites without much hassle, Alpine.js might be something you are looking for. Alpine is one of those tools that when you look at it, you cannot pass by without adoring its simplicity of design. It is a thin reactivity library that lets you add dynamic functionality to your websites directly in your markup.

    Salai Vedha Viradhan