Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
120 videos
38 files
4.61K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
🤔 С вами было такое, что в выходные не успевали переделать и половины из того, что планировали? И даже физические и электронные ToDo-списки не выручат?

🤷‍♂️Может стоит попробовать использовать простой календарь?

📆 Calendar Blocking — метод планирования дел для повышения продуктивности, который позволяет контролировать время работы и отдыха с использованием календаря.

Валерий Жила в недавнем треде подробно написал про него. Говорит, что это очень простой и действенный метод повышения продуктивности и контроля своего ментального здоровья.

📌Что нужно делать?

👉 Берём свой календарь, заполняем какими-то рамками — например, время отхода ко сну и подъема. Стараемся планировать крупные дела наперёд, а по ходу дня всякую мелочь. Не слишком подробно (блоки от 30 минут с буферами), честно и быстро.

📌Что это даёт?

👉 Помогает концентрироваться на одном деле за раз. Помогает принимать оперативные решения и улучшать work-life balance. Помогает снизить тревожность и разгрузить память — великолепный «второй мозг» для планирования.

❗️Важно

Calendar Blocking подойдёт далеко не всем. Если вы творец, живущий спонтанной ловлей момента на кончиках пальцев, или вы просто любите спонтанные встречи с друзьями скорее всего, метод не зайдёт.

О том, как это работает на практике, как и с помощью каких инструментов всё это сделать, читайте в его треде: в соцсети X или в приложении Threadreader, если бывший Твиттер у вас не открывается.

💬 Используете что-то подобное для планирования своего дня? Поделитесь в комментариях👇

#холивар
Please open Telegram to view this post
VIEW IN TELEGRAM
🥊 Next.js 13 vs Remix: практическое сравнение

Не простой список основных функций, а расширенное и наполненное примерами погружение в сходства и различия между двумя стоящими подходами.

👉 Читать
💡☝️Возможно, вы не знали об этом способе для более элегантного сокращения атрибута placeholder.

👉 Поиграть можно здесь.

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍🍳Кулинарный гид по Vue.js: как фронтенд-разработчику готовить на «кухне» props

Выбирайте подходящий уровень сложности:

🥣Джуны-поварята смогут лучше разобраться в работе и применении props в Vue.js
🥣Для мидлов и более опытных специалистов авторы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему

🔗 Читать
💪👨‍💻 6 сервисов для подготовки к техническим собеседованиям

Мы не понаслышке знаем, какие глупые вопросы иногда задают на собеседованиях — этими историями с нами поделились вы. А теперь рассказываем, где готовиться к нормальным техническим собеседованиям, на которых вас не попросят заполнить бегемотами комнату. Подборка сервисов ждет вас в нашей статье👇

🔗Читать статью
🔗Зеркало
Верстальщик — это разработчик?

👍 — да, конечно
🤔 — нет, верстальщик — это верстальщик
🥱 — некорректный вопрос, ведь такой профессии нет (фронтендер по умолчанию должен это уметь)

#холивар
«Библиотека программиста» продолжает поиски контент-менеджера для ведения телеграм-каналов

Ищем человека, который грамотно пишет и разбирается в одной из этих тем:
👉С++
👉Frontend
👉мобильная разработка
👉Data Science

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Подробнее о вакансии и форма для отклика — по ссылке.

Ждем вас в команде!
💛Подборка докладов для фронтенд-разработчика (презентации):

🌐 Что делать, когда бандл нужно «посадить на диету» / Софья Гусева
🌐 Сотни компонентов, сотни экспериментов и всего одна страница / Константин Носов
🌐 Ajax от A до X / Александр Сулима
🌐 Ускоряем Time To Market / Иван Артамонов
🌐 ДАА!! ML на JavaScript! Но зачем? / Алексей Охрименко

#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
Photoshop_is_now_on_the_web!_Enabled_by_WebAssembly,_Web_Components….pdf
5.1 MB
🔥 Photoshop теперь доступен в веб-версии

🧰 Что имеем внутри? WebAssembly + Emscripten & Web Components + Lit & Service Workers + Workbox & новые веб-API.

🤩Команды Adobe и Chrome проделали большую работу, чтобы добиться таких результатов. Разбираемся, как это работают под капотом.

🔗Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Viselect: позвольте пользователям визуально выбирать элементы DOM

Если у вас есть множество элементов и вы хотите, чтобы пользователи могли выбирать их группами, по отдельности или даже в нескольких группах, Viselect позволит легко реализовать эту функциональность.

Может использоваться стандартным способом или с интеграцией для React/Preact/Vue.js. Вот только некоторые преимущества:

🔩Маленький размер
☑️Отсутствие внешних зависимостей
📱Поддержка мобилок и сенсорного ввода
🖱 Поддержка вертикальной и горизонтальной прокрутки
👌Простота использования и многое другое

🔗GitHub & Сайт
🗺️ Дорожная карта: что это, как ее составить и почему она обязательно нужна разработчику

Откройте для себя секретное оружие успешного программиста — дорожную карту, которая поможет составить пошаговый план действий на ближайшие несколько лет. В данной статье разберемся, зачем она нужна, как правильно ее составить и где «подглядеть» роадмап для айтишников всех направлений 🤫

📌 Примеры дорожных карт и полезные материалы по теме:

🤩 Подборка дорожных карт для разработчиков
👉 Дорожная карта Frontend-разработчика в 2022 году
🏃 8 шагов от новичка до профессионала: дорожная карта разработчика на C#
👨‍💻 Как стать фрилансером и где найти первый заказ: дорожная карта
🍏 Карьерный гид от новичка до профи: дорожная карта iOS-разработчика
Дорожная карта Java-разработчика в 2023 году
🧔 Повышение до тимлида: дорожная карта
🐍 Дорожная карта Python-разработчика
🤝 5 soft skills, которые помогут тебе дорасти до Senior-разработчика
389. Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Вадим Макеев, Алексей Симоненко про Firefox 118, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts через Cloudflare, картинки, LCP и Tailwind.

00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросы

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста

#подкасты
This media is not supported in your browser
VIEW IN TELEGRAM
🤩 Быстро измените содержимое страницы и посмотрите, как будет выглядеть UI, включив designMode.

👉 Поиграть можно здесь

#javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🤩👩‍💻 Коллекция ресурсов и расширений для VS Code, большинство из которых подкреплены скриншотами и анимациями (можно сразу увидеть расширение в деле)

📌 Что есть интересного?

👉 Расширения для JavaScript/TypeScript/CSS, средства отладки для Chrome, интересные темы и многое другое.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Напоминаем, что у нас есть бесплатный курс для всех, кто хочет научиться интересно писать — о программировании и в целом.

Что: семь модулей, посвященных написанию, редактированию, иллюстрированию и распространению публикаций.

Для кого: для авторов, копирайтеров и просто программистов, которые хотят научиться интересно рассказывать о своих проектах.

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
🤔Наверняка многие разрабы сталкивались с ситуацией, когда очень сложно погрузиться в кодовую базу проекта, особенно если речь идёт про легаси. Дело в том, что в такой команде нет единого стиля оформления кода.

📝Соня Гусева, фронтенд-разработчик в Яндекс Практикуме, погружается в этот вопрос и делится опытом создания гайда с правилами оформления кода для всей команды. Соня рассказывает, от каких проблем вас сможет защитить такой гайд, и приводит подробную инструкцию по его внедрению.

📌 Вот только некоторые преимущества, которые дает гайд по стилю:
• Упрощает онбординг сотрудников
• Ускоряет код-ревью
• Упрощает тестирование кода

🔗 Читать & Смотреть
☝️🚀 Рейтинг open source инструментов сборки JavaScript за последние 28 дней

🔝Топ-5:

🔧Bun — быстрый JavaScript runtime, сборщик пакетов, средство запуска тестов и менеджер пакетов. Все в одном.
🔧Vite — новое поколение инструментов, которое значительно улучшает процесс разработки фронта.
🔧Nx — умная, быстрая и расширяемая система сборки с поддержкой монорепозиториев и мощной интеграцией.
🔧Turbo — инкрементный сборщик и система сборки, оптимизированная для JavaScript/TypeScript и написанная на Rust.
🔧Esbuild — быстрый сборщик, основными приоритетами которого являются производительность и скорость.
Please open Telegram to view this post
VIEW IN TELEGRAM