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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
👩‍💻 Наташа Калачева, фронтенд-разработчик в компании AGIMA, делится советами по упрощению поддержки и расширения приложений на Vue

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

Часть 1
Часть 2
Please open Telegram to view this post
VIEW IN TELEGRAM
360. Chrome 111/112, Safari TP, Chrome на iOS, CSS Nesting, Inert…
Веб-стандарты
🎙 Подкаст «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Никита Дубко, Вадим Макеев про Chrome 111/112, Safari TP, Chrome на iOS, CSS Nesting, Inert и доступность, TypeScript 5.0 на ES-модулях.

00:02:10 Chrome 111
00:06:49 Бета Chrome 112
00:18:24 Safari TP
00:30:53 Chrome на iOS
00:38:33 Тригонометрия в CSS
00:46:48 CSS Nesting
01:00:20 Ускорение таблиц
01:12:30 Inert и доступность
01:22:00 TS 5.0 на ES-модулях
01:33:26 Ответы на вопросы

🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
isolation: isolate, inset, CSS counters, Filters и CSS contain: пять недооцененных CSS-свойств

Доступное объяснение пяти CSS-свойств, которым, по мнению Кевина Пауэлла, следует уделить больше внимания. Если вы не использовали ни одно из вышеперечисленных, это видео для вас.

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

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

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

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

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

Как стать автором «Библиотеки программиста» и получать гонорары за статьи?
➡️ Заполните анкету.
Если все ок, мы свяжемся с вами и обсудим дальнейшие шаги.
Please open Telegram to view this post
VIEW IN TELEGRAM
Команда Microsoft заявила о выпуске TypeScript 5.0

TypeScript стал меньше, проще и быстрее. Команда внедрила новый стандарт декораторов, добавила функциональные возможности для лучшей поддержки проектов ESM в Node и сборщиках, предоставила авторам библиотек новые способы управления обобщенным выводом, расширила функциональность JSDoc, упростила настройку и внесла множество других улучшений.

Подробнее
Команда React представила новый сайт с документацией ⬇️

🗄 Новый сайт обучает современному React с функциональными компонентами и хуками
🗄 Вас ждут новые диаграммы, иллюстрации, задачи и более 600 новых интерактивных примеров
Please open Telegram to view this post
VIEW IN TELEGRAM
До появления CSS color-mix() для смешивания цветов необходимо было хоть и немного, но станцевать с бубном. Теперь-то заживем.

🎨 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.

😂 Канал с мемами: t.me/itmemlib

👨‍💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Бот с IT-вакансиями: t.me/proglib_job_bot

🎓 Школа Proglib Academy: https://yangx.top/proglib_academy


📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста

📄 Лента в Дзен: https://zen.yandex.ru/proglib


🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.

Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
Знаете ли вы, что команда React работает над экспериментальным компилятором, который автоматически генерирует эквивалент вызовов useMemo и useCallback, чтобы минимизировать стоимость повторного рендеринга, сохраняя при этом модель программирования React?

В любом случае, вот статья создателя Angular/Qwik Misko Hevery о том, почему это решает только часть проблемы.
💰 Зарплаты в ИТ: подводим итоги первого квартала 2023 года

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

🔗 Основной сайт
🔗 Зеркало
👾 24 марта приглашаем на вебинар: «Краткое введение в A/B тестирование и его применение в Data Science».

На вебинаре разберем основные методы A/B тестирования и их применение на примере реального финтех продукта.

Вы узнаете:
🔹Для чего нужны A/B-тесты и где они применяются
🔹Стандартные статистические методы проведения A/B тестов
🔹Что такое стратификация и как ее применять
🔹Как увеличить чувствительность A/B-тестов с помощью CUPED
🔹Как применять А/B-тесты на практике: реальный кейс из финтеха

📗Также, при регистрации вы получите: 4 книги по математическому анализу и теории вероятностей, где хорошо описаны основы a/b тестирования.

👉 Регистрируйтесь по ссылке: https://proglib.io/w/4cdb15e5
361. Firefox 111, анимация display, TS 5.x, CQ, Anchor Positioning…
Веб-стандарты
🎙 Подкаст «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Алексей Симоненко про Firefox 111, анимацию display, TypeScript 5.x, Container Queries, Anchor Positioning, Electron 10 лет и React-ошибки.

00:01:54 Firefox 111
00:13:45 Анимация display
00:21:03 TypeScript 5.x
00:34:40 Container Queries
00:49:37 Anchor Positioning
01:07:19 Electron 10 лет
01:15:49 React.dev
01:23:33 Ошибки на React
01:35:26 Ответы на вопросы

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

Читать
🤖 GPT-4 против людей: кто выйдет победителем? На что способна новая мультимодальная языковая модель

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

🔗 Основной сайт
🔗 Зеркало
Почему в Deno была добавлена поддержка package.json?

Deno имеет некоторые общие корни с Node.js, но до недавнего времени он не фокусировался на поддержке функций Node, таких как npm-модули. Приоритеты меняются, но на это есть весомые причины.👇

Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Access to fetched has been blocked by CORS policy

Механизм CORS и другие связанные с ним аспекты не так сложны, но иногда могут вызывать трудности, — поэтому надо разобраться с ними раз и навсегда. А поможет нам в этом статья от Lydia Hallie, подкрепленная анимациями (такая же по JavaScript).

https://dev.to/lydiahallie/cs-visualized-cors-5b8h (2020 год)