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
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
🔥9❤‍🔥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
🔥83❤‍🔥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🔥2
В эти выходные вы сами выбираете условия покупки курса.

С 30 января по 1 февраля запускаем «Акцию-конструктор». Хотите скидку на мидловый курс? Две профессии по цене одной? Консультацию с наставником в подарок к профессии? Напишите нам — обсудим.

Как участвовать: пишете, какой курс хотите и на каких условиях. Мы рассмотрим предложение и ответим в течение пары часов. Если условия нам подходят — фиксируем. Если нет — предложим встречный вариант.

Акция только до 1 февраля включительно.

Обсудить условия →
7❤‍🔥2🔥2
После анонса Liquid Glass от Apple фронтендеры бросились реализовывать эффект — и у кого-то получился полупрозрачный бублик на Three.js. А ещё в этом месяце: 3D-сапёр с backdrop-filter: blur, электрическая рамка и неоморфизм.

В подборке — демки, которые можно сразу открыть и разобрать по шагам. А для тех, кого замучили «отрицательные углы» (negative border radius), есть решение — библиотека nebo.css. #css #js

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍4❤‍🔥1
Мастер анимаций: SVG-анимации

На курсе вы научитесь оживлять векторные изображения — от простых иконок до сложных диаграмм и главных экранов. Разберём три подхода к SVG-анимации: CSS, SMIL и JavaScript, и освоим библиотеки GSAP, Anime.js, Snap.svg и KUTE.js.

Вас ждут 50 пошаговых примеров: кастомные курсоры, морфинг форм, эффект обводки и закрашивания, анимация текста, масок и паттернов. Каждый пример можно повторить и адаптировать под свои задачи.

После курса вы будете готовить и оптимизировать SVG, выбирать подходящий инструмент для каждой задачи и понимать, когда стоит перейти к Canvas. #htmlacademy #levelup

🎁 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥5🔥4👍3
Media is too big
VIEW IN TELEGRAM
Почему одни джуны уходят через полгода, а другие вырастают в сильных разработчиков?

Василий Вишняков из Bquadro рассказывает, как в студии выстроена адаптация новичков и почему компания сознательно нанимает людей без опыта.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍4🔥3
Сегодня — последний день «Акции-конструктор».

За выходные мы узнали много нового о ваших переговорных навыках. Курс за 500 ₽? Видели. Три профессии по цене половины? Тоже было. Но мы не сдаёмся.

🎁 Скидка на курсы, две профессии вместе, бонус к обучению — напишите свои условия. Обсуждаем до полуночи.

Обсудить условия →
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥3❤‍🔥2👍2🤣1