​[Реклама]
Как из кода для машин получается сайт для людей?
Познакомьтесь с основами фронтенд-разработки на бесплатном интенсиве от GeekBrains.

На интенсиве:
— посмотрим на сайт глазами разработчика;
— разберёмся с HTML-тегами и CSS-свойствами;
— познакомимся с блочной моделью;
— попробуем сделать свою страницу.

Ещё не знакомы с HTML и CSS и не определились, какое направление в программировании выбрать?

Подключайтесь к бесплатному интенсиву от GeekBrains → https://gb.ru/link/Ptv1uK

Wrike переходит с Dart на TypeScript и React: подробный рассказ в двух частях о причинах и аргументах в пользу перехода.

Почему не Dart → https://habr.com/p/551962/
Почему TypeScript и React → https://habr.com/p/551964/

Автоматически растягивающаяся textarea: Крис Койер делится трюком, позволяющим реализовать авторасширение textarea на гридах с минимумом JS → https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/

WinBox, библиотека для реализации оконных интерфейсов в вебе → https://nextapps-de.github.io/winbox/

Sucrase, альтернатива Babel для ускорения транспиляции в режиме разработки: транспилирует код с прицелом на современные браузеры, работает в 20 раз быстрее Babel → https://github.com/alangpierce/sucrase

Неочевидная особенность регулярных выражений в JavaScript: как не сломать код, вынося регулярки в переменные → https://forweb.dev/ru/blog/stateful-regexps/

SVG Waves, генератор SVG-волн для красивого разделения секций страницы → https://www.svgwaves.io

Как инженеры GitHub используют веб-компоненты для разработки интерфейсов → https://github.blog/2021-05-04-how-we-use-web-components-at-github/

GitHub Elements, опенсорсные веб-компоненты, разработанные и используемые в GitHub → https://github.com/github/github-elements

Стандарт Temporal за две минуты: обзорное введение в новый API для работы с датами и временем в JavaScript → https://bkardell.com/blog/TemporalIn2Min.html

Сериал «История фронтенда», второй выпуск: JavaScript как отражение новой эпохи. История языка JavaScript, его стандарта ECMAScript и выросшей вокруг него экосистемы в 2000-х годах → https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/

Вышел Bootstrap 5: выпилена jQuery, отказ от поддержки IE, поддержка RTL из коробки, новые компоненты, переход на Dart Sass и множество других улучшений → https://blog.getbootstrap.com/2021/05/05/bootstrap-5

Легендарному CSS Zen Garden исполнилось 18 лет: хороший повод вспомнить проект, показавший нам, насколько широки возможности стилизации одной и той же разметки → http://www.csszengarden.com

​[Реклама]
SmartDev - первая технологическая конференция Сбера для разработчиков

⏱ 20 мая
👨‍💻 Онлайн и бесплатно
🎯 Регистрация

Первая техно-конференция, на которой соберутся более 3000 участников и обсудят лучшие практики и возможности Сбера для разработчиков. 6 параллельных стримов, 50+ спикеров.

На стриме Platform V эксперты расскажут, как быстро перейти на современный стек технологий и автоматизировать создание IT-сервисов и продуктов на всех слоях enterprise-архитектуры. Презентация Platform V Light — бесплатные сервисы платформы, впервые доступны для индивидуальных разработчиков и предпринимателей.

О чем поговорим:
— фронтальные и бэкенд-сервисы для создания и вывода продуктов с минимальным time to market;
— облачное интеграционное решение на базе service mesh;
— использование инструментов AI на всех слоях enterprise-архитектуры;
— serverless-инструменты для освобождения разработчиков от инфраструктурных задач;
— шардирование и горизонтальное масштабирование для обеспечения высочайшего уровня надежности;
— сервисы Platform V для разработки навыков Салюта.

Участие в конференции бесплатное, по предварительной регистрации.
До встречи в прямом эфире! ✊

Коллекции плохих практик и ошибок применения HTML и CSS с рекомендациями по исправлению, собранные на основе реальных сайтов:

HTMHell → https://www.htmhell.dev
CSS Hell → https://csshell.dev

Коллекция рекомендованных базовых tsconfig для разных окружений → https://github.com/tsconfig/bases

Генеративный дизайн для шеринга в соцсетях: руководство по разработке конструктора картинок с генеративным фоном на SVG → https://georgefrancis.dev/writing/generative-svg-social-images/

Catalyst, созданный и используемый в GitHub набор принципов, техник и инструментов разработки веб-компонентов для сложных приложений → https://github.github.io/catalyst/

Официальный сайт TC39 (комитет, разрабатывающий спецификацию ECMAScript) теперь доступен на русском языке: полезные ссылки и обзор предложений-кандидатов в спецификацию → https://tc39.es/ru

Помочь с переводом и предложить улучшения → https://github.com/tc39/tc39.github.io

Can I :has(): Брайан Карделл анонсирует начало работы над реализацией родительского селектора :has() в браузерах и рассказывает о его сложной истории → https://bkardell.com/blog/canihas.html

Руководство по тришейкингу: что это за оптимизация, как она работает и как применять её на практике → https://www.smashingmagazine.com/2021/05/tree-shaking-reference-guide/