Последние несколько месяцев открыли золотую эру веб UI (User Interface — пользовательский интерфейс).

Вот 20 самых захватывающих и впечатляющих возможностей, которые появились недавно или появятся в ближайшем будущем:

• запросы контейнера (container queries);
• запросы стиля (style queries);
• селектор :has();
• микросинтаксис nth-of;
• text-wrap: balance;
• initial-letter;
• динамические единицы измерения области просмотра (viewport);
• цветовые пространства с широкой гаммой;
• color-mix();
• вложенность селекторов (nesting);
• каскадные слои (cascade layers);
• стили с ограниченной областью видимости (scoped styles);
• тригонометрические функции;
• индивидуальные свойства трансформации;
• popover;
• позиционирование якоря (anchor positioning);
• selectmenu;
• дискретные свойства переходов;
• анимации, управляемые прокруткой (scroll-driven animations);
• переходы отображения (view transitions).

Руководства, шпаргалки, вопросы и другие материалы по JavaScript, TypeScript, React, Next.js, Node.js, Express, Prisma, GraphQL, Docker и другим технологиям, связанным с разработкой веб-приложений.

In my previous article, I showed you how to deploy your project to Firebase and use it for free. Now, let’s explore additional benefits of Firebase. In the upcoming article, I will show you how to set up a custom domain name for your project and utilize a free SSL certificate from Firebase.

Всем привет! В свободное от не-работы время я CTO собственной компании (DigitalWand), и как следствие – чем мне только ни приходится заниматься! И вот недавно один из наших клиентов посетовал на проблемы в своей внутренней кухне: мол, вирус положил внутренние сервисы, включая git и площадки для разработки. И тут мне вспомнилась собственная аналогичная проблема, которая произошла год тому назад. Вот эту страшилку и хотел бы рассказать. Думаю, будет полезна как начинающим сисадминам и девопсам, так и вообще людям, которые каким-то боком с линуксовыми серверами связаны, но серьёзного пороха ещё не нюхали.

Mozila обновила ресурс MDN (Mozilla Developer Network). Изменили внешний вид веб-портала, улучшили систему поиска и переработали сортировку по темам. Вместе с этим анонсировали премиальную подписку MDN Plus, позволяющую персонализировать документацию под собственные нужды.

Считается, что самый простой способ начать карьеру в ИТ — стать тестировщиком. Есть и другое направление: его относительно просто освоить на базовом уровне, но оно открывает большие перспективы. Речь о веб-разработке. Только на hh.ru постоянно открыто окло 2000 вакансий для таких специалистов. Мы собрали несколько бесплатных курсов и лекций для начинающих.

«Яндекс Карты» представили JavaScript API 3.0, позволяющее встраивать интерактивные карты в веб-приложения. Теперь разработчики могут менять дизайн карт и использовать TypeScript.

8 декабря в 18:00 состоится онлайн-митап SuperJob Tech Experience. Обсудим главные вопросы вокруг дизайн-систем, а также поделимся опытом их построения и сопровождения, вместе со спикерами из компаний Skyeng, Ростелеком и Контур.

VK Образование запускает для студентов и выпускников российских вузов три бесплатные программы: по автоматизированному тестированию, веб- или fullstack-разработке. Преподавать на курсах будут эксперты VK. Работая с реальными сценариями и технологиями компании, студенты получат прикладные навыки, необходимые для успешного начала карьеры в ИТ, и научатся применять их в бизнес-процессах. Обучение бесплатное, но для поступления необходимо пройти вступительные испытания. Занятия проходят в вечернее время — можно совмещать с учёбой или работой. Лучшие выпускники получат возможность присоединиться к команде VK. Подать заявку можно на сайте.

На дворе 2021, всё прогрессивное человечество уже года три слушает приятные голоса по дороге на работу, каждое медиа завело себе по 24 регулярных подкаста, а мы вот только решились.

«Тем лучше, меньше ошибок повторим» — подумали мы и запустили свой подкаст «Да как так-то». Позвали в гости разработчиков, наставников, тимлидов, продактов, проджектов, эйчаров и других видных людей из индустрии и расспросили о том, как всё устроено во фронтенде и как туда попасть новичкам.

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

Антон Тужик из Semrush поделится чеклистом для прироста производительности сайтов и веб-приложений. А Алексей Шаров и Игорь Зубов из Wrike расскажут, как спасли важный компонент ускорением Workload.

Программа и спикеры – под катом.

Многие из нас ждут выхода Vue 3 и похоже, что он почти здесь (релиз запланирован на второй квартал 2020 года) и уже есть возможность взглянуть или даже поэкспериментировать с бета-версией.

Разработчики представили TypeScript 4.5. В новой версии поработали над производительностью языка, добавили новые возможности автодополнения кода для редакторов и упростили способы переподключения библиотек.

Ну что, как вам неделька после праздников? Тяжеловато?

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

За 3 месяца студенты научатся превращать дизайн в код, создавать сайты с нуля и понимать визуальную часть пользовательского интерфейса. Узнают о современных стандартах HTML и CSS и инструментах для профессиональной вёрстки, например, Git, Node.js, PostCSS.

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

Google выпустила обновление браузера Chrome 112. Разработчики добавили поддержку препроцессорных правил вложения CSS-селекторов и обновили алгоритм фокусировки в элементах с тегом <dialog>. Новая версия браузера уже доступна пользователям и разработчикам.

Привет, хабровчане! 3 июня в 11:00 приглашаем вас на VK Open — первую в России конференцию, посвящённую открытым платформам, на которых сторонние разработчики могут создавать и размещать цифровые продукты. Приходите на конференцию, чтобы узнать, как открытые платформы позволяют всем желающим создавать и размещать цифровые продукты, а также как их монетизировать и стабильно зарабатывать. Зарегистрироваться на мероприятие можно тут. 

Состоялся релиз фреймворка Electron 24.0.0. Кодовая база теперь основана на Chromium 112, Node.js 18.14.0 и JavaScript V8 11.2. Сам фреймворк позволяет разрабатывать настольные графические приложения с использованием веб-технологий.