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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
❗️Завтра в 12:00 — эфир, который стоит посмотреть

Основатель Bquadro расскажет, сколько на самом деле нужно джуну, чтобы стать полезным агентству. Как выглядит реальная фронтенд-разработка в продакшене: сайты, сервисы и корпоративные системы для крупных клиентов. И почему в Bquadro осознанно инвестируют время и ресурсы в рост новичков.

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

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

Завтра в 12:00 (MSK). Регистрируйтесь — будет честно и по делу.

https://htmlacademy.ru/events/live-bquadro
Please open Telegram to view this post
VIEW IN TELEGRAM
42❤‍🔥21
Методы findLast() и findLastIndex() делают то же, что find и findIndex, только проходят массив с конца. Если нужный элемент ближе к концу большого массива — это экономит ресурсы.

В статье разбираем оба метода на примерах: когда find и findLast вернут разные результаты, как проверить поддержку в старых браузерах и почему с февраля 2025-го методы безопасны для продакшена. #js

📕 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥6👍2🔥2
HTML Academy
Первый прямой эфир с основателем Bquadro Поговорим с основателем студии о том, как в агентстве с 20-летней историей и 600+ проектами растят фронтендеров, какие задачи доверяют новичкам и как мы вместе с Bquadro и другими компаниями запускаем совместную программу…
Сегодня узнаем, как попасть в команду, которая делает сложные проекты

Что на самом деле ждёт новичка в агентстве? Как устроен рост, когда ты работаешь удалённо? И почему одни команды готовы тратить время на джунов, а другие — нет?

В 12:00 (MSK) основатель Bquadro расскажет о реальных задачах, нагрузке и пути от обучения до работы в штате. Без приукрашиваний.

Обсудим:
0️⃣ как выглядит первый год в агентстве;
1️⃣ что даёт система наставничества;
2️⃣ как попасть на совместную программу.

В финале разыграем бесплатное место на программу!

https://htmlacademy.ru/events/live-bquadro
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤‍🔥22
Forwarded from CSS Боль
Когда дизайнер присылает макет с «инвертированным углом», начинаются страдания. Псевдоэлементы, абсолютное позиционирование, подгонка радиусов — и всё это разваливается, как только под карточкой появляется градиент или картинка.

Александр Першин написал nebo.css — опенсорсную библиотеку для впуклых углов. Название расшифровывается как negative border radius. По духу это как normalize.css: подключаете один CSS-файл, добавляете класс nebo — и угол готов. Работает на любых фонах, настраивается через CSS-переменные.

Разбираем, как это устроено: https://habr.com/ru/articles/987944/

GitHub: https://github.com/htmlacademy/nebo.css
🔥18👍72
🎁 С 23 по 25 января мы празднуем Татьянин день и дарим подарок тем, кто учится: месяц индивидуальной работы с наставником при покупке Лайт-профессии.

Индивидуальный наставник — это работа один на один с практикующим разработчиком, подробное ревью кода с объяснениями и помощь там, где вы застряли. Вы сами выбираете, на каком курсе использовать этот месяц — там, где он нужнее всего.


В акции участвуют профессии «Фронтенд-разработчик» и «JavaScript-разработчик» за 29 000 ₽, а также студенческое комбо: обе профессии за 35 000 ₽ — с тем же бонусом.

🎁 Оставить заявку
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5❤‍🔥2🔥2
Мастер анимаций: CSS и JavaScript-анимации

Курс, после которого вы будете уверенно анимировать карточки товаров, меню, модальные окна, слайдеры и аккордеоны. И делать это так, чтобы всё работало быстро на любых устройствах.

Разбираем 72 примера — от простых переходов по ховеру до 3D-трансформаций и параллакса. Учимся не только создавать эффекты, но и отлаживать их: работаем с DevTools, оптимизируем производительность, учитываем prefers-reduced-motion.

Обучение построено от простого к сложному: сначала transition, потом @keyframes и animation, затем JavaScript для интерактивных сценариев. #htmlacademy #levelup

🔴 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥64🔥2
Media is too big
VIEW IN TELEGRAM
«Джуны и сеньоры — это позиции, на которых компания не зарабатывает»

Кто тогда приносит деньги? Илья Лебедкин из Addamant раскрывает экономику найма и называет сроки роста от джуна до мидла.

Полный эфир с Addamant — по ссылке:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🪫 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣83🔥3👍2
План на выходные: час эфира про рост в агентстве

Основатель IT-агентства рассказал, как на самом деле устроена работа с новичками:

- почему руководители отделов в Bquadro когда-то сами пришли джунами;
- как устроен ИПР и система наставничества на удалёнке;
- какие задачи дают новичкам и почему это выгодно всем;
- как агентство использует AI в работе.

Если на неделе было не до контента — самое время включить.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤‍🔥32
Сегодня последний день акции к Татьяниному дню

При покупке профессии «Фронтенд-разработчик» или «JavaScript-разработчик» за 29 000 ₽ вы получаете месяц индивидуальной работы с наставником — на том курсе, который выберете сами.

Студенческое комбо: обе профессии за 35 000 ₽ с тем же бонусом.

🎁 Успеть оставить заявку
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤‍🔥2🔥2
Forwarded from CSS Боль
CSS scroll-driven animations позволяют привязать любую анимацию к состоянию прокрутки — без JavaScript, без вычислений offset, без боли.

Раньше для анимаций по скроллу приходилось вспоминать, как работают все эти offsetTop, scrollY, getBoundingClientRect. Потом — математика, потом — кроссбраузерность. Теперь достаточно одного CSS-свойства: animation-timeline: scroll(). Попробуйте в демке.

В новом выпуске CSS Боли разбираем, как это работает. Функция scroll() с параметрами scroller и axis, тонкости с containing block и позиционированием, почему nearest ведёт себя не так очевидно.

Это первая часть серии — знакомство с анонимной временной шкалой прокрутки. В следующих выпусках — ещё больше.

Демонстрации:
🔜 Прогрессбар со scroll-анимацией
🔜 Абсолютное позиционирование

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤‍🔥33👍1
В CSS-функции calc() теперь можно использовать число π — и это не шутка. Константы e, pi, infinity и даже NaN стали частью стандарта и работают во всех браузерах.

В статье разбираем, что ещё появилось в декабре: от @scope для изоляции стилей без Shadow DOM до события scrollend, которое точно скажет, когда прокрутка завершилась. А ещё — как теперь измерять метрики LCP и INP встроенными средствами браузера. #css #baseline

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥93❤‍🔥2👍2
Media is too big
VIEW IN TELEGRAM
🎁 Пульсирующий вертикальный лоадер
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥6❤‍🔥4👍2
Технологическая рулетка: вызов на сегодня

Бросьте кубик в комментариях и займитесь тем, что выпадет. Шесть тем — React, Vue.js, CSS Grid, алгоритмы, Git, DevTools. Задания на картинках.

Напишите, что выпало и что сделали.
5🔥4❤‍🔥3
Методы toSorted() и toReversed() уже работают во всех браузерах. Теперь можно сортировать массивы без мутаций — оригинал остаётся нетронутым, а вы получаете новый. Туда же — свойство animation-composition для управления наложением анимаций. Это то, что можно использовать в продакшене прямо сейчас.

А ещё в статье — Navigation API, псевдоклассы для View Transitions API и новые CSS-единицы rcap, rch, rex, ric для точной типографики в многоязычных интерфейсах. Эти фичи только появились в браузерах, так что пока просто держим в голове на будущее. #css #js

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥73🔥3