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

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

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

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
435. Firefox 129 и WebDriver BiDi, бета Chrome 128, import maps…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Алексей Симоненко, Андрей Мелихов, Полина Гуртовая про 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.

🔗 Читать статью
🔗 Зеркало
Media is too big
VIEW IN TELEGRAM
🖼️ 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта

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

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

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

О преимуществах и недостатках каждого подхода, читайте в нашей новой статье 👈
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Простой способ отслеживания текущего сфокусированного элемента на веб-странице: на заметку фронтенд-разработчику

#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.

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

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

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

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

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

👉 Читать статью
👉 Зеркало
🔤 typlr.app: создание шрифтов в браузере

Если вы никогда не пытались создать свой собственный шрифт, typlr.app может быть отличным ресурсом для начала! Этот интерактивный инструмент позволяет настраивать форму и кернинг каждой буквы. Его также можно установить как PWA.

👉 typlr.app
🤖🛠️ ТОП-25 опенсорсных инструментов для вашего ИИ-проекта

В этой статье мы собрали 25 лучших инструментов с открытым кодом, которые помогут вам создать ИИ-проекты, автоматизировать процессы и расширить функциональность ваших приложений.

🔗 Ссылка на статью
⚒️ ObsoHTML — Node и CLI-инструмент для поиска устаревшего HTML. Он просканирует ваши файлы HTML, PHP, JavaScript и TypeScript в указанном каталоге на наличие устаревших атрибутов/элементов HTML и обновит их.

node bin/obsohtml.js -f /path/to/folder


👉 Анонс
📦 Установить
👨‍💻 Один день из жизни JavaScript разработчика и его техлида

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

👉 Читать