🚀 Как повысить скорость работы веб-приложения: советы для фронтенд-разработчика

👉 Источник

#cheatsheet #tip #perfomance

💻 15 продвинутых лайфхаков для работы в терминале Linux

Рассказываем, как использовать малоизвестные, но мощные инструменты терминала: от редактирования длинных команд в текстовом редакторе до автоматизации сложных процессов с помощью tmux.

👉 Ссылка

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

🔹 Используйте field-sizing: content, чтобы текстовая область автоматически изменяла размер в соответствии с ее содержимым.
🔹 Используйте единицы измерения lh, чтобы установить высоту в вычисленных единицах высоты строки шрифта.

#css #tip by stackblitz

🕸 7 HTML-трюков, которые вам нужно знать

Семь HTML-трюков, которые должны быть в арсенале каждого веб-разработчика. Эти приемы помогут вам создавать более удобные и визуально привлекательные сайты, улучшая взаимодействие с пользователями.

🔗 Читать статью
🔗 Зеркало

💡Простой способ обработки темной/светлой цветовой схемы с помощью light-dark(): на заметку фронтенд-разработчику

#css #tip by Shripal Soni

🛠 JavaScript: структуры данных и алгоритмы

Серия статей, в которой Игорь Агапов из Timeweb Cloud разбирает структуры данных и алгоритмы, представленные в популярном репозитории:

🔸 Часть 1: односвязный и двусвязный список, стек и очередь
🔸 Часть 2: хэш-таблица, куча, очередь с приоритетом и префиксное дерево
🔸 Часть 3: двоичное дерево поиска, АВЛ-дерево и красно-черное дерево
🔸 Часть 4: дерево отрезков, дерево Фенвика, а также граф (направленный и ненаправленный).
🔸 Часть 5: система непересекающихся множеств, фильтр Блума и кэш актуальных данных.
🔸 Часть 6: алгоритмы для работы с множествами
🔸 Часть 7: алгоритмы для работы со строками и поиска

#javascript #практика

🏠 5 способов создания DOM-элементов из HTML-строк методами JavaScript

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

🔗 Читать статью
🔗 Зеркало

🚀 Анонс TutorialKit: создавайте интерактивные руководства с помощью одной команды

TutorialKit — CLI-инструмент, который за вас создаст интерактивные обучающие материалы по коду для вашего JavaScript фреймворка или библиотеки.

npm create tutorial

🔗 Читать анонс

🔧 Компилятор своими руками: краткий гид для начинающих

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

🔗 Ссылка на статью

🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Андрей Мелихов, Полина Гуртовая про Firefox 129 и WebDriver BiDi, бету Chrome 128, import maps, JS-рантаймы, Chrome на iOS и ваниль.

00:01:15 Избавились от Gulp
00:03:19 Firefox 129 и WebDriver BiDi
00:29:02 Бета Chrome 128
00:49:19 Dynamic import maps
01:04:17 Какой JS-рантайм быстрее
01:16:34 Нативный Chrome на iOS
01:24:40 Ванильный дауншифтинг

▶ YouTube | Сайт подкаста

#подкасты #новости

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

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

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

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

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

💪 VS Code на стероидах: 15 полезных расширений для фронтендера

Мы отобрали 15 плагинов, которые покрывают все аспекты современной веб-разработки: от работы с HTML до интеграции с Figma и Docker.

🔗 Читать статью
🔗 Зеркало

🖼️ 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта

Рендеринг — это процесс превращения кода в контент. За годы развития интернета эта технология прошла долгий путь — от формирования простейших HTML-страниц на стороне сервера до динамического обновления интерактивных приложений без перезагрузки.

Сейчас в ходу несколько методов рендеринга:

▪️Генерация статических сайтов (предварительно генерирует HTML-страницы во время сборки приложения).
▪️Генерация на стороне сервера (генерирует полный HTML для страницы при каждом запросе).
▪️Генерация на стороне клиента (использует JavaScript для рендеринга контента в браузере пользователя).
▪️Инкрементальная статическая регенерация (позволяет обновлять отдельные страницы после сборки сайта).
▪️Частичный пререндеринг (экспериментальный подход, который стремится автоматически оптимизировать стратегии рендеринга).

О преимуществах и недостатках каждого подхода, читайте в нашей новой статье 👈

💡 Простой способ отслеживания текущего сфокусированного элемента на веб-странице: на заметку фронтенд-разработчику

#devtools #tip by Shripal Soni