Библиотека фронтендера | 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
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
🤩 На что способны современные веб-технологии?

😎 Перед вами интерактивный мини-сборник впечатляющих возможностей современных веб-технологий от команды Chrome для разработчиков: от WebAssembly и простого взаимодействия с локальными файлами пользователей до рендеринга «тяжелой» графики в браузере и упрощенной навигации.

Кстати, для создания анимации на сайте используется ThreeJS, но на канале Frontend FYI вы можете увидеть реализацию того же функционала на чистом CSS 😉
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 После выхода достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе.

💡Основное внимание переключилось на экосистему — Vite, Nuxt, VitePress, Pinia и другие. В то же время, отчетливо заметно масштабирование работы не вглубь, а вширь. Интересы команды уже давно явно выходят за пределы фреймворка.

📈 Об этом и идет речь в статье. Автор разбирается с трендами развития Vite, Anthony Fu и VitePress, анализирует тренды/рынок вакансий и рекомендует перевод книги «Vue.js 3 — Шаблоны проектирования и лучшие практики».
👨‍🎨 Искусство промтинга: введение в Midjourney

📝 Сейчас мало просто уметь писать правильные промты, но важно также знать некоторые хитрости каждого ИИ-помощника. Markus Wallén из 14islands подготовил подробное руководство по Midjourney, в котором рассказал, как начать работу и как создать идеальный промт, чтобы максимально использовать возможности нейросети.

🧰 В статье он разобрал структуру промтов и их атрибуты, а также показал примеры сгенерированных картинок. Прочитав статью, вы научитесь контролировать стилизацию или реализм изображения, а также соотношение сторон, разнообразие генерируемых композиций и многое другое.
🤔 Помните рассказывали вам про митап от СберМаркета? Так вот, Александр Водолазских, руководитель направления разработки интерфейсов, написал на основе своего доклада статью о том, как нельзя вести пет-проекты.

🤝 И если перефразировать сказанное в статье из ироничного в дружеское, то получатся отличные советы:

1️⃣ Кодить «после работы» — хорошо, но если только реально хочется
2️⃣ Ограничьте себя по направлению и стеку
3️⃣ Делайте «продукты», а не проекты
4️⃣ Следуйте роадмапу и делайте брейкпоинты
5️⃣ Общайтесь с теми, кто знает больше
6️⃣ Балансируйте между «узнать» и «сделать»
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
⚛️ 45 вопросов для подготовки к собеседованию по React

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

В статье невозможно охватить все вопросы, которые могут задать на собеседовании, однако мы рассмотрим ответы на наиболее распространенные из них.

🔗 Читать статью
🔗 Зеркало
This media is not supported in your browser
VIEW IN TELEGRAM
💡Вы можете сделать стили вашего компонента портативными с помощью контейнерных запросов:

🔥 Измените макет карточки в зависимости от размера
🤏 Уберите текст с кнопки, когда она маленькая

.card {container-type: inline-size;}
@container (min-width: 50ch) {.info { grid-column: 2; }}


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

#css #tip by Jhey
This media is not supported in your browser
VIEW IN TELEGRAM
🎨Что, если бы мы сказали вам, что для создания графики вроде градиентов или эффекта дождя, может потребоваться всего несколько строк кода? Добро пожаловать в мир шейдеров!

👀 Перед вами крутой интерактивный гайд о том, как устроены шейдеры на уровне математики/кода и как применять их в вебе для создания визуальных эффектов.
Please open Telegram to view this post
VIEW IN TELEGRAM
398. Servo, селекты, State of JS, адвенты, OTMT, Math в CSS, @scope…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Юля Миоцен, Вадим Макеев, Никита Дубко про Servo, селекты, State of JS, адвенты, подкаст OTMT, Math в CSS, @​scope, адаптивное видео, дизайн и разработку.

00:02:40 Движок Servo
00:09:07 Линейки в селектах
00:15:16 Дэшборд с браузерами
00:19:42 State of JS 2023
00:23:38 Адвенты для всех
00:36:55 Подкаст OTMT
00:42:17 Math-функции в CSS
00:49:55 Особенности @​scope
00:57:42 Адаптивное видео
01:08:41 Дизайнеры и разработчики

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

#подкасты
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
📯Внимание всем отважным героям и искателям приключений!

«Библиотеки Программиста» с гордостью представляет новую захватывающую игру — «Битва с Драконом». Выберите своих персонажей и сразитесь с древним Крылатым Ужасом Бурлопиворогом в эпическом поединке!

Мы предлагаем вам взять под свой контроль хитроумного изобретателя или ловкого вора.

💎Победителей ждет почет, уважение и награда! Итак, кто осмелится бросить вызов Бурлопиворогу? Начните свою «Битву с Драконом»!
Как использовать html-элемент <dialog>: гайд для фронтенд-разработчика

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

💬 Если в вашем проекте какой-то функционал уже реализован на JavaScript, при наличии/появлении нативных HTML-элементов вы проведете рефакторинг?
Please open Telegram to view this post
VIEW IN TELEGRAM