🎙 Подкаст «Про код», выпуск 19. Форматеры объектов, новая Prisma и repeat() в гридах

Обсудили форматеры в Firefox 116: зачем они нужны и кто ими пользуется. Вспомнили VanJS — микрофреймворк, который дорос до версии 1.0. Подробно разобрали функцию repeat() для использования в гридах. Устроили ликбез по ORM и разобрали нововведения в Prisma. Поговорили про новую спеку анимаций основанных на прокрутке и это ещё не всё…

Ведущие: Коля Шабалин и Игорь Антонов.

00:00:25 Пользовательские форматеры объектов в DevTools теперь и в Firefox
00:08:51 VanJS дорос до версии 1.0
00:13:50 Как использовать функцию repeat() гридов
00:34:09 Вышла Prisma версии 5.1
00:52:26 tsup
00:58:24 Анимация прокрутки в CSS
01:07:06 Бойлерплейты: Hackathon Starter для Node.js, Vite React Boilerplate

👉 https://tml.io/procode19

#htmlacademy_полезное

📋 Alt-текст: шесть правил, которые нужно знать

Альтернативный текст — это описание изображения на сайте словами. Он нужен для изображений, которые не видны пользователям из-за медленного соединения, неправильного пути, или при чтении скринридерами. Давайте поговорим о том, как написать хорошее описание в атрибуте alt.

👉 https://tml.io/goodalt158t

#htmlacademy_полезное

📚 Свойство display

Что объединяет table, flex и grid? Правильно, это всё значения свойства display. Если вы вдруг забыли (или не знали), за что отвечает каждое значение, то читайте нашу подборку. Сохраняйте в избранное — это то, к чему вы ещё не раз вернётесь.

👉 Table https://tml.io/table168t
👉 Flex https://tml.io/flex168t
👉 Grid https://tml.io/grid168t

#htmlacademy_полезное

👨‍🏫 Индивидуальное обучение в HTML Academy: мифы и реальность

Как обучиться новой профессии во взрослом возрасте наиболее эффективно? Мы постоянно изучаем этот вопрос, развиваем и обновляем наши курсы, чтобы знания не только были актуальными и качественными, но и хорошо усваивались.

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

Давайте рассмотрим, как проходит обучение, какой путь вы можете пройти и чего достигнуть на нём.

👉 https://tml.io/individ178t

#htmlacademy_обучение

🔧 Инструмент недели — locatorjs.com

Бывает же у вас такое, что при разработке веб-приложения React вы видите какой-то элемент и нужно быстро найти его в коде? Расширение Locator.js помогает сделать это за пару кликов и сразу открыть нужное место в редакторе кода. Звучит заманчиво? Тогда скорее качайте и тестируйте.

👉 https://www.locatorjs.com

#htmlacademy_полезное

Пока вокруг выходные, вот вам задачка с нюансиком.

В стакан, наполненный водой, положили камень. Из-за этого сколько-то воды вылилось. Стакан стал легче или тяжелее?

Ох и пошумели вы вчера в комьюнити-чате с этим камнем.

Но правильный ответ такой. Камень вытесняет объем воды, равный своему объему, но при этом у камня выше плотность. Поэтому стакан с камнем и водой тяжелее, чем стакан просто с водой.

В чате даже провели эксперимент — на фото его результаты. Приходите ещё :)

🗃️ CSS-свойство contain

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

👉 https://tml.io/contain218t

#htmlacademy_полезное

🔢 Осталось 12 дней до начала учёбы на профессии «Фулстек-разработчик»

Программа рассчитана на новичков, поэтому вы сначала подготовитесь: пройдёте несколько тренажёров, поймёте основы вёрстки и джаваскрипта. Потом начнётся реальная учёба фронтенду — сделаете парочку сервисов, научитесь пользоваться библиотекой компонентов, чтобы не переписывать одни и те же строчки кода заново. Часть про бэкенд тоже очень интересная и проекты там посложнее.

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

Фулстек-разработчиком быть здорово — знаний больше, зарплата выше, задачи интереснее. 12 дней звучит как много, но на самом деле это мало. Не откладывайте на потом, запишитесь сейчас.

👉 https://tml.io/fullstack238t

#htmlacademy_обучение

🧐 Как понять, что перед вами заголовок

Заголовки используются для организации и структурирования содержимого на сайте. Часто кажется, что заголовок — это простой и понятный тег. Но это впечатление обманчиво, потому что не всегда крупный и выделенный текст на макете является заголовком. В статье разберёмся, как верно определять заголовки по макету, какие из них лучше делать скрытыми и почему.

👉 https://tml.io/headers248t

#htmlacademy_полезное

🚀«JavaScript: от основ — к профессии» со скидкой 70%

Объявляем начало продаж программы обучения для новичков «JavaScript: от основ — к профессии». Впервые — три самых популярных курса по JavaScript-разработке для новичков — в одном предложении:

📗 Курс «Старт в программировании», на котором вы пройдёте путь от самого нуля до умения сверстать страницу и оживить её при помощи JavaScript-кода.
📕 Курс «Погружение в программирование на JavaScript», на котором вы детально разберётесь с возможностями языка, а также выполните личный проект.
📘 Курс «Введение в React», на котором вы познакомитесь с разработкой одностраничных веб-приложений, узнаете принципы работы с фреймворками и реализуете свой первый проект на React.

В каждом курсе программы вас ждут:
- Учебный чат с поддержкой наставников и кураторов.
- Регулярные живые консультации с опытными разработчиками-наставниками.
- Личный проект, выполняемый самостоятельно.
- Глубокое кодревью личного проекта от опытного разработчика.

❗ До 27 августа программу можно приобрести со скидкой в 30 000 рублей.

👉 https://tml.io/fejspack258t

#htmlacademy_обучение

🎙️ Лайв: «Арсенал веб-разработчика»

У каждого веб-разработчика есть свой арсенал рабочих инструментов. Для успешного написания кода нужно мастерски ими владеть. Но как со всем этим разобраться? Уже 30 августа в 13:00 проведём лайв с Лидией Захаровой — фронтенд-разработчицей и автором тренажёров в HTML Academy. Лидия расскажет про VS Code, Git, GitHub и многое другое простым языком.

💡 Вы узнаете:
- Какие инструменты используют опытные веб-разработчики, зачем они нужны и как с ними работать.
- Что из инструментов останется с нами надолго, а что, скорее всего, скоро пройдёт.
- Что нужно знать и уметь, чтобы быть востребованным разработчиком.
- С чего стоит начинать изучение веб-разработки.

Не откладывайте, записывайтесь сейчас.

👉 https://tml.io/livewebtools258t

#htmlacademy_мероприятия

🕺 Скоро профессия «JavaScript-разработчик»

Больше кода, меньше вёрстки. Больше undefined, меньше пропущенных точек с запятой. А ещё библиотеки компонентов и немного тестирования. И классное сообщество. И чувство радости от сделывания. И невероятные лайвы Игоря Антонова. А после обучения — стажировка с реальными проектами и зарплатой, помощь с резюме и поиском работы.

Всем стартапам нужен сайт. Всем сайтам нужен JavaScript. Учите, не стесняйтесь:
🤜 https://tml.io/js_for_everyone

#htmlacademy_обучение

Держите очень простой способ сделать переключатель тёмной темы почти без изысков и чёрной магии. Зато с демо и разбором кода.

👉 https://htmlacademy.ru/blog/css/dark-mode

Через 15 или около того минут — лайв «Арсенал веб-разработчика».

Коллеги говорят, что это для тех, кто запутался в сложных словах. Мы запутались. Значит, пойдём. И вы приходите.

👉 https://tml.io/arsenal

🍂 Осень, много курсов

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

Подробнее — в Академии, записывайтесь.

Субботняя задачка о нелёгкой судьбе тимлида

Средний возраст одиннадцати фронтендеров в IT-отделе — 22 года. В какой-то момент тимлид неожиданно выгорел и уехал в Армению возделывать виноградники. Средний возраст десяти оставшихся без тимлида программистов стал равен 21 году.

Ответьте на вопрос: сколько лет тимлиду?