💡Простой способ обработки темной/светлой цветовой схемы с помощью 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

👨‍💻 Не JavaScript’ом единым: как фронтенд-разработчику затащить на собесе

Виталий Черков, тимлид в KTS, рассуждает о ключевых навыках соискателя, на которые обращают внимание при приеме фронтендера на работу помимо JS:

• Какой разработчик нужен бизнесу
• Качество для пользователя
◦ Скорость
◦ Красота и удобство
◦ Доступность
◦ Безопасность
• Качество для разработчика
◦ Поддерживаемость
◦ Удобство для разработки и отладки
• Качество для системы
• Выводы

Самые полезные каналы для программистов в одной подборке!

Сохраняйте себе, чтобы не потерять 💾

🔥Для всех

Библиотека программиста — новости, статьи, досуг, фундаментальные темы
Книги для программистов
IT-мемы
Proglib Academy — тут мы рассказываем про обучение и курсы
Азбука айтишника — здесь мы познаем азы из мира программирования

🤖Про нейросети
Библиотека робототехники и беспилотников | Роботы, ИИ, интернет вещей
Библиотека нейрозвука | Транскрибация, синтез речи, ИИ-музыка
Библиотека нейротекста | ChatGPT, Gemini, Bing
Библиотека нейровидео | Sora AI, Runway ML, дипфейки
Библиотека нейрокартинок | Midjourney, DALL-E, Stable Diffusion

#️⃣C#

Книги для шарпистов | C#, .NET, F#
Библиотека шарписта — полезные статьи, новости и обучающие материалы по C#
Библиотека задач по C# — код, квизы и тесты
Библиотека собеса по C# — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Вакансии по C#, .NET, Unity Вакансии по PHP, Symfony, Laravel

☁️DevOps

Библиотека devops’а — полезные статьи, новости и обучающие материалы по DevOps
Вакансии по DevOps & SRE
Библиотека задач по DevOps — код, квизы и тесты
Библиотека собеса по DevOps — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования

🐘PHP

Библиотека пхпшника — полезные статьи, новости и обучающие материалы по PHP
Вакансии по PHP, Symfony, Laravel
Библиотека PHP для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по PHP — код, квизы и тесты

🐍Python

Библиотека питониста — полезные статьи, новости и обучающие материалы по Python
Вакансии по питону, Django, Flask
Библиотека Python для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Python — код, квизы и тесты

☕Java

Книги для джавистов | Java
Библиотека джависта — полезные статьи по Java, новости и обучающие материалы
Библиотека Java для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Java — код, квизы и тесты
Вакансии для java-разработчиков

👾Data Science

Книги для дата сайентистов | Data Science
Библиотека Data Science — полезные статьи, новости и обучающие материалы по Data Science
Библиотека Data Science для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Data Science — код, квизы и тесты
Вакансии по Data Science, анализу данных, аналитике, искусственному интеллекту

🦫Go

Книги для Go разработчиков
Библиотека Go разработчика — полезные статьи, новости и обучающие материалы по Go
Библиотека Go для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по Go — код, квизы и тесты
Вакансии по Go

🧠C++

Книги для C/C++ разработчиков
Библиотека C/C++ разработчика — полезные статьи, новости и обучающие материалы по C++
Библиотека C++ для собеса — тренируемся отвечать на каверзные вопросы во время интервью и технического собеседования
Библиотека задач по C++ — код, квизы и тесты
Вакансии по C++

💻Другие каналы

Библиотека фронтендера
Библиотека мобильного разработчика
Библиотека хакера
Библиотека тестировщика
Библиотека разработчика игр | Gamedev, Unity, Unreal Engine
Вакансии по фронтенду, джаваскрипт, React, Angular, Vue
Вакансии для мобильных разработчиков
Вакансии по QA тестированию
InfoSec Jobs — вакансии по информационной безопасности

📁Чтобы добавить папку с нашими каналами, нажмите 👉сюда👈

Также у нас есть боты:
Бот с IT-вакансиями
Бот с мероприятиями в сфере IT

Мы в других соцсетях:
🔸VK
🔸YouTube
🔸Дзен
🔸Facebook *
🔸Instagram *

* Организация Meta запрещена на территории РФ

📖 Обзор книги "Hypermedia-разработка: htmx и Hyperview", Карсон Гросс, Адам Степински, Дениз Акшымшек

Направление: #proglib_webdev
Уровень: #proglib_middle

Книга предлагает разработчикам альтернативный подход к созданию современных веб-приложений, основанный на гипермедиа как системной архитектуре. Она объясняет, как можно использовать htmx и Hyperview для создания более простых и эффективных приложений, избегая при этом излишней сложности, характерной для современных JavaScript-фреймворков.

В книге рассматриваются три основных аспекта: что такое гипермедиа и как она эволюционировала, как использовать htmx для разработки интерактивных веб-приложений, и как применять Hyperview для создания мобильных приложений, полностью опирающихся на гипермедиа.

💬 Что говорят люди:

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

➕ Плюсы:

- Простой и понятный подход к разработке веб-приложений без SPA-фреймворков.
- Глубокое погружение в гипермедиа, HTTP и HTML.
- Примеры реальных приложений, которые можно легко адаптировать под свои нужды.
- Возможность создания мобильных приложений с использованием Hyperview.

➖ Минусы:

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

🖊 Об авторах:

Карсон Гросс, Адам Степински и Дениз Акшымшек — опытные разработчики, которые сосредоточились на продвижении гипермедиа как альтернативного подхода к разработке приложений. Карсон Гросс также известен как создатель библиотеки htmx.

Книга: Ссылка

😎 Современный ванильный JavaScript: серия статей для фронтенд-разработчика

🔹Разработка приложения TodoMVC с использованием современного ванильного JavaScript
🔹Паттерны реактивности с современным ванильным JavaScript
🔹Паттерны эффективного использования памяти при манипуляции с DOM с помощью современного ванильного JavaScript

⚒️ Анонс официальной поддержки Puppeteer для Firefox

Начиная с версии 23, изначально предназначенная только для Chrome библиотека автоматизации браузера Puppeteer от Google теперь имеет первоклассную поддержку и для Firefox.

Читайте подробнее, как теперь можно легко автоматизировать и выполнять end-to-end тестирование с помощью Puppeteer, а также запускать ее как в Chrome, так и в Firefox👇

🔗 Читать

⚛️🛠️ 14 React-инструментов, которые упростят вашу жизнь

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

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