HTML Academy
Мы провели исследование зарплат фронтендеров. Взяли медианные офферы с рынка, перевели в мойву по текущим ценам — и получили морскую инфографику. Листайте карточки пятничной рубрики нейрослопа. На последней — сравнение всех грейдов в одном кадре. P.S. Кекс…
Битва за трудоустройство в 2026. Сложность: максимальная.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи.
👍5❤🔥3🤣2❤1😢1
Forwarded from Как стать мидлом
TypeScript ловит ошибки типов до запуска, но только когда типы описаны точно. Достаточно одного
Курс «TypeScript: Теория типов» — про то, как система типов устроена изнутри: дженерики, условные и отображаемые типы, объединения и пересечения, брендирование.
6 разделов и куча типовых задач, пошаговые эталонные решения, рядом поддержка эксперта. Доступ к материалам всегда под рукой. После курса будете уверенно типизировать и во фронтенде, и в бэкенде. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup
А в эти выходные, 20 и 21 июня, на курс будет большая разовая скидка 60% по промокодуTS60 — всего два дня и только на «TypeScript: Теория типов».
🔄 Смотреть программу
any или приблизительной аннотации — и редактор перестаёт подсвечивать ошибку, которая всплывёт уже у пользователя.Курс «TypeScript: Теория типов» — про то, как система типов устроена изнутри: дженерики, условные и отображаемые типы, объединения и пересечения, брендирование.
6 разделов и куча типовых задач, пошаговые эталонные решения, рядом поддержка эксперта. Доступ к материалам всегда под рукой. После курса будете уверенно типизировать и во фронтенде, и в бэкенде. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup
А в эти выходные, 20 и 21 июня, на курс будет большая разовая скидка 60% по промокоду
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy
Накануне эфира Максим из Maxis попросил нейросетку сделать iframe-приложение для Битрикс24. Она сделала — и выложила весь бэкенд в открытый интернет. Без авторизации, без проверки портала. Будущие конфиденциальные данные — по URL, заходи, забирай. Максим…
Media is too big
VIEW IN TELEGRAM
«Атакуют сотни вайб-кодеров, которые не отличают метод массива от цикла»
Максим Самарцев, директор Maxis, — о том, как нейросети сломали мостик между командой и тем джуном, которого хочется брать в команду.
Запись эфира: смотреть на YouTube | смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Как стать мидлом
Сегодня последний день скидки 60% на курс «TypeScript: Теория типов» — промокод TS60 работает до конца дня. Завтра он уже не сработает.
Если присматривались — сегодня последний момент решиться.
Записаться на курс
Если присматривались — сегодня последний момент решиться.
Записаться на курс
👍3❤🔥1👏1
HTML Academy
Два приза для тех, кому важно не остаться с обучением один на один. Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если…
194 дня до конца года — и последний день, когда на сайте крутится «Колесо Фортуны».
Сегодня до полуночи заходите на htmlacademy.ru, ищите коробку с подарком, крутаните колесо и заберите персональную скидку на обучение. Завтра колесо остановится, а дни до декабря всё так же будут идти — уже без скидки.
Один оборот, одна скидка. Успеть можно до конца воскресенья: htmlacademy.ru.
Сегодня до полуночи заходите на htmlacademy.ru, ищите коробку с подарком, крутаните колесо и заберите персональную скидку на обучение. Завтра колесо остановится, а дни до декабря всё так же будут идти — уже без скидки.
Один оборот, одна скидка. Успеть можно до конца воскресенья: htmlacademy.ru.
🔥2⚡1❤🔥1
«Увеличил шрифт на 2px». «Поменял оттенок фона». «Ещё раз поменял». «Откатил».
Во время ревью такие коммиты полезны — ревьюер видит, что именно вы поправили. Но перед слиянием они превращают историю в шум: 15 технических правок вместо одного осмысленного коммита.
Решение —
А можно не делать это руками. Если сразу коммитить правки через
В статье — пошаговый разбор со скриншотами команд: почему после ребейза обычный
👀 Читать статью
Во время ревью такие коммиты полезны — ревьюер видит, что именно вы поправили. Но перед слиянием они превращают историю в шум: 15 технических правок вместо одного осмысленного коммита.
Решение —
git rebase -i HEAD~N. Открываете интерактивный ребейз, верхний коммит оставляете pick, остальные помечаете как squash или fixup — и на выходе один чистый коммит с понятным сообщением.А можно не делать это руками. Если сразу коммитить правки через
git commit --fixup <хеш>, то git rebase -i --autosquash HEAD~N расставит всё сам.В статье — пошаговый разбор со скриншотами команд: почему после ребейза обычный
git push не проходит и нужен форс-пуш, и как настроить редактор Git, чтобы не попасть в Vim. #gitPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7🔥3👍2
25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим две недели пробного периода — попробуете профессию на реальных задачах, прежде чем решиться на всю программу.
Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет.
Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала.
Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии.
Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место:
Телеграм: https://t.me/htmlacademy_sales?utm_source=social
MAX: https://max.ru/id7807382880_bot?utm_source=social
Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет.
Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала.
Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии.
Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место:
Телеграм: https://t.me/htmlacademy_sales?utm_source=social
MAX: https://max.ru/id7807382880_bot?utm_source=social
🔥4❤🔥3👍3❤1
<article> или <aside>? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы.<article> — самостоятельная единица контента: её можно вынести на другую страницу или сайт, и она останется осмысленной (пост, карточка товара, комментарий).<aside> — дополнение к основному контенту рядом: врезка, реклама, блок похожих материалов. Уберите его, и основной смысл не пострадает.В статье — схема смысловых секций страницы и шпаргалка с вопросами, которые помогают развести теги на конкретных примерах. #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4❤🔥3
Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана.
Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.
Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html
💡 Читать статью
Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.
Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4🔥4❤🔥2👍1
Forwarded from Как стать мидлом
Большинство фронтендеров умеют добавить
Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS
Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов.
27 и 28 июня — скидка 60% по промокодуMOVE60 — всего два дня и только на «Анимация для фронтендеров 2026». #htmlacademy #levelup
👍 Подробнее
transition: opacity 0.3s — и на этом анимации заканчиваются.Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS
transition и кривых Безье до шейдеров на GLSL и управления камерой в Three.js. Весь стек на русском языке, с теорией, демонстрациями и эталонными решениями к каждому заданию.Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов.
27 и 28 июня — скидка 60% по промокоду
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
Media is too big
VIEW IN TELEGRAM
«Получается более целостный, собранный кандидат, с которым комфортнее работать».
Максим Самарцев, директор Maxis, — о пользе высшего образования.
Запись эфира: смотреть на YouTube | смотреть в VK
Программа обучения
Максим Самарцев, директор Maxis, — о пользе высшего образования.
Запись эфира: смотреть на YouTube | смотреть в VK
Программа обучения
🔥4