Атрибут datetime-local для выбора даты и времени

Что это: удобная выбиралка одновременно даты и времени в HTML-элементе <input>, без плагинов и JavaScript.

Не путайте с datetime — оно уже вовсю устарело.

Ну и ещё есть значения date и time отдельно, если вам вдруг зачем-то надо такое.

Лайк, если было

HTML Academy и компания «Открытые решения» заключили партнёрское соглашение о подготовке фронтенд-разработчиков.

«Открытые решения» с 2009 года создает инновационные программные продукты для миллионов пользователей в широком спектре областей: фарме, ритейле, финтехе и телекоме. Ежедневно команда компании работает над 30+ программными проектами для самых передовых компаний, среди которых 5 из 10 крупнейших российских бизнесов по версии Forbes.

HTML Academy и «Открытые решения» разработают программы, заточенные под потребности компании. Выпускники этих программ будут обладать глубоким пониманием чистых технологий и владеть стеком инструментов, используемым в компании.

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

https://www.osinit.com

Правило фронтенда #949: оптимизируйте в меру.

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

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

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

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

Лайв состоится 12 июля в 18:00, регистрируйтесь по ссылке, чтобы мы напомнили вам о старте мероприятия → https://htmlacademy.ru/events/live-nauka

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

https://youtube.com/live/xuOKtAtXW_s

🌟 Новый формат обучения! 🌟

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

🚀 Что вас ждет:

- Длительность обучения — 7 месяцев
- Мини-группа — всего 10 человек
- Оплачиваемая стажировка для успешных выпускников
- Переход в штат после успешного прохождения стажировки
- Полная занятость с возможностью удаленной работы

📚 Подробнее о программе:

https://tml.io/nauka

⚡ Осталось всего 4 места. Можно сразу написать менеджеру @htmlacademy_sales, чтобы уточнить детали и успеть забронировать место!

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

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

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

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

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

https://htmlacademy.ru/events/live_only

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

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

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

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

https://htmlacademy.ru/events/live_only

Мы начинаем 🎉 уже через 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