Утренняя задачка для тех, у кого настроение осень

Что делает делает эта функция в JS? Будьте внимательны.

🕹ChatGPT не справляется. Игра про JavaScript от HTML Academy и «Доктайпа»

Притворитесь нейросетью и выполните несколько запросов от программистов, чтобы помочь ChatGPT. На каждый запрос — 60 секунд.

Пишите в комментариях, сколько набрали очков, и какие вопросы оказались самыми сложными.

Играть 👉 https://tml.io/terminal_tg

📐 8 ноября выходит Angluar 17

На вчерашней презентации показали новый синтаксис шаблонов, отложенную загрузку с @defer, standalone-компоненты по-умолчанию, улучшили SSR, а ещё по умолчанию включили esbuild и Vite и вроде этим сильно всё ускорили.

А ещё запустили новый сайт с документацией 👉 https://angular.dev/

В комментах все воодушевлены. А вы будете пробовать?

Сегодня Всемирный день без Wi-Fi

Отмечаем скидками и отдаём три самых популярных курса для новичков по HTML и CSS со скидкой 50%.

Что включено:
— Полный доступ к трём топовым курсам со скидкой 50%,
— Консультации от наставника,
— Личный проект,
— Без ограничений по срокам доступа.

Акция — до 12 ноября 👉 https://tml.io/basics_web_tech

Наконец-то одиннадцать одиннадцать (11.11)

Сегодня (11.11) и завтра (12.11) дарим подарки при покупке профессий.

За профессию в индивидуальном формате подарим курс по фронтенд- или UI-инженерии (как выберете). А профессия в ускоренном формате будет стоить на 11 000 ₽ дешевле, чем на сайте. Если давно ждали — берите и учитесь :)

🎁 Получить подарок

Новое в 2023 — text-wrap: balance

В 2023 в CSS появилось новое любопытное свойство text-wrap со значением balance. Оно «уравновешивает» текстовые элементы, чтобы они приятнее выравнивались внутри блока.

h1 {
  text-wrap: balance;
}

Ограничение — текст не длиннее 6 строк, иначе браузеру придётся непросто, и лучше не применять это свойство к body.

text-wrap: balance поддерживается во всех больших браузерах, кроме Safari, а на мобильных — только в Chrome, но то ли ещё будет.

upd в комментах Коля Шабалин уточнил пару нюансов, посмотрите тоже.

margin и padding одной картинкой.

Вспомнить, что это 👉 https://tml.io/margin-padding

Как выбрать <aside> и <article> при разметке страницы? Задавайте эти четыре вопроса.

А если не поможет, загляните в наш разбор.

🔥 Превратите свою страсть к технологиям в профессию

Попробуйте одновременное обучение и практику на профессии «Фронтенд-разработчик» в формате стажировки с персональным обучением. Это ваш шанс преодолеть барьеры на пути к карьере в IT, оставив позади проблему «нет опыта — нет работы».

✅ Что вас ждёт:
— Закончите обучение уже с годом ценного рабочего опыта в кармане.
— Начнёте свою стажировку в IT-компании одновременно с обучением.
— Стартуйте в любое время, когда вам удобно.
— Работайте один на один с опытным разработчиком—наставником.
— Учёба подстроится под ваш график и темп, а не наоборот.

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

🔗 Оставьте заявку, и наши консультанты расскажут все подробности формата стажировки с персональным обучением.

Ставим текст вертикально — забытое свойство text-orientation

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

<div class="container">
<p class="mixed">ремонт</p>
<p class="mixed">обуви👠</p>
<p class="mixed">копиR🔑</p>
<p class="mixed">ключей</p>
</div>

Тогда чтобы поставить текст вертикально, нужно сначала установить writing-mode в vertical-rl или vertical-lr. А дальше добавляем text-orientation.

Значение upright поставит буквы вертикально как есть, а mixed перевернёт их на 90 градусов.

Кстати, эмодзи таким способом не переворачиваются, для них сработает transform: rotate(90deg);

💬 Большая распродажа курсов на «Чёрную пятницу» — скидка буквально на всё до 26 ноября:

— 30% на тренажёрные курсы и любую подписку на тренажёры,
— 30% на профессии в ускоренном формате,
— 25% на курсы в базовом формате,
— 10% на курсы в индивидуальном формате,
— 10 000 ₽ на профессии в индивидуальном формате.

В этом году дешевле уже не будет, переходите и выбирайте скидку 👉 https://tml.io/big-sale

Генерация QR-кодов на JS за 5 минут

Ультракороткая инструкция, как сделать и запустить маленькое, зато своё API, выполняющее ровно одну задачу.

🤖 https://tml.io/qr-generator

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

Со скидкой 25%
27 ноября — «HTML и CSS. Адаптивная вёрстка и автоматизация»,
28 ноября — «Node.js и Nest.js. Микросервисная архитектура»,
4 декабря — «JavaScript. Архитектура клиентских приложений».

Со скидкой 30%
12 декабря — профессия «Фронтенд-разработчик».

Все курсы проверены временем и тысячами студентов. Выбирайте скидку и получайте новую профессию 👉 https://tml.io/bf_start

loading="lazy" — единственная строчка, которую нужно запомнить, чтобы включить «ленивую» загрузку картинок. С марта она доступна по умолчанию во всех нормальных браузерах.

Почему «ленивая» загрузка — это хорошо 👉 https://tml.io/lazy-loading

Помните, что у нас есть «Лига А.»?

Это агентство от HTML Academy, которое занимается вёрсткой и фронтендом и делает всякое — от простых страничек до сложных сервисов. Ребята решают клиентские задачи уже 6 лет и знают всё про большие проекты, заказчиков, работу в команде и другие тайны.

Короче, показывают работу в агентстве разработки в телеграм-канале.

Выбирайте пост для себя и читайте

👉 «А вы что, всё делаете по шаблонам?!». Отвечаем на популярные вопросы заказчиков

👉 Заказчик никогда не расскажет об этом, если вы не спросите. Что уточнить про дизайн в начале, чтобы всё потом не переделывать?

👉 Пишем код один раз и не паримся. Почему компонентный подход — это сила.

Адаптивная вёрстка и микросервисная архитектура

Почти одновременно в Академии стартуют потоки двух очень разных курсов. Их объединяет только фронтенд и приятная скидка 25%.

Первый курс — «Адаптивная вёрстка и автоматизация», для тех, кто недавно разобрался с HTML и CSS и теперь хочет вывести знания на новый уровень. Разбираем адаптивную графику и сетки, препроцессоры и автоматизацию вёрстки.

Записаться 👉https://tml.io/bf_adaptive

Второй курс — «Микросервисная архитектура», для тех, кто уже хорошо знаком с TypeScript и готов разобраться с микросервисами на Node.js и Nest.js, базами данных и «бэкендом для фронтендеров».

Записаться 👉https://tml.io/bf-node-2

Рекомендуем оба курса, а вы выбирайте тот, который вам ближе. Научим одинаково хорошо и там, и там.

Просто решили напомнить, что код — это 🧡

Сегодня стартует «Архитектура клиентских приложений», курс для тех, кто хочет разобраться со SPA, ООП, MVP и HTTP, но при этом не забыть свои знания в JavaScript.

Самым решительным и быстрым — сегодня скидка 15% по промокоду JS15. Потому что завтра будет уже не до этого :)

👉 https://tml.io/es_start

Вместо ста откликов — очередь из работодателей

Страшно откликаться на вакансии и ходить на собеседования? Хватит мучиться! В Академии известные IT–компании сами отсматривают итоговые проекты студентов на профессиях и делают предложения о работе, от которых невозможно отказаться. Так можно найти работу ещё до стажировки без мучительного поиска, десятков откликов и выматывающих собеседований.

Приходите учиться (мы всему научим, поможем и поддержим) и получайте профессию с оффером в IT-компанию на выходе.

Новый поток профессии «Фронтенд-разработчик» стартует 12 декабря — записывайтесь: https://tml.io/frontend_experts