TypeScript для инженеров: проектирование типов, а не просто аннотации

Если цель — снижать класс ошибок за счёт статической проверки и проектировать выразительный API, посмотрите курс по TypeScript.

Главное, что отрабатываем (кратко и по делу):

🔘 Дженерики с ограничениями: параметризация API без any, вывод и значения по умолчанию.
🔘 Сужение типов и дискриминированные объединения: исчерпывающие проверки, отсутствие «мёртвых» веток.
🔘 Conditional / Mapped / Template literal types: производные модели, безопасные ключи и события.
🔘 Вариантность колбэков и сигнатур: корректная совместимость параметров в обработчиках.
🔘 Брендированные (opaque) типы для идентификаторов и единиц: защита от подстановки «не той строки».

Курс про практику проектирования типов: меньше рантайм-сюрпризов, больше строгости на этапе компиляции. Подробности на лендинге.

https://htmlacademy.ru/levelup/typenoscript

Vue.js 3 на практике: Vite, Composition API, Pinia и тесты

На курсе разбираем современные подходы к клиентским приложениями на Vue.js 3: noscript setup и реактивность, маршрутизацию с guard’ами, управление состоянием в Pinia, работу с HTTP и обработку ошибок, анимации, модульные тесты на Vitest и Vue Test Utils.

Практика — два проекта: учебный таск-менеджер и фронтенд онлайн-пиццерии поверх готового API. Формат — теория → разбор → задачи. В чате отвечаем на вопросы и показываем типичные решения. #htmlacademy #levelup

📌 Программа и детали: https://htmlacademy.ru/levelup/vue

Сети и протоколы без магии: базовые знания, которые нужны фронтендеру
➿➿➿➿➿➿➿➿➿➿➿➿
Разберётесь, как данные реально идут по сети: от модели OSI и стека TCP/IP до различий между HTTP/1.1, HTTP/2 и HTTP/3; когда уместны WebSockets; как работает TLS и проверка сертификатов. С этими знаниями вы осознанно выбираете транспорт под сценарий и понимаете, что происходит при установке защищённого соединения.

Результат — меньше накладных расходов и быстрее метрики вроде TTFB/LCP, плюс снижение рисков уязвимостей за счёт корректной настройки шифрования и аутентификации. #htmlacademy #levelup

🟠 Смотреть программу

Webpack без боли: от конфигурации до оптимизации
➿➿➿➿➿➿➿➿➿➿➿➿
На курсе вы разберёте Webpack на практике: базовую конфигурацию (entry/output), перенос проекта на webpack, сборку многостраничных приложений, работу с плагинами и обработчиками, asset-modules, code splitting и оптимизации под production.

Каждый модуль — прикладные задачи: настройка npm-скриптов, подключение Babel, ESLint и Prettier, конфигурация плагинов и обработчиков, разделение dev и prod с source maps, уменьшение бандла (минимизация, выделение вендоров). После курса вы сможете добавлять сборщик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем. #htmlacademy #levelup

🟢 Смотреть программу

Протоколы и сети: веб-безопасность
➿➿➿➿➿➿➿➿➿➿➿➿
Фронтенд-инженер должен понимать, как проявляются XSS, CSRF, SQL-инъекции и другие атаки в веб-приложениях, и уметь закрывать их на клиенте в связке с сервером. В этом курсе вы разбираете реальные модели угроз и отрабатываете практики, которые снижает уязвимость фронтенд-компонентов.

На курсе научитесь проектировать CSP под свой проект, безопасно работать с cookie и защищать сессии, валидировать формы и хешировать пароли с солью, распознавать и устранять XSS/SQLi/CSRF, разбираться с DoS/Slowloris, корректно настраивать CORS и понимать сценарии MitM. Формат — «теория + кейсы + практика с эталонными решениями + тесты», по итогам — чек-листы для внедрения в рабочий процесс.

«Вы изучаете угрозы, чтобы их предотвращать. Я изучаю вас — чтобы обходить. Хорошо, что вы хотя бы пытаетесь.» — jQweny

🔵 Смотреть программу