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

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

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

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

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
Паттерны реактивности в современном JavaScript

«Реактивность» — это то, как системы реагируют на обновление данных. Существуют разные типы реактивности, но в рамках этой статьи, реактивность — это когда мы что-то делаем в ответ на изменение данных.

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

👀 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🎨 Понимание кривых Безье для фронтендера

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

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

Сегодня для вас не просто статья, а гайд от фронтенд-разработчика, который использует кривые Безье на практике. Он включает видео, анимацию и интерактивные компоненты.
Please open Telegram to view this post
VIEW IN TELEGRAM
#css

🤩Ожидание (слева)

.toppings {
display: grid;
place-items: center;
}

.slices {
display: grid;
grid-template:
"slice1 slice2"
"slice3 slice4";
}

.slice:nth-child(1) {
grid-area: slice1;
border-top-left-radius: 100%;
}

.slice:nth-child(2) {
grid-area: slice2;
border-top-right-radius: 100%;
}

.slice:nth-child(3) {
grid-area: slice3;
border-bottom-left-radius: 100%;
}

.slice:nth-child(4) {
grid-area: slice4;
border-bottom-right-radius: 100%;
}


🤔Реальность (справа)

.pizza-topping {
float: right;
}
«Библиотека программиста» продолжает поиски контент-менеджера для ведения телеграм-каналов

Ищем человека, который грамотно пишет, разбирается в контенте и в одной из этих тем:
👉С++
👉Frontend
👉мобильная разработка
👉тестирование

Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴

Подробнее о вакансии и форма для отклика — по ссылке.

Ждем вас в команде!
📖 ТОП-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