HTML Academy
9.86K subscribers
5.42K photos
181 videos
4 files
3.41K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Вы соберёте фронтенд онлайн-пиццерии с конструктором заказа и таск-менеджер с досками для командной работы. Два проекта на 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
🔥32❤‍🔥2
Media is too big
VIEW IN TELEGRAM
Бэкендеры — социофобы?

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

Виктор Михайлов из Garage Eight рассказывает, как это устроено в реальности.

Резервный канал в MAX
🔥5🤣54👍2
Третий сезон чемпионата по вёрстке стартовал. Участники получили макет от Mish и приступают к работе.

Впереди две недели: вёрстка, проверка от сеньор-разработчиков из продуктовых компаний по инженерным критериям и результаты в публичном рейтинге фронтенд-разработчиков.

Ещё можно записаться и включиться. Для выпускников профессий HTML Academy участие уже оплачено — нужно только зарегистрироваться.

👍 Записаться на профессиональный трек

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
43🔥2
Клиенты — МГТС, Rutube, «Вкусвилл». А команде нужны фронтендеры

Зионек — интегратор из Москвы с проектами в четырёх странах. За 12 лет — больше 200 проектов для 30+ крупных заказчиков. Сейчас компания разрабатывает собственный ИИ-продукт и запускает совместную программу обучения фронтендеров с HTML Academy.

2 апреля в 12:00 (MSK) технический директор Зионека расскажет, какой продукт строит команда, зачем ей фронтендеры — и почему программа длиной в девять месяцев появилась именно сейчас.

🎁 Первые 100 зарегистрировавшихся попадают в розыгрыш бесплатного места на программу. Итоги — в конце эфира.

https://htmlacademy.ru/events/live-zionec

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥3🔥32
Forwarded from CSS Боль
Круговой прогресс-бар на CSS — после первого выпуска казалось, что тема закрыта. Два градиента, пара переменных, готово.

А потом пришёл запрос: «Сделай концы шкалы круглыми». Одно «маленькое» требование — и в реализации появилась тригонометрия, формулы позиционирования по окружности, синхронизация четырёх градиентов.

Как из двух градиентов вырос прогресс-бар с CSS-тригонометрией — в новом выпуске.

Попробуйте демонстрацию — покрутите параметры и посмотрите, как всё работает вживую.

🐭 Смотреть на YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤‍🔥3👍1🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Завтра, 1 апреля в 12:00 (MSK) — прямой эфир с дизайнером студии Mish, которая подготовила макет для третьего сезона чемпионата по вёрстке.

В эфире разберём вопросы участников про макет — всё, что присылали заранее. Дизайнер расскажет про идею и концепцию, ответит по деталям реализации. Запись сохранится.

Если ещё не записались на чемпионат — самое время. Посмотрите эфир, разберитесь в макете и включайтесь в работу.

👍 Записаться на чемпионат

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥531
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Продолжаем знакомить с партнёрами-работодателями третьего сезона чемпионата по вёрстке.

ARTBYTE. AGENCY внедряет Битрикс24, разрабатывает интернет-магазины, B2B-порталы и мобильные приложения. Работает с производствами и торговыми компаниями.

Студия «Банникон» — за 4 года больше 70 проектов для бизнеса и госорганизаций. Разработка, поддержка и продвижение сайтов.

Soft Media Group — с 2010 года проектирует и разрабатывает сайты, сервисы и мобильные приложения для бизнеса и госсектора.

Все партнёры смотрят на результаты участников. Чемпионат уже стартовал — записаться ещё можно.

👍 Записаться на профессиональный трек

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥32🔥1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Участники чемпионата по вёрстке уже работают над макетом от Mish. Сегодня дизайнер студии расскажет, что заложил в макет и на что обратить внимание.

Прямой эфир в 12:00 (МСК). Разберём вопросы участников о макете. Запись сохранится.

Эфир открытый — можно посмотреть, даже если вы не на чемпионате. Mish — студия № 1 по UX сайтов в Рейтинге Рунета. Макет стоит увидеть.

Записаться на чемпионат ещё можно.

Смотреть на YT | Смотреть в VK | Записаться

Резервный канал в MAX
5❤‍🔥21
HTML Academy
Клиенты — МГТС, Rutube, «Вкусвилл». А команде нужны фронтендеры Зионек — интегратор из Москвы с проектами в четырёх странах. За 12 лет — больше 200 проектов для 30+ крупных заказчиков. Сейчас компания разрабатывает собственный ИИ-продукт и запускает совместную…
Техдир Зионека поощряет ИИ-кодинг в команде. И ищет фронтендеров

Компания из Москвы с проектами в четырёх странах разрабатывает собственный ИИ-продукт. Как ИИ меняет требования к разработчикам? И зачем компании начинающие специалисты, если технический директор сам за ИИ-кодинг?

Завтра в 12:00 (MSK) — ответы из первых рук.

В программу обучения входит курс «Фронтенд на автопилоте: AI-агенты на практике». К моменту прихода в команду вы уже работаете с ИИ-инструментами.

100 первых регистраций — в розыгрыше бесплатного места на программу.

https://htmlacademy.ru/events/live-zionec

Резервный канал в MAX
🔥52❤‍🔥2
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Ещё три компании-партнёра третьего сезона чемпионата по вёрстке. Они тоже ищут фронтендеров и смотрят на результаты участников.

«Истина в маркетинге» — интернет-агентство из Тулы. С 2021 года делает сайты под ключ, настраивает SEO, контекстную рекламу и ведёт SMM.

Sborka Project — веб-разработка для разных индустрий. Онлайн-сервисы, корпоративные сайты, имиджевые проекты. В фокусе — вёрстка, фронтенд, дизайн-системы и анимации.

GT Media — агентство из Санкт-Петербурга, на рынке с 2014 года. Разработка и продвижение сайтов, ведение соцсетей, рекламные кампании.

Чемпионат идёт. Записаться ещё можно.

👍 Записаться на профессиональный трек

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
33❤‍🔥2🔥1
У Map до сих пор не было способа сделать «верни значение, а если ключа нет — вставь дефолт» одним вызовом. Приходилось писать if (!map.has(key)) каждый раз. В феврале во всех браузерах появились getOrInsert() и getOrInsertComputed().

Кроме этого: CSS-функция shape() для сложных фигур с кривыми Безье прямо в clip-path — без SVG. Trusted Types для защиты от XSS на уровне DOM API. И Zstandard — алгоритм сжатия, который нередко обходит Brotli по скорости. Разбираем каждое с примерами. #webdev #baseline

🎁 Читать статью

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥4❤‍🔥2
HTML Academy
Техдир Зионека поощряет ИИ-кодинг в команде. И ищет фронтендеров Компания из Москвы с проектами в четырёх странах разрабатывает собственный ИИ-продукт. Как ИИ меняет требования к разработчикам? И зачем компании начинающие специалисты, если технический директор…
Сегодня в 12:00 — эфир с Зионеком

Технический директор расскажет, как компания с 200+ проектами пришла к собственному ИИ-продукту, зачем ей фронтендеры и что ждёт выпускников совместной программы.

Компания одной из первых внедрила Tarantool и ускорила поиск по складам с 7 секунд до 0,2 секунды.

Итоги розыгрыша бесплатного места — в конце эфира.

https://htmlacademy.ru/events/live-zionec
🔥64❤‍🔥3
Forwarded from CSS Боль
Больше знаешь — крепче спишь (девиз ордена Хранителей)

Новая истина для айтишников. Причём именно в такой формулировке.

Бизнес с удовольствием заменил бы всех разработчиков на оркестры агентов, но мешает одно «но» — автобусное число.

Кто-то должен знать, как устроена система, как устроены эти оркестры, и нести за это ответственность. Короче, каждой системе нужен Хранитель, а лучше — несколько. Хранителей не уволят, хранителей будут беречь: они ценны, а выращивать новых очень дорого.

Когда орден Хранителей для каждого продукта будет создан и угроза автобусному числу исчезнет, бизнес начнёт избавляться от рядовых разработчиков, которые занимаются рутиной. Задачи уволенных будут передаваться в оркестры.

Кого же выберут в Хранители? Тех, кто лучше, полнее и глубже знает свой продукт, свою систему, свой оркестр.

Так что больше знаешь — крепче спишь.

Резервный канал в MAX
❤‍🔥4🔥3👍2
innerHTML вставляет в DOM всё подряд — включая <script>, обработчики событий и другие векторы XSS. Годами единственной защитой были сторонние библиотеки вроде DOMPurify.

Firefox 148 стал первым браузером, реализовавшим Sanitizer API — нативную санитизацию прямо при вставке HTML. Метод setHTML() автоматически вычищает опасные элементы до того, как они попадут в DOM. А в марте подтянулся и Chrome 146. Разбираем, как перейти с innerHTML на setHTML(), как настроить конфигурацию санитайзера и зачем сочетать его с Trusted Types. #js #html

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥3❤‍🔥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
👍3🔥2❤‍🔥1