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

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

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

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

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

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

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

📌Что внутри:

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

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

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

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

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

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

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

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

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

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

📺 HolyJS 2022 Autumn
📺 HolyJS 2022 Autumn: партнерские доклады
📺 HolyJS 2022 Autumn: Community Day
🔥6
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
👍10🥱42🔥2👏1
#javascript #tip by Shripal Soni

💡Возможно, вы не знали об этом способе одновременного удаления нескольких event listeners с помощью AbortController. Поиграть можно здесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32
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 Подкасты | Яндекс Музыка | Сайт подкаста
👍4
Какой(-ая), по вашему мнению, фронтенд фреймворк/библиотека будут наиболее активно развиваться в следующем году?
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: наглядный пример для фронтенд-разработчика

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

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

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

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

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

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

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

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

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

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

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

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

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

💬Кто-то уже использовал? Поделитесь опытом и впечатлениями.
👍51
Не нужно учить 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 — это свежий взгляд на веб-разработку, который позволяет вам сосредоточиться на создании приложения, а не на изучении сложных особенностей фреймворка.

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

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

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

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

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

👀Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
👍74