Мы начинаем 🎉 уже через 1 минуту

https://www.youtube.com/live/leebbXVWGx4

Статья «If CSS Gets Inline Conditionals» радует нас важной новостью — началась работа над включением CSS Conditionals в спецификацию CSS Values Module Level 5.

https://css-tricks.com/if-css-gets-inline-conditionals/

Хотя до полноценной поддержки условий в CSS ещё очень далеко, в статье приводятся примеры возможного синтаксиса и примеры использования.

Злые языки считают, что условия в CSS откроют портал в пропасть и фронтенд никогда не сможет стать прежним. Опытные профессионалы относятся к фиче со сдержанным оптимизмом.

Комментарий от Николая Громова, ведущего разработчика интерфейсов
компании Наука:

«Ждём когда эта забавная особенность станет продакшн-реди.
Она расширит список способов, которыми можно реализовывать одну и ту же задачу уже не только в рамках одной технологии (пока что-то подобное делается на JS), но и кросстехнологично.»

#полезноеотработодателей #полезноеотnauka

Бесплатная книга «Глубокое погружение в TypeScript» вобрала в себя огромный опыт сообщества TypeScript. Она подходит для углублённого изучения языка новичками и профессионалами.

https://github.com/etroynov/typescript-book/tree/master

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Глубокое погружение в TS. Задраить люки! Хорошая книга для саморазвития. Однако, вынужден уточнить: далеко не все из этой книги я видел в реальной жизни. ДАЛЕКО не всё.»

#полезноеотработодателей #полезноеотnauka

Из золотой коллекции профессионального фронтенд-разработчика:

Patterns.dev — сборник паттернов по архитектуре, рендерингу и производительности в современных веб-приложениях.

https://www.patterns.dev

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

Сокровищем поделился Сергей Куксов, руководитель отдела Frontend-разработки компании Наука:

«Особенно примечателна возможность переключения между паттернами ванильного JS, React и VueJS, обильное количество картинок и видео с объяснением причин и результата»

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам.

#полезноеотработодателей #полезноеотnauka

Статья «JavaScript эволюционирует: новые методы и функции для эффективной разработки» рассказывает о новинках, которые помогут повысить читаемость и эффективность кода.

https://proglib.io/p/javascript-evolyucioniruet-novye-metody-i-funkcii-dlya-effektivnoy-razrabotki-2024-07-22

Комментарий от Юлии Кротовой, тимлида компании Only:

«Порадовали новые методы для работы с массивами, а так же синтаксис Promise.withResolvers. Особенно приятно, что фичи уже доступны во всех основных браузерах, и можно смело пробовать использовать их в своем коде.»

#полезноеотработодателей #полезноеотonly

Мощь CSS-переменных выросла в разы, ведь в середине июля в Firefox добавили поддержку директивы property. Статья «Providing Type Definitions for CSS with property» рассказывает, чем полезна эта директива и очень подробно описывает её возможности.

https://moderncss.dev/providing-type-definitions-for-css-with-at-property/

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Если вам не хватало typescript в CSS, то у меня для вас отличные новости! :D На мой взгляд, полезность такой типизации можно почувствовать лишь в ситуации каких-то дъявольских ограничений в разработке, которые (ограничения) сложно представить...»

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам

#полезноеотработодателей #полезноеотnauka

Репозиторий с описанием алгоритмов и структур данных с реализацией на JS

https://github.com/trekhleb/javascript-algorithms/blob/master/README.ru-RU.md

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам

#полезноеотработодателей #полезноеотnauka

Статья «CSS Grid Areas» — титанический, а главное актуальный, труд, который описывает возможности именованных грид-областей. В статье есть несколько десятков интерактивных демонстраций с примерами кода и море крутейших приёмов работы с гридами, которые должны быть в арсенале каждого современного фронтендера.

https://ishadeed.com/article/css-grid-area/

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Вся статья целиком, как описание наиболее полезных возможностей CSS grid, весьма хороша! Хотя проблема с нумерацией грид-линий в начале статьи выглядит немного (полностью) высосанной из пальца.»

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам

#полезноеотработодателей #полезноеотnauka

По ссылке несколько вдохновляющих примеров использования :has

https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world/

Комментарий от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Когда я смотрю на современный CSS, я, частенько плачу от счастья, вспоминая верстку сглаженных углов таблицами.»

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам

#полезноеотработодателей #полезноеотnauka

Идёт набор на совместную программу обучения для Лиги А:
— Обучение напрямую для работодателя
— Малая группа — 10 человек
— Старт — 26 августа

Подробности программы и запись по ссылке:
https://htmlacademy.ru/profession/frontender/liga

Лайв с компанией Контур — обучение напрямую для работодателя

HTML Academy и Контур разработали совместную программу, цель которой — с нуля вырастить будущих сотрудников компании, обладающих теми навыками, которые необходимы работодателю.

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

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

Лайв состоится 4 сентября в 20:00, регистрируйтесь по ссылке, чтобы мы напомнили вам о старте мероприятия:

https://htmlacademy.ru/events/live_kontur

Знакомство с HTML, CSS и JS

Делимся коротким введением в основы HTML, CSS и JS. Оно хорошо сочетается с тренажёрами, например, с этим.

Если вас вечно спрашивают друзья друзей, с чего начать писать код — отправьте им эту ссылку:

👉 https://tml.io/html-intro

Ну слушайте, мы даже не специально, но

👉️️️️️️ https://htmlacademy.ru/blog/js/upside-down

Через час, в 20:00, начнётся лайв с компанией Контур про обучение напрямую для работодателя.

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

Узнайте больше про новый стандарт обучения, в котором работодатели глубоко вовлекаются в подготовку кадров.

Записаться на лайв можно по ссылке

https://htmlacademy.ru/events/live_kontur

Начался лайв с компанией Контур про обучение напрямую для работодателя.

Присоединяйтесь по ссылкам:
ВК — https://vk.com/video-38306835_456239481
Ютюб — https://www.youtube.com/live/Yschwcerht0

В соцсети Х вовсю спорят о миллениальской эстетике.

Стоит закончить спор, ведь вот она:

⚡ Знакомство с фронтендом

Это первая часть мощнейшего курса «Старт в программировании». Познакомьтесь с базой веб-разработки и попробуйте написать свою первую разметку, стили и скрипты.

Магазин товаров для дома Gloevk ждёт, пока вы его доделаете :)

👉️️️️️️ Начать курс

WebP — формат сжатия веб-страниц

Отличное расследование того, как упаковать страницу эффективнее gzip и Brotli. Правда, со своими нюансами (их полно!)

Читается как детектив:
https://habr.com/ru/articles/841754/

Интересный набор свободных API для студентов и разработчиков. Пригодится, если нужно тестировать обмен с сервером, а бэкенд-программист внутри еще не родился.

https://www.freepublicapis.com/

---

В рубрике «полезное от работодателей» ведущие разработчики наших компаний-партнёров делятся техническими материалами, которые интересны им самим и их командам

#полезноеотработодателей #полезноеотnauka

Вышел TypeScript 5.6. Завезли

— синтаксические проверки nullish/truthy
— вспомогательные методы итератора
— проверки строгости
— гибкое поведение --build.

Обновляемся?