TGViewer
Channel Public Channel
HTML Academy

HTML Academy

@htmlacademy

Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Open in Telegram
Subscribers
9.55K
Photos
5.6K
Videos
190
Links
3.5K

Showing posts older than #8638 · Back to latest

Older Posts 12 shown
Post #8637 860
HTML Academy Войти в разработку джуном стало ощутимо сложнее, чем пару лет назад. Команды всё чаще ждут, что разработчик уверенно работает с нейросетями. Для многих это уже базовое требование. Мы это часто слышали от работодателей в наших эфирах. Но есть нюанс. Нейросети…
Исследование: Kruger & Dunning, 1999. «Unskilled and Unaware of It» — Journal of Personality and Social Psychology.

В 1999 году Джастин Крюгер и Дэвид Даннинг описали закономерность: чтобы трезво оценить свою компетентность, нужна та же компетентность, которой как раз не хватает. Поэтому свои пробелы хуже всего видит тот, у кого их больше.

С нейросетью этот разрыв проявляется особенно ярко. Вы пишете промпт, получаете рабочий компонент, чувствуете прогресс. А потом — баг, который модель не чинит с третьей попытки, и выясняется, что объяснить, почему код не работает, нечем. Дальше всё встаёт.

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

На этом построена программа «Нейрофронтендера»: инженерный фундамент и практика стоят раньше агентных инструментов. Сегодня предпоследний день скидки 67%, до 31 мая включительно.

Записаться в Телеграме
Записаться через MAX
  • ❤‍🔥 3
  • 🔥 1
Post #8636 778
HTML Academy Накануне эфира Максим из Maxis попросил нейросетку сделать iframe-приложение для Битрикс24. Она сделала — и выложила весь бэкенд в открытый интернет. Без авторизации, без проверки портала. Будущие конфиденциальные данные — по URL, заходи, забирай. Максим…
«Если непонятно — красавчик»

Так Максим Самарцев, директор Maxis, описывает поведение, за которое готов взять выпускника совместной программы. Для рынка, где собеседования давно превратились в гонку правильных ответов, это звучит контринтуитивно.

В клипе — как у Maxis устроена встреча с кандидатом и почему стандартный сценарий «выглядеть умнее» здесь не работает.

Запись эфира: смотреть на YouTube | смотреть в VK
📎 Программа обучения
  • 🔥 3
  • ❤‍🔥 2
  • 👍 1
Post #8633 697

Forwarded from Как стать мидлом

Git и GitHub
➿➿➿➿➿➿➿➿➿➿➿➿
add, commit, push, pull — на этих командах держится почти вся ежедневная работа с Git. А rebase, перенос коммитов между ветками или восстановление «потерянного» так и остаются для многих белым пятном.

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

Курс «Git и GitHub» закрывает этот разрыв — между «умею коммитить» и «понимаю, что происходит в репозитории, и собираю историю такой, какой задумал».

Программа идёт по нарастающей. Сначала ставите и настраиваете Git, поднимаете локальный и удалённый репозитории, связываете их. Дальше ветки: создаёте, переключаете, сливаете, разрешаете конфликты, разбираете модели ветвления. Сравниваете версии и отдельные файлы, откладываете и отменяете изменения. А в конце — rebase и cherry-pick, восстановление коммитов через reflog (та самая команда, что отматывает почти любую операцию, включая слияние), подключение по SSH и подпись коммитов через GPG. #htmlacademy #levelup

Первый раздел открыт бесплатно, чтобы оценить подачу и формат.

🎁 Попробовать Git и GitHub
  • ❤‍🔥 2
  • 🔥 2
  • 👍 1
Post #8626 926
Кекс снова на даче — он там практически весь май. Сажает редиску. Перед посадкой успел нагенерировать нейросетью пачку карточек про фронтенд и сказал, что это важно для понимания профессии. Спорить с котом, у которого лопата, мы не стали.

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

P.S. Если после Кексовых карточек захотите разобраться во фронтенде всерьёз — для этого есть «Нейрофронтендер». Показали Кексу лендинг, он сказал «мяу». Хороший знак.

Скидка 67% до 31 мая — пока он не вернулся с грядок. Пишите в Telegram или MAX.
  • ❤ 3
  • ❤‍🔥 3
  • 👍 2
  • 👏 1
  • 🤯 1
Post #8625 889
Frontend Mix × HTML Academy

Сегодня вечером наш Лёша садится за круглый стол — поговорить про ИИ во фронтенде. Зовём смотреть вместе.

Начало в 21:15 по Москве. Тема — как изменились требования к фронтендеру в 2026 году. Вопрос ребром: за что разработчику платят теперь, когда написание кода стало дешёвым, и куда сместилась ценность? И заодно — что массовое использование ИИ за год-два делает с кодовой базой и экспертизой команды.

⌛ Смотреть онлайн и бесплатно → https://events.yoomoney.ru/frontend-mix_2026

Вопросы к круглому столу пишите сюда — Лёша читает и ответит в комментариях. А кто уже на митапе — ловите нас вживую: круглый стол в финале, застать можно и до, и после.
  • 😱 5
  • 🔥 2
  • ❤ 1
  • 👍 1
Post #8623 913
Войти в разработку джуном стало ощутимо сложнее, чем пару лет назад. Команды всё чаще ждут, что разработчик уверенно работает с нейросетями. Для многих это уже базовое требование. Мы это часто слышали от работодателей в наших эфирах.

Но есть нюанс. Нейросети регулярно выдают правдоподобный код с ошибками, и чтобы их поймать, нужно понимать, что происходит под капотом: почему компонент ререндерится лишний раз и за что на самом деле отвечает замыкание. Без этой базы ИИ ускоряет накопление ошибок, которые всплывут на ревью.

В профессии «Нейрофронтендер» фундамент идёт первым: HTML и CSS, JavaScript, архитектура клиентских приложений, React. Отдельный модуль по ИИ-агентам стоит в конце — когда уже есть чем оценивать ответы модели и куда их встраивать.

До 31 мая включительно на профессию действует скидка 67%.

Записаться в Телеграме
Записаться через MAX
  • ❤‍🔥 4
  • 🔥 3
  • ❤ 2
Post #8622 818
Пояснение ⬇️

git reset --soft HEAD~1 сдвигает указатель текущей ветки на один коммит назад, индекс и рабочую директорию не трогает. Все изменения из снятого коммита остаются в индексе и готовы к новому git commit. Этот сценарий безопасен только до пуша — на общей ветке --soft потребует force-push и расстроит коллег. Флаг --hard тоже сдвинет указатель, но заодно приведёт индекс и рабочую директорию в состояние целевого коммита, и текущие изменения будут потеряны. Хотя снятые коммиты ещё около 90 дней доступны через git reflog. А git revert HEAD решает задачу иначе: создаёт новый коммит, который отменяет последний, оставляя оба в истории. Для уже запушенного коммита — именно этот вариант.
  • ⚡ 2
  • 👍 2
  • 🤯 1
  • 🤣 1
Post #8621 760
HTML Academy Кастомный шрифт ещё качается, а текст уже должен быть виден. Какое значение font-display сначала покажет текст системным шрифтом, а затем заменит на кастомный — как только тот загрузится?

This post (sticker, poll or similar) has no web preview. Open in Telegram

  • 👍 3
  • ❤‍🔥 2
  • ❤ 1
Post #8620 798
На ревью большого PR обсуждение тонет в комментариях про форматирование: переносы строк, висячие запятые, порядок импортов, который у каждого настроен по-своему. До архитектуры и логики дело может не дойти вообще.

Prettier забирает форматирование себе. Один раз настраиваете .prettierrc — он переписывает код по единым правилам при каждом запуске. npx prettier --write . приводит весь проект в порядок одной командой. В VS Code включается формат при сохранении, и вопрос снимается на уровне редактора. А --check в CI блокирует PR с неотформатированным кодом.

В статье — как подружить Prettier с ESLint без конфликтов правил. #js #tools

💥 Читать статью

Пресет для Prettier от HTML Academy → https://github.com/htmlacademy/prettier-config-htmlacademy
  • 🔥 3
  • ❤‍🔥 2
Post #8619 839
Среда. Кекс занял пост на подоконнике и наблюдает: джун подключил кастомный шрифт через @font-face и хмурится из-за времени загрузки. Сейчас узнаем, что делать.

Пояснение ⬇️

У swap по спецификации очень короткий блок-период, а в реализации браузеров фолбэк показывается сразу при первой отрисовке. Когда кастомный шрифт прилетает, происходит подмена — это FOUT, flash of unstyled text. Со значением block блок-период по рекомендации около 3 секунд, и всё это время текст невидим. Так получается FOIT, flash of invisible text. Значение optional устроено иначе: короткий блок-период (около 100 мс по рекомендации), а swap-периода нет вовсе. Если шрифт не успел за этот блок, браузер останется на фолбэке до следующего захода на страницу. Полезно для медленных сетей — текст не подменяется после загрузки.
  • 👍 4
  • ❤‍🔥 1
  • 🔥 1
Post #8618 796
HTML Academy Утро вторника. Кекс пришёл в офис первым и сразу обошёл рабочие места. На местах все: миска, разработчики, дедлайны. Можно открывать неделю загадок.
  • ❤‍🔥 2
  • ❤ 1
  • 👍 1
  • 🔥 1
Post #8617 908
Регрессия проявилась после обновления, тесты её не ловят, в main за неделю — 40 коммитов от семи разработчиков. Перебирать вручную, делая git checkout на каждый, — потерянный день.

git bisect сводит это к бинарному поиску по истории. Помечаете один коммит рабочим, второй сломанным. Git сам переключается на середину диапазона и спрашивает: «Здесь работает?» На 40 коммитов хватает 6 шагов, на 800 — 10.

Если поведение покрыто тестом — можно вообще ничего не нажимать. git bisect run npm test проходит весь путь сам и возвращает хеш виноватого коммита. В статье — пошаговый разбор с командами и интерактивная симуляция поиска. #tools #git

✍️ Читать статью
  • ❤‍🔥 8
  • 🔥 2
  • 👍 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →