Библиотека фронтендера | 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
加入频道
🔥 12 признаков выгорания или как понять, что вам пора в отпуск

Больше половины программистов страдают профессиональным выгоранием. Здесь может спасти отпуск. Но как понять, когда он нужен? В статье рассматривается 12 признаков, указывающих на то, что вам нужен отдых.

🔗 Читать статью
🔗 Зеркало
Please open Telegram to view this post
VIEW IN TELEGRAM
🌍 Увлекательный мир фронтенда

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

👉 Читать
🎄 24 автора со всего мира написали статьи про HTML и всё, что с ним связано, включая безопасность, доступность, UX и производительность:

1. UX HTML
2. Для этого вам не нужен JavaScript
3. Атрибут формы — повышение гибкости макета формы
4. Назад к основам: 5 атрибутов HTML для улучшения доступности и удобства использования
5. Адская история HTML
6. Веб-компоненты
7. Заголовки безопасности с использованием <meta>
8. Скрытые глубины элемента input
9. Что за slot?
10. Паттерн для обеспечения доступности
11. Скрытый атрибут в HTML
12. Test-driven HTML и доступность
13. HTML: плохие стороны
14. Начало работы с веб-производительностью
15. Призраки прошлого разметки
16. Swallowing camels
17. Назад к основам: семантические списки для улучшения доступности
18. Дорога к HTMHell вымощена семантикой
19. Повышение эффективности тестирования: как семантический HTML меняет сквозное тестирование
20. Паттерн проектирования для кастомных всплывающих подсказок
21. The Implied Web
22. ARIA Live Regions
23. Дьявол кроется в деталях: взгляд на disclosure widget markup
24. Никогда не недооценивайте HTML

#adventcalendar2023
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔 Вам могут быть не нужны Lodash/Underscore

Обширная коллекция, вдохновленная популярной книгой You Might Not Need jQuery, предоставляет чистые JS-альтернативы почти 100 различным функциям, которые вы найдете в популярных библиотеках, таких как Lodash.

👉 GitHub
🎄🎉🥳 Команда «Библиотеки программиста» поздравляет айтишников, программистов, системных администраторов, специалистов техподдержки, руководителей проектов, проектировщиков, инженеров, менеджеров и всех-всех-всех остальных причастных к миру IT с наступающим 2024 годом! Мирного неба и чистого кода!
This media is not supported in your browser
VIEW IN TELEGRAM
🧰 DeviceScript — инструмент, предназначенный для разработки прошивок для небольших IoT-устройств с использованием TypeScript. Он предлагает несколько фич для облегчения процесса разработки:

1. Отладка: DeviceScript поддерживает отладку в Visual Studio Code как для встроенного оборудования, так и для симулированных устройств.

2. Локальная и удаленная рабочая среда: вы можете работать над своими проектами как локально, так и в удаленном контейнере. Эта гибкость может быть полезна для совместной работы и доступа к ресурсам, которые недоступны локально.

3. Драйверы на TypeScript: с помощью DeviceScript вы можете писать драйверы на TypeScript для интерфейсов, таких как I2C и SPI.

4. Экосистема пакетов: DeviceScript интегрируется с менеджерами пакетов, включая npm, yarn или pnpm.
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑‍💻 Статьи для IT: как объяснять и распространять значимые идеи

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

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

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

👉Материалы регулярно дополняются, обновляются и корректируются. А еще мы отвечаем на все учебные вопросы в комментариях курса.
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой и правильный способ отображения таймера с помощью tabular-nums: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
Разработка простого проекта на HTML, CSS, JavaScript, TypeScript и React: 10-часовой курс от freeCodeCampаp

1️⃣ Создание игры «Крестики-нолики» с помощью ванильных HTML/CSS/JS
2️⃣ Рефакторинг игры для использования паттерна MVC
3️⃣ Рефакторинг игры с использованием TypeScript: как настроить TypeScript с нуля и почему это полезно
4️⃣ Рефакторинг игры с использованием React + TypeScript: как настроить React с нуля; почему React полезен и какие проблемы решает библиотека по сравнению с ванильным подходом

📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
🔘Вёрстка классических радио-кнопок с плавными переходами между состояниями с помощью градиентов: мини-гайд от Софии Валитовой.

👉 Читать
402. Тренды и разочорования прошедшего года, как дела у ведущих…
Веб-стандарты
🎙Свежий, новогодний выпуск подкаста «Веб-стандарты»: Андрей Мелихов, Юля Миоцен, Вадим Макеев, Никита Дубко, Алексей Симоненко про тренды и разочарования прошедшего года, как дела у ведущих, надежды и планы на будущий год.

00:01:31 Аналитика
00:17:49 Как дела у Никиты
00:32:27 Радует CSS 5
00:40:50 Надежда на Servo
00:48:06 Text-wrap: balance
00:52:15 Порадовал linear
00:56:51 Sustainability
01:01:36 Радует Baseline
01:10:25 Как дела у Юли
01:15:38 AI в тренде
01:23:48 Развитие интеропа
01:33:53 Веб-компоненты
01:36:38 Новое дыхание PWA
01:42:57 Arc всем нравится
01:46:38 Как дела у Андрея
01:53:16 Плохо Adobe
02:00:17 Расстроил нестинг
02:06:26 Медленные куки
02:09:57 Ничего в CSS
02:18:26 Скучно в дизайне
02:20:33 Зачем Anchor
02:26:15 Не убедил search
02:29:21 Медленный ESM
02:31:29 Как дела у Вадима
02:37:08 Как дела у Лёши
02:41:03 Планы на год

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

#подкасты
🎅 Новый год — отличное время для старта!

🎄Новый год начинается с подарков, а лучший подарок для себя — новые знания! Потому что ну а когда начинать учиться новому, если не в новом году. Выбирайте курс, оставляйте заявку и менеджер вас проконсультирует — https://proglib.io/w/b963d80d

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

Конечно, советуем обратить внимание на наши самые популярные курсы:
Математика для Data Science — 19 490 ₽ (вместо 29 990 ₽)
Алгоритмы и структуры данных — 23 390 ₽ (вместо 35 990 ₽)

🔥 Все цены на сайте уже включают скидку 35%, поэтому не упустите возможность зайти на курс по самой выгодной цене.

☺️ Доступ бессрочный, поэтому учиться вы сможете в своем темпе.

👉 Если вы сомневаетесь в пользе обучения для своего профессионального трека, оставляете заявку. Менеджер поможет разобраться с этим и любым другим вопросом — https://proglib.io/w/b963d80d

🫶 Всех с наступившим новым годом!
🤘 Особенности работы в ИТ: информация из первых рук

👨‍💻 Недавно мы проводили среди вас опрос, а теперь делимся интересными выводами обо всех аспектах работы в ИТ.

📊 Выяснили, с каким стеком можно получать 300к+, что айтишники думают о рекрутерах, насколько они довольны своей зарплатой и ради чего могут сменить работу.

💬 Пишите в комментариях другие темы, о которых вам хотелось бы узнать👇
🎨 StyleX — новый инструмент от Facebook (Meta*) для стилизации веб-приложений. Это простой и удобный в использовании синтаксис и компилятор JavaScript, который сочетает в себе преимущества как встроенных стилей, так и статического CSS.

📌 Конфигурация:

import plugin from '@stylexjs/rollup-plugin';

const config = () => ({
plugins: [
plugin({ ...options })
]
})

export default config;


📌 Определение стилей:

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
root: {
width: '100%',
maxWidth: 800,
minHeight: 40,
},
});


*организация, деятельность которой запрещена на территории РФ
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰Обработка ошибок в Angular: гайд для фронтенд-разработчика

Вы узнаете 4 простые и наиболее распространенные стратегии обработки ошибок:

1️⃣ Обработка ошибок в синхронном коде
2️⃣ Глобальная обработка ошибок
3️⃣ Обработка ошибок в асинхронном коде
4️⃣ Обработка ошибок HTTP
Please open Telegram to view this post
VIEW IN TELEGRAM
💡Одно правило CSS для отображения * у всех обязательных меток полей: на заметку фронтенд-разработчику

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

#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧰 Simple data analysis (SDA) v2

SDA — JavaScript-библиотека для анализа данных. Больше не переключайтесь между Python, R и JavaScript.

Вместо этого используйте эту библиотеку, чтобы объединить всё лучшее. Вторая версия была полностью переписана для повышения производительности.

Под капотом теперь используется DuckDB, а это означает, что она работает в шесть раз быстрее! Посетите сайт и узнайте, как можно использовать библиотеку на практике.

$ npm i simple-data-analysis
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💡HTML-элемент <dialog> в действии, или Как просто создать модальное окно

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

#html #javascript #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM