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

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

Ещё почитать? @htmlacademy
Download Telegram
Git и GitHub

Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.

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

🔶 Записаться на курс
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1🔥1🤨1
На алгоритмических собеседованиях спрашивают O-большое и обход деревьев, а в продакшене те же знания помогают найти «дорогой» цикл до ревью.

Курс «Алгоритмы и структуры данных» — задачи на JavaScript, привязанные к реальному фронтенду. Разберёте, почему Map и Set убирают дубли за O(1) вместо O(n), как работает diff виртуального DOM и когда quicksort подходит для «живого» поиска. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup

🎁 Подробнее о курсе
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍2🔥2
TypeScript ловит ошибки до запуска кода. Но только если типы спроектированы, а не просто расставлены.

Чаще всего проблема не в незнании синтаксиса, а в подходе. as any вместо точного типа. Проверки «на глаз» вместо структуры, которую компилятор понимает. В итоге TypeScript формально есть, а гарантий нет.

Курс «TypeScript: Теория типов» учит проектировать типы так, чтобы компилятор работал на вас. Дженерики, условные и отображаемые типы, брендирование идентификаторов — всё это про контроль над кодом, а не про знание синтаксиса. #htmlacademy #levelup

Записаться на курс
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🥰2😍2
Forwarded from HTML Academy
Неделю назад вышел Vite 8 — самое крупное обновление архитектуры со второй версии. Два бандлера (esbuild + Rollup) заменил один — Rolldown, написанный на Rust. У Linear продакшен-сборка упала с 46 до 6 секунд.

Под капотом Vite теперь целый Rust-стек: Rolldown для сборки, Oxc для парсинга и трансформации, встроенная поддержка tsconfig paths без сторонних плагинов. @vitejs/plugin-react v6 перешёл на Oxc и выкинул Babel из зависимостей. В пятом разделе курса подключаем плагин oxlint — он в 50–100 раз быстрее ESLint и ловит ошибки прямо при сборке.

Курс «Vite» написан с нуля под восьмую версию. Шесть разделов: от vite.config и Lightning CSS до тестирования с Vitest, деплоя через GitHub Actions и готовых сценариев миграции с Webpack и Gulp. #htmlacademy #levelup

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

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32👍2
Вы соберёте фронтенд онлайн-пиццерии с конструктором заказа и таск-менеджер с досками для командной работы. Два проекта на Vue.js 3 поверх готового API. Бэкенд уже написан, фокус целиком на фронтенде.

На курсе разбираем Composition API и реактивность, роутинг с защитой маршрутов, Pinia для управления состоянием, работу с сервером и анимации переходов. Отдельный раздел по тестированию на Vitest и Vue Test Utils.

Вопросы обсуждаем в чате, показываем типичные решения. #htmlacademy #levelup

🎁 Программа и детали
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1🥰1🙏1
fetch() отправляет запрос — а что происходит дальше, между вашим кодом и сервером?

На курсе «Протоколы и сети: основы» разбираем весь путь: модель OSI, стек TCP/IP, разницу между HTTP/1.1, HTTP/2 и HTTP/3, работу TLS и сертификатов. Отдельный раздел — WebSockets и когда они действительно нужны.

Четыре кейса и две практические задачи: от предварительного открытия TCP-соединений до оптимизации проекта под HTTP/2. #htmlacademy #levelup

🎁 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍1🔥1
Конфиги webpack часто копируют из проекта в проект, а когда что-то ломается — гуглят каждую строку отдельно. Знакомо?

На курсе разбираемся, как устроена сборка изнутри: от entry и output до разделения кода и оптимизации под рабочее окружение. Настраиваете Babel и ESLint, подключаете обработчики и плагины, учитесь разделять окружения и уменьшать размер итоговой сборки.

После курса — сможете собирать и поддерживать конфигурации webpack самостоятельно. #htmlacademy #levelup

🔜 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥2🥰1
Вы когда-нибудь настраивали Content-Security-Policy для рабочего проекта? Тема, которую фронтенд-разработчики откладывают — пока в баг-трекере не появится репорт про XSS.

Курс «Протоколы и сети: веб-безопасность» — шесть разделов по конкретным группам уязвимостей. XSS, CSRF, SQL-инъекции, DoS, MitM — каждую разбираете на кейсе, пишете защиту и сверяете с эталонным решением. Отдельные практики: настройка CSP, безопасная работа с cookie, хеширование паролей с солью, корректный CORS.

На выходе — чек-листы безопасности по каждому разделу. Готовый артефакт для проекта. #htmlacademy #levelup

☝️ Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1🥰1🙏1