Библиотека фронтендера | 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
加入频道
✍️ Библиотека программиста» находится в поиске авторов оригинальных статей

Языки
● Python, JavaScript, TypeScript, C#, Go, SQL.

Тематика
● Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.

Объем
● от 7 до 15 тыс. знаков.

➡️ Заполнить анкету ⬅️

Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Please open Telegram to view this post
VIEW IN TELEGRAM
Новые методы копирования массивов ES2023

В последней спецификации ECMAScript представлены некоторые новые методы для массивов, которые вы можете найти полезными в своих проектах. Ниже вас ждет небольшая экскурсия от Phil Nash, Developer Advocate JS/TS.

Читать
😴 Кодинг от заката до рассвета

Разбираемся, как правильно улучшить качество своего сна и избежать проблем с психическим здоровьем?

Ставь
👍 — если спишь 8 часов и больше
🥱 — если меньше
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

Бесплатный курс для всех, кто любит качественные IT-публикации и хочет научиться интересно писать о программировании либо улучшить навыки письма.

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

Курс будет интересен авторам, работающим в составе редакции, копирайтерам-одиночкам и просто программистам, которые хотят научиться интересно рассказывать о собственных проектах.

Материалы регулярно дополняются, обновляются и корректируется. Отвечаем на все учебные вопросы в комментариях курса.

Как стать автором «Библиотеки программиста» и получать гонорары за статьи?
➡️ Заполните анкету.
Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.
Please open Telegram to view this post
VIEW IN TELEGRAM
367. Инклюзивный ананас, Scroll animation, Badging, Opera, CSS Scope…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Юля Миоцен, Никита Дубко, Алексей Симоненко про Инклюзивный ананас, Scroll animation API, Badging, Opera, CSS Scope, дизайн-систему WP и ES-модули.

00:01:32 Инклюзивный ананас
00:04:38 Scroll animations
00:19:16 Badging API
00:29:16 Opera One
00:38:08 Scope в CSS
00:52:43 Дизайн-система WP
01:00:45 ES-модули
01:19:16 Ответы на вопросы

🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-революция 2023: обзор функций, которые появились недавно или появятся в ближайшее время в CSS и UI.

▫️Container queries
▫️Style queries
▫️:has() selector
▫️nth-of microsyntax
▫️text-wrap: balance
▫️initial-letter
▫️Dynamic viewport units
▫️Wide-gamut color spaces
▫️color-mix()
▫️Nesting
▫️Cascade layers
▫️Scoped styles
▫️Trigonometric functions
▫️Individual transform properties
▫️popover
▫️anchor positioning
▫️selectmenu
▫️Discrete property transitions
▫️Scroll-driven animations
▫️View transitions

Читать
Экосистема JavaScript восхитительно странная

Существует множество примеров того, насколько странным является JavaScript, но автор этой статьи сосредоточился на предпосылках «странности» экосистемы.

Читать
📝👍 Тесты на собеседовании: как к ним подготовиться и получить оффер

Рассказываем, какие бывают тесты на собеседованиях, а главное – как и где к ним подготовиться, чтобы точно получить работу в компании мечты.

🔗 Основной сайт
🔗 Зеркало
368. Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Андрей Мелихов, Вадим Макеев, Алексей Симоненко про Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS, Event Loop, Deno и Vercel Ship.

00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросы

🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Впереди выходные — собрали для вас несколько вариантов досуга.

🧙‍♂️Потренироваться в написании промтов для ChatGPT в игровой форме: нужно семь раз выведать пароль у Гэндальфа.
🔍Позалипать на худшие интерфейсы, созданные на реддите — самые запоминающиеся уже собрали в твиттере.
🎮Бесплатно забрать симулятор курьера Death Stranding и попытаться доставить посылку поиграть.

#навыходные
🖼 Повышаем читабельность, производительность, сопровождаемость и масштабируемость кода: обзор лучших практик для разработчика на Angular.

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Подробное введение в веб-доступность в контексте инклюзивных веб-сайтов, которое сделает ваш дизайн не только доступным для пользователей с любыми способностями, но и лаконичным и минималистичным.

Читать
Какие тесты обязательно проводят HR при найме программистов?

Алгоритмические тесты – это возможность показать всем, что ты пишешь чистый и понятный код. Ну, или, доказать обратное и пойти тренить алгоритмы под звуки грустного тромбона (уи-уи-уи-уиии).

Вот что могут попросить сделать на собеседовании:

🔹 Найти недостающий элемент в отсортированном массиве.
🔹 Проверить наличие цикла в односвязном списке.
🔹 Написать функцию, которая возвращает наибольшее число из массива целых чисел, не используя встроенные методы сортировки и поиска.
🔹Написать алгоритм поиска наибольшей возрастающей подпоследовательности в массиве.
🔹 Реализовать сортировку выбором (Selection sort).

Если устраиваешься кодером – ни один собес не пройдет без них.

Где можно проверить свои знания?

Проверить, насколько хорошо вы разбираетесь в алгоритмах можно с помощью теста.

Как можно подготовиться к алгоритмическому собеседованию?

Самый простой способ – пройти курс "Алгоритмы и структуры данных".

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

Промокод на скидку 10% для подписчиков канала – 10PROGLIB10

👉 Оставить заявку можно здесь – https://proglib.io/w/b85bd661
369. Исходники WebKit, Baseline, INP, linear, Kotlin и WASM на Google…
Веб-стандарты
🎙Подкаст «Веб-стандарты»: Юля Миоцен, Никита Дубко, Алексей Симоненко про исходники WebKit, Baseline, INP, linear, Kotlin и WASM на Google I/O, цвета GitHub, JS как PHP.

00:01:31 Исходники WebKit
00:07:18 UI вместо AI
00:22:27 Baseline
00:42:53 INP в CWV
00:51:56 Linear в CSS
00:59:41 Kotlin и WASM
01:07:21 Цвета GitHub
01:14:15 JS как PHP
01:38:12 Ответы на вопросы

🎙 Слушайте на Ютубе
🎙 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Евгений Мальченко, разработчик внутренних сервисов в QIWI, делится опытом использования микрофронтендов на основе Webpack Module Federation:

🔗 Часть 1
🔗 Часть 2
This media is not supported in your browser
VIEW IN TELEGRAM
Набор повторно используемых компонентов на Radix UI и Tailwind CSS, которые вы можете использовать в своих приложениях по-отдельности.