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

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

19371 @frontendproglib
Открыть

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

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

    История развития управления зависимостями в Javascript в хронологическом порядке от Никиты Балихина, фронтенд-разработчика из Газпромбанка. Читать
    Менеджмент зависимостей в Javascript

    Javascript стремительно развивается на протяжении уже более 20 лет. За это время появлялось огромное количество различных решений для разработки веб-приложений и, несмотря на развитие веб-стандартов...

    Хабр

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

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

    #news JetBrains выпустила обновление WebStorm 2023.1 Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Мы знаем, что JetBrains приостановила продажи в России и Белоруссии, все равно интересно узнать, пользуетесь ли вы ее продуктами?
    Вышло обновление WebStorm 2023.1

    JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте...

    Хабр

  • Реклама

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

    📁⚙️ Полное руководство по основам Git Из-за большого количества команд новичкам бывает сложно освоить Git. В этом руководстве мы расскажем обо всем, что вам нужно знать, чтобы приступить к работе с Git, начиная с создания первого репозитория и заканчивая слиянием веток. Помимо архитектуры Git рассмотрим принципы работы таких команд, как add, checkout, reset, commit, merge, rebase, cherry-pick, pull, push и tag. 🔗 Основной сайт 🔗 Зеркало

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

    Верстаешь? Оцени 7 причин пройти бесплатный интенсив по Frontend-разработке в Айтилогии: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 8-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 6 апреля. Это #партнерский пост

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

    Если забить на спецификацию HTML и увлечься вложенностью, разметка может начать «прыгать». Вадим Макеев напоминает, почему нужно следить за чистотой разметки. Читать
    Jumping HTML tags. Another reason to validate your markup — Vadim Makeev

    For most developers, HTML is just an artifact, like a binary file, and it often gets wrong and ugly. Fortunately, browsers are smart enough to handle poor markup. But sometimes, they take our mistakes personally, and tags start jumping around.

    pepelsbey.dev

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

    Пошаговый разбор принципов работы веб-браузера с наглядными иллюстрациями: начинающему фронтендеру на заметку. Читать
    Как работает веб-браузер (с картинками)

    Иллюстрация предоставлена Growtika Браузеры стали частью нашей повседневной жизни. Но задумывались ли вы когда-нибудь о том, как они на самом деле работают? Эта статья приоткроет завесу магии,...

    Хабр

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

    🚀Разбираемся, как передовые фреймворки и инструменты сборки расширяют возможности отладки с использованием расширения x_google_ignoreList. Читать

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

    Андрей Калиниченко, сеньор фронтенд-разработчик в Techlead, делится примером использования Pinia scoped-стора.👇 Читать
    GitHub - vuejs/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support

    🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support - GitHub - vuejs/pinia: 🍍 Intuitive, type safe, light and flexible Store for Vue using the c...

    GitHub

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

    ⚡️Недавно на web.dev появился новый мини-курс Learn Images, который охватывает форматы изображений, сжатие, адаптивные изображения и производительность. https://web.dev/learn/images/
    Learn web development

    Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    web.dev

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

    Топ-10 CSS-свойств аниматора Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают. 📺 Смотреть
    Юлия Миоцен: Топ-10 CSS-свойств аниматора

    Я занимаюсь CSS рисунками и анимациями почти 4 года. За это время у меня образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Обсудим, что в этих свойствах классного, зачем они нужны и какие возможности они для нас открывают.

    YouTube

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

    Краткое руководство по переезду с Create React App на Vite. В догонку можно прочитать заметки с похвалой Vite, в которых небезызвестный Scott Vandehey отмечает его значительную простоту по сравнению с кошмаром настройки WebPack и Babel.
    Migrate to Vite from Create React App (CRA)

    How to migrate to Vite from Create React App (CRA) with environment variables, testing, SVG, ESLint, TypeScript ...

    www.robinwieruch.de

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

    Думали Телеграм останется в стороне, и ничего не сделает к 1 апреля, но нет, новая анимация при нажатии лайка — прекрасная! Круто придумали, молодцы! Видимо сам Дуров приложил к этому руку 👍

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

    «Неочевидные возможности SVG в современном фронтенде» Константин Остров, руководитель отдела фронтенд-разработки в студии «Феникс», делится историей о том, как его команда преодолевала сложности с SVG и на какие грабли не стоит наступать вам. Вы узнаете: — о позиционировании объектов внутри SVG и о том, как им овладеть; — о внедрении динамических элементов внутрь SVG; — о расчете координат объектов вне box модели; — о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения; — о производительности SVG в вебе и о том, как ее можно улучшить. 📺 Смотреть
    Неочевидные возможности SVG в современном фронтенде – Константин Остров / #DevTalks

    «Неочевидные возможности SVG в современном фронтенде» — Константин Остров (руководитель отдела фронтенд-разработки в студии «Феникс») Доклад с митапа DevTalks. Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности (18 февраля 2023) Часто разработчики воспринимают SVG как черный ящик, который просто рисует четкую графику на всех разрешениях. Но SVG — это гораздо более интерактивный инструмент. Последние несколько лет Константин возглавляет отдел фронтэнда, который плотно работает с интерактивом в SVG. За это время его команда наступила на кучу граблей и неочевидных сложностей, связанных с этим. В докладе Константин поделился историей о том, как они преодолевали эти сложности и на какие грабли не стоит наступать вам. В своем докладе Константин рассказал: - о позиционировании объектов внутри SVG и о том, как им овладеть; - о внедрении динамических элементов внутрь SVG; - о расчете координат объектов вне box модели; - о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения; - о производительности SVG в вебе и о том, как ее можно улучшить. Ссылка на презентацию из доклада: https://drive.google.com/drive/u/0/folders/1jRDqIqF4y08BZMPx0ML310i8vdgLkXzS Cайт митапа — https://digital-spectr.ru/event/devtalks-frontend-meetup Официальный канал митапа — https://t.me/+X4DZg7ma1DdlM2I6 Нанять команду Spectr — https://digital-spectr.ru/new-client Организаторы и партнеры митапа: Spectr, Тэглайн, Технопарк Morion Digital. #devtalks #devtalks_russia #digital #tagline #тэглайн #spectr #digitalspectr #мероприятие #frontend #react #vitejs #performance #development #meetup #dev 00:00 Начало, представление спикера 00:49 Применение SVG на проекте с многоквартирными домами 02:44 Что такое SVG и в чем его преимущества 03:52 Задача: позиционирование внутри SVG 05:44 Задача: внедрение динамических элементов внутрь SVG 07:23 Задача: расчет координат вне BOX модели 08:23 Влияем на SVG с помощью JS и CSS 11:47 Производительность и что на нее влияет 14:12 Подведем итоги 15:11 Вопросы из зала

    YouTube

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

    React Labs: над чем работает команда React — март 2023 г. 1️⃣ React Server Components 2️⃣ Asset Loading 3️⃣ Static Server Rendering Optimizations 4️⃣ React Optimizing Compiler 5️⃣ Offscreen Rendering 6️⃣ Transition Tracing Читать
    React Labs: What We've Been Working On – March 2023 – React

    The library for web and native user interfaces

    react.dev

  • Реклама

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

    Практическое введение в работу с фреймворком Astro на примере создания многостраничного сайта с блогом. Читать
    Astro JS Framework: A Practical Guide To Building Faster Websites

    Are you ready to dive into the world of Astro? I'll be taking a closer look at Astro and exploring the benefits that this powerful framework and static site generator can offer us.

    Bejamas

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

    4 апреля пройдет VK Tech Talks, на этот раз посвященный Open Source. Да не простой, а с крутым гостем. Многие знают core-js — библиотеку с почти 9 млрд загрузок в npm и 250 млн новых ежемесячно, но мало кто знает её автора. Зовут его Денис Пушкарёв, и на митапе он расскажет, как правильно использовать core-js и другие полифиллы, а эксперты из VK поделятся своим взглядом на возможности развития open-source проектов. Встреча пройдет в гибридном формате: выбирайте свой, регистрируйтесь и получите возможность лично пообщаться с Денисом и позадавать ему вопросы. Зарегистрироваться

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

    Тут Гарет Хейс, исследователь безопасности в PortSwigger, новую технику эксплуатации уязвимости Server-Side Prototype Pollution в Node.js нашел. Подробнее