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

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

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

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
📖 ТОП-10 книг по JavaScript в 2023 году

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

🔗Читать статью
🔗Зеркало
🤩 Бесплатный курс по TypeScript от команды Хекслет

📌Что внутри:

1⃣Основы TypeScript
2⃣Типизация функций
3⃣Типизация массивов
4⃣Подробнее о типах
5⃣Классы
6⃣Интерфейсы
7⃣Дженерики
8⃣Типизация объектов

👉 Пройти курс
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Несколько интересных способов использования теней CSS

Автор делится несколькими хитростями для создания интересных эффектов, которые имеют мало общего с их основной ролью — добавлением глубины.

Вы научитесь накладывать одни тени на другие, а также использовать свойства и фильтры CSS для создания интересных эффектов наведения и разных стилей текста.

🔗Читать
#холивар

🌟Привет, подписчики! Вспомните свой профессиональный путь и ответьте на пару вопросов:

💬На какой стадии вашей жизни вы приобрели самые ценные знания и навыки, которые стали ключевыми для карьеры в IT?
💬Было ли это ещё в школьные годы, во времена колледжа/университета/института, в процессе самообразования или уже прямо на рабочем месте?

📌И самое главное — какие это были знания и навыки?

Делитесь опытом в комментариях👇
#айтисобытия #лучшиепрактики

🚀 Более 50-ти интересных докладов и воркшопов от ведущих фронтенд-разработчиков на тему JavaScript и всего, что с ним связано. Выбирайте и смотрите интересную для себя тему — на все уж точно не хватит времени👇

📺 HolyJS 2022 Autumn
📺 HolyJS 2022 Autumn: партнерские доклады
📺 HolyJS 2022 Autumn: Community Day
React теперь в телеграм!

- 40,14% разработчиков сайтов использовали React в 2023 году — это самая популярная библиотека для создания пользовательских интерфейсов;
- 212 600 звёзд у React на Github;
- 25,12% разработчиков хотят изучить React;
- 16.9 млн раз пользователи установили React

С каналом React JS вы сможете вывести свои навыки фронтенд разработки на совершенно новый уровень!

Ещё мы собрали маст-хэв мл-папку для Frontend разработчиков: https://yangx.top/addlist/mzMMG3RPZhY2M2Iy

Подписывайтесь, такие знания в 2023 году — на вес золота: @react_tg
#javascript #tip by Shripal Soni

💡Возможно, вы не знали об этом способе одновременного удаления нескольких event listeners с помощью AbortController. Поиграть можно здесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
385. Firefox 117, form-sizing и релизы Chrome, State of CSS 2023…
Веб-стандарты
#подкасты

🎙Свежий выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Никита Дубко, Андрей Мелихов про Firefox 117, form-sizing и релизы Chrome, State of CSS 2023, велосипеды Dropbox и Astro 3.0.

00:01:23 Firefox 117
00:08:29 Прототип form-sizing
00:20:25 State of CSS 2023
00:58:20 Велосипеды Dropbox
01:20:00 Astro 3.0
01:36:00 Ответы на вопросы

YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
Какой(-ая), по вашему мнению, фронтенд фреймворк/библиотека будут наиболее активно развиваться в следующем году?
Anonymous Poll
56%
React
16%
Angular
2%
Alpine.js
1%
Ember
1%
Stencil
32%
Vue.js
3%
Preact
15%
Svelte
5%
Qwik
8%
Другой вариант (напишу в комментарии)
This media is not supported in your browser
VIEW IN TELEGRAM
#css #tip by Shripal Soni

💡Получаем доступ к значению HTML-атрибута как к строке внутри CSS: наглядный пример для фронтенд-разработчика

👉 Поиграть можно здесь.
🤔Татьяна Дерягина, Mobile QA в СберМаркете, делится своей историей борьбы с выгоранием. Она про то, как ей понадобилось выгореть до углей, чтобы понять, что ворк-лайф баланс необходим. Причём не только, чтобы не остаться совсем без лайф, но и чтобы делать свою любимую ворк хорошо и с удовольствием.

🚀Мини-подборка советов на основе статьи:

📌Как понять, что что-то идёт не так? Это сравнимо с постоянным стрессом — поэтому вы не можете:
• расслабляться;
• радоваться;
• придумывать новое;
• планировать будущее и вообще смотреть на него широко открытыми глазами;
• расставлять приоритеты;
• заставить себя сделать необходимые задачи; 
• концентрироваться; 
• запоминать.

📌Как не попасть в зависимость от работы? Просто имейте это в виду:

1️⃣Работа никогда не закончится
2️⃣Незаменимых людей нет
3️⃣Ты не перестанешь расти, если будешь себя хвалить
4️⃣Не кори себя за «лень», когда чувствуешь усталость
5️⃣Не бойся просить о помощи
6️⃣Умерь свой перфекционизм
7️⃣Тайм-менеджмент реально помогает

📌Что делать, если ты уже выгорел?

⚠️Научиться отдыхать, но это еще не все.

А теперь по шагам: что делать, если выгорел👇

Отдохни 👉 Выйди на прогулку 👉 Вспомни, какие занятия доставляли тебе удовольствие 👉 Системно займись тайм-менеджментом 👉 Будь себе другом, относись к себе бережно и работай над отношениями, даже если эти отношения — с работой
Please open Telegram to view this post
VIEW IN TELEGRAM
#айтисобытия #лучшиепрактики

🚀 Весь плейлист можно посмотреть здесь. А вот лучшие доклады заслуживают отдельного внимания:

🌐 Chrome DevTools — спрятанные полезности / Никита Дубко (Яндекс)
🌐 Ораторское мастерство как инструмент развития карьеры / Александра Прокшина (ARTW)
🌐 Инженерный подход к внедрению дизайн-системы / Семен Левенсон (Дзен)
🌐 Высококонверсионные собеседования / Андрей Смирнов (X5 Group)
🌐 Синий свет — зеленый свет: релизим без даунтаймов / Николай Тихонов (Тинькофф)
🌐 Webpack: заменить нельзя оставить / Евгений Кувшинов
🌐 Микросервис головного мозга. Рецепты качества / Михаил Трифонов (Сloud)
🌐 История о том, как мы на Module Federation съезжали / Максим Смирнов (Тинькофф)
🌐 Рано выбрасывать iframe в 2022-м году / Андрей Кузнецов (РБС)
🌐 Многопоточность на фронте. Абсурд или прекрасное архитектурное решение? / Игорь Костяков (IBS Dunice)
Please open Telegram to view this post
VIEW IN TELEGRAM
А ведь действительно, некоторые подписчики верно подметили в комментариях к опросу про Astro, ведь буквально недавно был представлен релиз Astro 3.0.

🚀На 30% быстрее и мощнее, чем когда-либо. Внутри: View Transitions, Image Optimization, JSX Fast Refresh и многое другое.

💡Статью-анонс нового выпуска обязательно стоит прочитать, ровно как и материал в блоге Chrome про Astro View Transitions.

💬Кто-то уже использовал? Поделитесь опытом и впечатлениями.
Не нужно учить Svelte, потому что... угадайте что?

Вы уже знаете его! Это всё JavaScript, только в более крутом исполнении. По крайней мере, так считает автор статьи.

🔍Что такое Svelte?

UI-фреймворк: быстрый, простой и довольно популярный.
Встроенный компилятор, преобразующий .svelte-файлы в чистый JavaScript-код. Итоговый результат работы фреймворка представляет собой код без намека на этот самый фреймворк, перекладывая всю тяжелую работу на этап сборки приложения.
Лаконичный: только HTML, CSS и JS.
Полный: встроенное управление состоянием и стили, ограниченные компонентами.

🤖Svelte vs React

Эффекты/Реактивность: Svelte автоматически отслеживает зависимости.
Управление состоянием: Svelte предлагает простое решение "pub-sub".
Жизненный цикл: в отличие от React, Svelte предоставляет более явные методы для управления жизненным циклом компонентов.

🎨Примеры: в то время как в React вам нужны обертки, Svelte позволяет вам напрямую работать с библиотеками, такими как Chart.js.

🚀Начало работы с Svelte

Основы: обязательно начните с документации.
Создайте проект: попробуйте создать свой собственный проект на Svelte — идеи для проектов также есть в статье.

🌟Заключение

Svelte — это свежий взгляд на веб-разработку, который позволяет вам сосредоточиться на создании приложения, а не на изучении сложных особенностей фреймворка.

🔗Читать статью
🚀 В Firefox 117 завезли несколько полезных фич для разработчиков:

В инспекторе совместимости рядом с CSS-свойствами, которые могут привести к проблемам веб-совместимости, теперь отображается значок. При наведении на него появляется всплывающая подсказка со сведениями о том, какие браузеры не поддерживают это свойство, и ссылкой на страницу свойства в MDN.
console.clear() больше не очищает вывод консоли при включённой настройке «Непрерывные логи».
В сетевом мониторе появилась пометка о том, что запрос выполнен через прокси.
При просмотре сгруппированных правил CSS теперь отображаются отступы и открывающие/закрывающие скобки.
Появилось предупреждение о проигнорированных свойствах выделенных псевдоэлементов.
Реализована подсветка контура offset-path.
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀14 правил линтинга, которые помогут вам писать асинхронный код на JavaScript

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

📋В руководстве приведена мини-коллекция правил линтинга, которые помогут вам писать асинхронный код на JavaScript/TypeScript и Node.js.

📌Часть правил по умолчанию поставляются с ESLint, часть предназначены для Node.js, а остальные — для TypeScript.

👀Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
386. Safari, Firefox, Bun, Node.js, веб-фичи, Figma, марсианский…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев, Алексей Симоненко про Safari, Firefox, Bun, Node.js, веб-фичи, Figma, марсианский плагин, Topics API и отказ от TypeScript.

00:01:46 Safari TP
00:12:10 Планы Firefox
00:25:25 Bun 1.0
00:46:33 Env в Node.js
00:54:32 Каталог веб-фич
01:11:18 Новости Figma
01:21:50 Марсианский плагин
01:26:08 Google и Topics API
01:41:23 Отказ от TypeScript
02:03:48 Ответы на вопросы

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

#подкасты
Please open Telegram to view this post
VIEW IN TELEGRAM