Библиотека фронтендера | 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
加入频道
💬 Представьте ситуацию, что вы можете стабильно получать одинаковые деньги как в стартапе, так и в большой компании. Что бы вы выбрали?

🤩 — стартап, горящие глаза и вот это всё
👍 — большую компанию! Там можно быстрее набраться коммерческого опыта
🤔 — свой вариант (напишу в комментариях)

#холивар
В следующей мажорной версии React появятся новые клиентские хуки, которые сфокусированы на двух ключевых аспектах: выборке данных и работе с формами.

Они повысят производительность React-разработчиков, включая тех, кто создает SPA.

🔸use(Promise)
🔸use(Context)
🔸Form Actions
🔸useFormState
🔸useFormStatus
🔸useOptimistic
🔸Бонус: Async Transitions

👉 Подробнее о каждом хуке на русском
411. Chrome 122 и бета 123, Firefox 123, Safari TP 189, подсветка…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Андрей Мелихов, Алексей Симоненко, Вадим Макеев про Chrome 122 и бету 123, Firefox 123, Safari TP 189, подсветку без разметки, стандарты и тоглеры.

00:01:46 Chrome 122
00:20:03 Бета Chrome 123
00:37:51 Firefox 123
00:57:43 Safari TP 189
01:02:57 Подсветка без разметки
01:13:36 Стандарты и тоглеры

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

#подкасты
🧠 Знания — сила! Что должен изучить каждый программист?

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

Мы проведем анализ ответов и составим ТОП-лист навыков, которые не помешают освоить каждому программисту и разработчику для успешного карьерного роста!

👉 Пройти опрос
📑 Отчеты об основных веб-показателях с помощью Performance API

Performance API предоставляет интерфейс для измерения и оценки показателей веб-производительности с помощью JavaScript. Автор демонстрирует примеры генерации последних непосредственно в DOM и создания собственных отчетов.

👉 Читать
💬 А вам какой вариант ближе?

🤔 — верхний
👍 — нижний

#javascript #tip by Shripal Soni
🍍Подборка лучших статей «Библиотеки программиста» за февраль: сохраняй в заметки, чтобы не пропустить #самыйсок

😈 Даркнет: как устроен теневой рынок труда
🚀🏢 Стартапы vs IT-гиганты: куда лучше устроиться Junior-разработчику
🗄️ Базовые запросы SQL: получение записей из БД
🥇 Спортивная мотивация и мотивация в IT, что общего?
😺🐙💡 Как сделать креативный профиль на GitHub
🎮👨‍💻 15 игр, которые научат программированию
🧑🏻‍🏫 Менторство в IT: как стать айтишником, найти работу мечты и облегчить себе жизнь
⛩️ 6 способов нестандартно войти в Айти
👨‍💻 Вопросы для подготовки к собеседованию по JavaScript. Часть 2
📈 5 трендов в подборе ИТ-специалистов на 2024 год
🐍 Цепи Маркова: генерирование читабельной бессмыслицы за 20 строк на Python
☕️📦 10 Java-библиотек, которые изменят твой код навсегда
🥤🛡️ Как сделать Flask-приложение неуязвимым: полное руководство по защите от хакерских атак
🐱🎨🙏🤖 10 самых странных языков программирования, о которых вы никогда не слышали

🏃 Самоучитель по Go для начинающих:
👉 Часть 6. Функции и аргументы. Области видимости. Рекурсия. Defer
👉 Часть 7. Массивы и слайсы. Append и сopy. Пакет slices
👉 Часть 8. Строки, руны, байты. Пакет strings. Хеш-таблица (map)

🐍🎸 Курс Django:
👉 Часть 2: ORM и основы работы с базами данных
👉 Портфолио разработчика
💡 Любопытный трюк с кастомными свойствами

Взгляд на использование кастомных свойств для упрощения запросов DOM. Приятно наблюдать, как CSS может сделать JS менее сложным 💯

👉 Читать
🤔 Next.js vs. Remix: дилемма разработчика

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

👉 Читать
🪨💧Hard skills и soft skills: что это и как они проверяются на техническом собеседовании

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

🔗 Читать статью
💡HTML-элемент <meter> в действии: на заметку фронтенд-разработчику

#html #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
412. Switch, PWA на iOS, MDN Curriculum, Figma, полифилы, :has,…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Юля Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко про Switch, PWA на iOS, MDN Curriculum, Figma, полифилы, :has, микропакеты, пет-проекты и корпорат.

00:01:15 Опять switch в Safari
00:07:08 PWA вернулись на iOS
00:19:09 Запуск MDN Curriculum
00:33:25 Figma купила конструктор
00:47:03 Опасные полифилы с CDN
00:57:34 Интерактивные примеры :has
01:14:57 Микропакеты вроде is-number
01:27:31 Пет-проекты и корпорат

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

#подкасты
This media is not supported in your browser
VIEW IN TELEGRAM
🚀 Лучший способ создания всплывающих подсказок с помощью CSS

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

👉 Часть 1
👉 Часть 2
💡 Использование switch (true) в качестве альтернативы сложным операторам if/else

👉 Подробнее

#javascript #tip
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🗺️ Где составить дорожную карту: ТОП-10 сервисов

Сервисы, которые подойдут для составления карьерной карты и не только.

Читать статью

#гайд
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Используйте тригонометрические функции в CSS для создания плавной ступенчатой задержки перехода:


.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}


#css #tip by jhey
Please open Telegram to view this post
VIEW IN TELEGRAM