Начинается курс «React. Разработка сложных клиентских приложений»

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

Оставляйте заявку, расскажем о курсе подробнее и ответим на вопросы 👉 https://tml.io/react_2023

В «Доктайпе» уже вовсю решают главную задачу дня. Присоединяйтесь (и к решению, и к «Доктайпу»)

Цветная подложка под картинку

Что пошло не так: вы добавили фоновую фотографию под белый текст и она не загрузилась (почему-то). Вот как на картинке.

Решение: добавьте цветную подложку с учётом цвета текста.

background-color: #007bff;
background-image: url('images/image.jpg');

Делов-то!

Увеличение ссылки при наведении

Тренировка-пятиминутка с CSS-анимациями. По ссылке — демка и объяснение, чтобы всё сразу стало понятно.

👉 https://tml.io/zoom-link-tg

Что за формат «Стажировка с персональным обучением»?

Если одним предложением — это менторство от наставников HTML Academy с параллельной стажировкой в компании-партнёре.

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

Переходите по ссылкам и читайте подробности:
💻 Фронтенд-разработчик
🚀 React-разработчик

Какие теги не нужно закрывать. Одной картинкой.

Больше тегов — в справочнике
👉 https://tml.io/self_book

Давно мечтаете писать на JavaScript, но страшно начать?

👻 23 октября стартует бесплатный марафон «Страшные истории о JavaScript». Вы получите доступ к учебным материалам и тренажёрам, напишете свой первый код и узнаете чуть больше о тёмной стороне луны джаваскрипта.
🎙 2 ноября на финальном лайве подведём итоги марафона, ответим на ваши вопросы и раздадим призы самым отважным.

Регистрируйтесь на марафон по ссылке: https://tml.io/scary-js-stories_tg

🗓 Сниппет дня — простое диалоговое окно с помощью тега <dialog>.

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

Сохраните и постепенно используйте в своих проектах.

Давно переворачивали сайты? Вот и мы тоже давно.

А там всего-то
document.body.style.transform = 'rotate(180deg)';
и в продакшен.

Срочно пробуйте покрутить Академию:
https://htmlacademy.ru/blog/js/upside-down

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

Что делает делает эта функция в 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-компании вы набираете практический опыт, который позволит претендовать на более высокую зарплату по сравнению с новичками.

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