🗂️ Type predicates в TypeScript на примере.

Раз и получилось — https://tml.io/121d98

⚙️ С чего начать делать анимацию.

Давайте рассмотрим порядок действий для создания простой анимации при взаимодействии пользователя с элементами — https://tml.io/d15bb9

💼 Как легко выполнить тестовое задание.

Чеклист, чтобы не переживать — https://tml.io/b7dff4

На какие курсы можно записаться со скидкой 30% на этой неделе 👇

Пакет курсов «Золотой».

Набор популярных и востребованных курсов для роста до разработчика мидл-уровня.

Включает 3 курса:

- Алгоритмы и структуры данных

- TypeScript

- Мастер анимаций: CSS- и JS-анимации

🔗 Начать обучение

Курс «Git и GitHub».

Для разработчиков, которые хотят научиться работать с самой распространённой системой управления версиями — Git.

🔗 Начать обучение

Скидки будут действовать до 23 июля.

🗂️ Зачем нужны анимации в вебе и как их создавать.

Плавно, красиво, на чистом CSS — https://tml.io/0aa457

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

📍Пакет курсов «Протоколы и сети» за 12 900₽ 9030₽ или в рассрочку на 6 месяцев за 2150₽ 1550₽/месяц. Подойдёт всем, кто хочет познакомиться с протоколами передачи данных и защищать свой код от атак.

Пакет включает два курса:

- Протоколы и сети: основы;
- Протоколы и сети: веб-безопасность.

👉 Записаться на курс

📍Вёрстка React-компонентов за 8900₽ 6230₽ или в рассрочку на 6 месяцев за 1480₽ 1030₽/месяц. На этом курсе вы научитесь с нуля собирать интерфейсы в экосистеме React, создавать интерактивные React-компоненты, а также освоите роутинг и Storybook.

👉 Записаться на курс

⚙️ Тестируем вёрстку в 2023

Mozilla Firefox 115 стала последней версией поддерживающей Windows 7, 8, и 8.1, а также macOS 10.12, macOS 10.13 и macOS 10.14. С Google Chrome, начиная с версии 110, аналогичная история, и на поддержку старых систем в будущем рассчитывать не приходится. Но, с другой стороны, теперь можно почти не оглядываться на прошлые версии ОС и идти вперёд. В статье разберём, как и где лучше тестировать вёрстку, чтобы сайт хорошо выглядел и корректно работал.

👉 https://tml.io/layouttesting98

🖌 Для чего фронтендерам разбираться в дизайн-системах

Дизайн-система — набор инструментов и правил, упрощающих проектирование на всех этапах: от идеи до реализации.

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

В статье мы разберёмся, какие ещё преимущества дают дизайн-системы и как эти системы создавать.

👉 https://tml.io/designsystems108t

🔤 Как подключить и оптимизировать нестандартные шрифты

Текст — основная часть контента на большинстве сайтов, и важно грамотно подходить к его отрисовке. Но ведь бывает такое, что сторонний шрифт отказывается корректно работать? Можно поступить радикально — вообще не подключать сторонние и пользоваться стандартными. Но, согласитесь, это же скучно? Мы скучать не любим и подготовили для вас статью, которая всегда выручит при попытке подключить шрифты, которые вечно не грузятся.

👉 https://tml.io/fontsloading118

ChatGPT уже не тот? Тестируем 10 плагинов для чтения URL и грустим

В нашем подкасте «Про код» мы поспорили, сможет ли ChatGPT со своими двумя плагинами (а на самом деле оказалось, что их уже десять) прочитать информацию в alt-тексте на странице и сделать по ней выводы. То есть, фактически, заменить поисковик.

Тест вышел большим, но неутешительным. Подробнее в нашей статье на Хабре:

👉 https://habr.com/ru/articles/751376

📖 Что такое спецификация и как её читать

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

👉 https://tml.io/spec148

Слуууушайте, а давайте обсудим важную вещь:

👶 Джун, мидл, сеньор. В чём разница

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

👉 https://tml.io/jms158

🤔 Авторизация и аутентификация

Что люди путают чаще всего? Ну, JavaScript и Java, Австрию и Австралию, Лёлика и Болика, Кржемелика и Вахмурку. Галеры с нормальной работой тоже иногда путают 🙂

Но главные источники путаницы, конечно, авторизация и аутентификация. Вот попробуйте сходу определить, что из них происходит при вводе пароля?

Не получилось? Ничего страшного, читайте наш пятиминутный разбор:

👉 https://tml.io/auth168

🔎 Search: новый HTML-элемент в 2023

А вы слышали, что в стандарте HTML появился новый семантический элемент <search>? Он обозначает раздел страницы, который используется для поиска или фильтрации. <search> должен содержать элементы управления формой (например, текстовые поля, выпадающие меню, кнопки и так далее), а область поиска или фильтрации может быть любой: от одного документа до всего интернета. В статье познакомимся с новинкой поближе.

👉 https://tml.io/search178

Привет! На этой неделе пятничная скидка 30% на два важных навыка, которые делают сайт живее и удобнее для всех пользователей.

–30% на пакет курсов «Мастер анимации». Цена со скидкой — 12 810 ₽, рассрочка на полгода за 2130 ₽/мес. Подойдет тем, кому по работе нужны (или скоро понадобятся) сложные анимации CSS и JavaScript. Анимируйте кнопки, слайдеры, аккордеоны, работайте с векторной графикой, делайте фильтры и сложные эффекты. В пакет входят курсы по CSS, JavaScript и SVG-анимациям.

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

#пятничная_скидка

–30% на курс «Доступность веб-интерфейсов». Цена со скидкой — 9781 ₽, рассрочка на полгода за 2320 ₽ 1630 ₽/мес. Курс поможет создавать инклюзивные проекты с простым, удобным интерфейсом и совместимостью с рядом устройств и программ. Курс в основном практический — разбираемся с основами доступности и переходим к сложным случаям.

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

#пятничная_скидка

🚫 Пять ошибок, после которых ваш код придётся переписать

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

👉 https://tml.io/mistakes218

💼 Культурный код. Как понять, что компания вам подходит

Культура компании определяет её общие ценности и миссию. Она формирует сообщество людей, которые объединены не только рамками одной компании, но и взглядом на её цели. Разберёмся, как понять, подходит ли вам компания, и какие вопросы точно стоит задать на собеседовании.

👉 https://tml.io/culturefit228