- Десятка лучших frontend-сообществ и каналов
- Фронтенд-новости №2. Новинки CSS в 2022, ShadowRealms и холивары про async/await
- HTML
- CSS
- JavaScript
- React
- Angular
- Node.js
- Инструменты
- Оптимизации
- Общее
- Как читать статьи на английском языке
- 9 русскоязычных подкастов и telegram-каналов для фронтенд-разработчика
- 9 подкастов о Frontend
- 9 телеграм-каналов о Frontend
- Issue 367 July 19th 2023
- Sponsor (Thank You)
- AppSumo is the store for entrepreneurs.
- Sponsor next issue
- Learn
- Building a Sync Bridge
- Resource Optimization in Node.js
- Composable Applications and Component-Driven Development: a Guide
- Tools & Code
- 15+ Best JavaScript IDE And Online Code Editors In 2023
- Awesome List of the Best Developer Tools
- Watch
- 10 Tailwind Tricks You Need To Know!
- Misc
- Top 12 free JavaScript Resources for Advanced Users
- Sponsor
- Try DigitalOcean for free with a $200 credit!
- Sponsor next issue
Десятка лучших frontend-сообществ и каналов
Что может быть ценнее новых идей и нового опыта? Только возможность обсудить их вместе с людьми, которые в теме.
Мы решили сделать для вас подборку самых интересных frontend-сообществ и полезных каналов YouTube для разработчиков JavaScript и веб-дизайнеров.
Это мега-популярный ресурс, посещаемость которого составляет 5,8 млн заходов в месяц. Он предлагает полезный контент для веб-разработчиков и дизайнеров.
Сайт был основан в 2006 году Свеном Ленарцом и Виталием Фридманом. В 2008, 2009 и 2010 году был признан лучшим .net Awards в категории Blog of the year. А в 2010 году получил награду Shorty Awards как Best in Design. В общем, обязательно туда заходите!
Первое русскоязычное сообщество фронтенд-разработчиков, основанное в 2006 году одним из столпов рунет-комьюнити разработчиков Вадимом Макеевым. Проекты, которые вы можете найти там: лента новостей, подкаст, конференция словарь, календарь. Сегодня в сообществе свыше 30 тысяч участников и много интересного:
За тем, что происходит в индустрии тут следят более 60 000 человек. В этой группе ВК публикуют новости и полезные материалы для фронтендеров, дизайнеров и сочувствующих.
vConsole, встраиваемая консоль разработчика от Tencent для отладки в мобильных браузерах, которая реализует просмотр логов, сетевых запросов, DOM, хранилищ и cookies, позволяет выполнять кастомный JS и поддерживает плагины.
Декодирование AVIF: глубокое погружение с котиками и imgproxy.
В это группе публикуются статьи из одноименного англоязычного блога про веб-дизайн. С подписчиками делятся приложениями и инструментами для разработки, дизайна сайтов и email-рассылок.
Это сообщество разработчиков было организовано в 2013 году. Сегодня The Rolling Scopes известно во всем мире по разным мероприятиям: митапам, JS DEV Day, RS Summer Summit и конференциям. А еще там можно найти множество полезных материалов на английском языке.
В этом небольшом, но полезном сообществе на Facebook, начинающие разработчики приложений и игр под Android, iOS и другие системы делятся своими наработками и спрашивают совета. Там можно задать вопросы и обсудить проблемы, связанные с кодингом, продвижением и путями монетизации своих продуктов.
Кроме того, есть YouTube-каналы, куда полезно периодически заглядывать.
Наверное, самый популярный канал по веб-разработке, у которого больше 2,5 миллионов подписчиков. Там можно найти обучающие видео по C, C++, Java, JS, HTML, Python, PHP, Bootstrap и разработке приложений.
Это очень крутой канал, в котором собрано множество полезных материалов.
HTML, Stylus, CSS, Sass. У создателей канала Скотта Толински и Бена Шаффа есть много отличных туториалов по темам, которые редко встречаются на других ресурсах. Всего вас ждет более тысячи видеоуроков.
Отличный канал для новичков, на котором большое количество видео по JavaScript и серия обзоров инструментов для веб-разработки. Кроме того, там можно найти учебные пособия и советы по построению карьеры.
Ну, и, конечно, я от всей души рекомендую прийти на нашу конференцию, FrontendConf 2021. В этом году на ней, кстати, выступит разраб и блогер Лекс АйТиБорода, который расскажет зачем айтишнику пилить видосы.
Встречаемся на FrontendConf 2021 в Москве или онлайн по всему миру 11-12 октября. Билеты, описание докладов, расписание и другая необходимая информация уже на сайте конференции.
Фронтенд-новости №2. Новинки CSS в 2022, ShadowRealms и холивары про async/await
Дайджест новостей из мира фронтенд-разработки за последнюю неделю 11–17 апреля.
HTML
- Проектирование лучшей бесконечной прокрутки.
- Как и где отображается доступное описание и имя.
- Лёгкий и доступный способ создания .
- Как построить постепенно расширяемый, доступный, фильтруемый пагинационный список.
- Улучшаем производительность .
- Начинайте с HTML. Статья, напоминающая про прогрессивное улучшение.
- Создаём компонент диалога.
CSS
- Список новинок в CSS на 2022 год. Предыдущий список обнов.
- Стили для «неопределённого» состояния элемента.
- Глубокое погружение в функцию CSS :where().
- Идентификация шрифтов в дикой природе. Определяем шрифт где угодно.
- Новые цветовые функции из модуля CSS Color Module Level 5.
- Анимируем грид-полосы с помощью :has.
JavaScript
- Рекомендации по тестированию JavaScript и node.js в 2022. 50 лучших практик, разделённых на категории с простыми примерами.
- ShadowRealms— предложение ECMAScript для лучшего eval() .
- Как компилируется компилятор TypeScript.
- Как тестировать взаимодействие компонентов с помощью Storybook.
- «Почему я избегаю async/await». Осторожно холивары.
- Proposal в ECMASCript: четыре неразрушающих метода массива для копирования: .toReversed() — аналог reverse() ; .toSorted() — аналог sort() ; .toSpliced() — аналог splice ; .with() — аналог arr[index] = value .
- Сортировка с учетом локали.
React
- Redux reducers на Rust.
- Список React-библиотек на 2022 год.
- Как создать кастомные React-хуки.
- Обновляем структуру папок React-приложения до последних стандартов.
- React-хук для обнаружения клика за пределами компонента.
- Как обнаружить жест «долгого нажатия».
Angular
Node.js
Инструменты
- Firefox 98 включает новую версию панели «Производительность» в панели инструментов DevTools.
- Rome Formatter — инструмент для форматирования JavaScript и TypeScript.
- RedwoodJS 1.0 — фреймворк на базе React и GraphQL для создания чего угодно.
- Swiper 8.1 — обновился слайдер с сенсорным управлением и аппаратным ускорением.
- CSS Checker — проверяем количество похожих и дублирующихся CSS-классов.
- react-cancelable — отменяет ненужные запросы.
- Генератор градиентов.
Оптимизации
Общее
Как читать статьи на английском языке
В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.
9 русскоязычных подкастов и telegram-каналов для фронтенд-разработчика
Есть мнение, что с разработкой на JS сталкивается едва ли не каждый программист, и получение этого опыта — лишь вопрос времени. По этой причине компания Oxagile подготовила подборку полезных ресурсов по JS-программированию.
Для тех, кто готовится к этой неизбежности, и тех, кто уже на передовой, мы подготовили подборку подкастов и телеграм каналов: от еженедельных новостей о фронтенд-разработке до конференций, вакансий и хайпа.
9 подкастов о Frontend
1. Radio JS
Очевидно, подкаст про JS. Говорят о библиотеках и фреймворках, последних тенденциях и приёмах «старой школы». Время от времени приглашают гостей — знатных профессионалов — поделиться опытом.
2. Веб-стандарты
Подкаст сообщества «Веб-Стандарты». Ведущие — очень уважаемые специалисты из мира фронтенда: Вадим Макеев, Алексей Симоненко, Ольга Алексашенко. Обсуждают фронтенд-новости за неделю.
Еженедельный подкаст о новостях мира фронтенд-разработки и индустрии web-технологий изнутри. Обсуждают всё: от JavaScript и CSS до митапов, конференций и работы в ИТ-сфере.
Кстати, в последнем выпуске Павел Ловцевич рассказывает, как образовались Минские сообщества Minsk CSS и Minsk JS и про недавно прошедшую конференцию Css-Minsk-js.by
Ещё один еженедельный подкаст о тяготах фронтенд-программирования и веб-технологиях. Спектр обсуждаемых тем также весьма широк, но не выходит за разумные рамки.
Вся правда о фронтенд-разработке. Всё, о чём боятся говорить, вы услышите здесь: смузи, вейп, ES6, React. Ведущие обещают «накрыть слушателей волной хайпа».
Подкаст о JavaScript, фронтенде и сопутствующих технологиях. Практически в каждый выпуск приглашают гостя.
Крафтовый подкаст про фронтенд и людей.
Подкасты про ИТ и веб-разработку: веб-дизайн, различные языки программирования и новости из мира технологий.
Подкаст о React и смежных технологиях в мире JavaScript, еженедельные выпуски по 5-10 минут. Всё преимущественно по делу и без «воды»!
9 телеграм-каналов о Frontend
Telegram-каналы — всё более популярный и весьма удобный способ следить за новостями и новинками, читать лайфхаки от ведущих разработчиков и лидеров сообществ.
Когда работать невмоготу, комментарии на любимых сайтах надоели, все коубы с котиками посмотрены, а особенно если за такое времяпрепровождение гложет совесть, помните: профессиональные телеграм-каналы — приличный досуг.
@forwebdev
7866 подписчиков
@front_end_dev
2329 подписчиков
@breakfastjs
590 подписчиков
@webstandards_ru
3575 подписчиков
@devSchacht
233 подписчиков
@webo_ru
693 подписчиков
@frontendraccoon
1065 подписчиков
@html5by
150 подписчиков
@ru_5minreact
91 подписчик
*Редакция dev.by не несёт ответственности за содержание корпоративных блогов
Issue 367 July 19th 2023
Shalitha Suranga explains several modern JavaScript syntaxes you can practice in any JavaScript-based codebase to write futuristic, minimal, highly readable, and clean source code!
Sponsor (Thank You)
AppSumo is the store for entrepreneurs.
We curate essential software deals that every entrepreneur needs to run their business.
Sponsor next issue
Learn
Building a Sync Bridge
This article demonstrates a general solution to adapting event-based APIs into convenient, Promise-based APIs that hide the complexity and boilerplate of message passing and allow you to write linear code across application boundaries.
Resource Optimization in Node.js
Nelson Gomes uncovers the full potential of Node.js and discovers how resource optimization can enhance the performance and efficiency of your applications.
Composable Applications and Component-Driven Development: a Guide
In this article, we’ll dive into the required capabilities for building composable applications in a component-driven way and how to streamline and scale the process with a dedicated platform and OSS tools.
Tools & Code
15+ Best JavaScript IDE And Online Code Editors In 2023
Learn more about some of the most popular IDEs for the JavaScript environment. Review and compare the top JavaScript IDEs and Online Code Editors to select the best JavaScript Code Editor as per your requirements.
Awesome List of the Best Developer Tools
In this rapidly evolving tech world, we see lots of dev tools getting launched every day. In this post, we are going to look into some tools, from codesearch to AI code-writing tools. Learn how they can help you maximize your coding prowess.
Watch
10 Tailwind Tricks You Need To Know!
Tailwind styles web projects and this awesome video lists the 10 main tips every developer should know.
Misc
Top 12 free JavaScript Resources for Advanced Users
If you have a strong knowledge of programming and want to improve your JavaScript skills or want a good reference book, then here’s a list of 12 free JavaScript books to help you save time and energy along the way.
Sponsor
Try DigitalOcean for free with a $200 credit!
DigitalOcean is a cloud computing platform that makes it easy to build, deploy, and scale applications of all shapes and sizes. With a simple, developer-friendly platform and flexible pricing, it’s no wonder that DigitalOcean is trusted by millions of developers around the world. Whether you’re just getting started or are an experienced developer, DigitalOcean has the tools and resources you need to bring your ideas to life. Explore DigitalOcean today and see how it can help you build, deploy, and scale your next great project.