Как стать мидлом
1.58K subscribers
516 photos
28 videos
283 links
Помогаем фронтенд-разработчикам прокачать навыки и получить повышение → https://htmlacademy.ru/frontend-engineering

Смотреть шоу «Фронтенд-инженерия» → https://youtube.com/playlist?list=PLQJNT2fdCJnjUCLyAnX8nkxLxWHNSuMDo

Ещё почитать? @htmlacademy
Download Telegram
Какие новые примитивные типы добавляет TypeScript?
Anonymous Poll
7%
Тип undefined
6%
Тип null
56%
Тип never
56%
Тип unknown
56%
Тип void
64%
Тип any
👍1
Правильный ответ 🤖

Тип never — с его помощью можно указать, что вызов функции никогда не завершится (из-за бесконечного цикла или ошибки).

Тип unknown — это безопасный аналог типа any. Прежде чем производить какие-либо операции со значением типа unknown, необходимо выполнить дополнительные проверки.

Тип void — с его помощью можно указать, что функция в результате вызова ничего не возвращает.

Тип any — аннотация этого типа заставляет компилятор TypeScript «отойти в сторону» и отключить все проверки.
👍7
На какие курсы можно записаться со скидкой 30% на этой неделе 👇

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

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

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

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

- TypeScript

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

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

Курс «Git и GitHub».

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

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

Скидки будут действовать до 23 июля.
🗂️ Type predicates в TypeScript на примере.

Раз и получилось — https://tml.io/121d98
💼 Как легко выполнить тестовое задание.

Чеклист, чтобы не переживать — https://tml.io/b7dff4
👍6
На какие курсы можно записаться со скидкой 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.

👉 Записаться на курс
👍1🔥1
⚙️ Тестируем вёрстку в 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
👍2🔥1
🖌 Для чего фронтендерам разбираться в дизайн-системах

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

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

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

👉 https://tml.io/designsystems108t
🔤 Как подключить и оптимизировать нестандартные шрифты

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

👉 https://tml.io/fontsloading118
👍1
ChatGPT уже не тот? Тестируем 10 плагинов для чтения URL и грустим

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

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

👉 https://habr.com/ru/articles/751376
🔥2
📖 Что такое спецификация и как её читать

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

👉 https://tml.io/spec148
Слуууушайте, а давайте обсудим важную вещь:
А какой у вас грейд?
Anonymous Poll
52%
Джун
31%
Мидл
5%
Сеньор
11%
Я не из IT
👶 Джун, мидл, сеньор. В чём разница

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

👉 https://tml.io/jms158
🔥4👍2
🤔 Авторизация и аутентификация

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

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

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

👉 https://tml.io/auth168
👍5🤔1
🔎 Search: новый HTML-элемент в 2023

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

👉 https://tml.io/search178
🔥14👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Привет! На этой неделе пятничная скидка 30% на два важных навыка, которые делают сайт живее и удобнее для всех пользователей.

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

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

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