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.54K
Photos
5.6K
Videos
190
Links
3.5K

Showing posts older than #7887 · Back to latest

Older Posts 16 shown
Post #7886 2.6K
HTML Academy ⏱ Прямой эфир с техническим директором и тимлидом фронтенда Слетать.ру! HTML Academy и Слетать.ру запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и, самое главное, получаете шанс присоединиться…
👍 Вместе со Слетать.ру мы готовим будущих разработчиков

Уже сегодня в 19:00 на эфире мы поговорим о программе обучения, на которой мы готовим специалистов под реальные задачи. Технический директор и тимлид фронтенда компании Слетать.ру расскажут о перспективах для выпускников и ответят на ваши вопросы.

⭐️ Эфир в YT | Рестрим в VK | Записаться
  • 🔥 6
  • ❤ 4
  • ⚡ 1
Post #7881 2.39K
Полезные карточки вам на вечер
  • ❤‍🔥 24
  • ❤ 9
  • 👍 2
  • 🤯 1
Post #7880 2.32K
⏱ Прямой эфир с техническим директором и тимлидом фронтенда Слетать.ру!

HTML Academy и Слетать.ру запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и, самое главное, получаете шанс присоединиться к команде Слетать.ру по завершении обучения.

Приходите на прямой эфир 31 января в 19:00, чтобы:

– Узнать из первых уст о компании Слетать.ру и ближайших планах по найму.
– Детально разобраться в программе: как она заточена под реальные требования рынка.
– Получить ответы на все интересующие вопросы от представителей компании.
– Понять, какие конкретные навыки вы освоите и как это поможет вам получить оффер от компании.

🤘 Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
  • ⚡ 7
  • ❤ 5
Post #7879 2.6K
Мы советуем изучить, как работает атрибут fetchpriority:
https://web.dev/articles/fetch-priority?hl=ru#fetchpriority-attribute

А Николай Громов, ведущий разработчик интерфейсов компании Наука, рассказывает, почему надо использовать fetchpriority:

«И создал он атрибут loading и дал его эльфам.
И Создал он preload у <video> и дал его людям.
Но потом создал ОН один атрибут, чтобы править всеми!
(приоритетами загрузки)
и имя ему – fetchpriority

И возрыдали разработчики,
ибо ОН прекрасен и готов к продакшену.»

Полностью согласны. Ни убавить, ни прибавить.

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».
#полезноеотработодателей #полезноеотnauka
  • 👍 10
Post #7878 2.55K
Завершаем вёрстку десктопной версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/175

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

#туториалотhtmlacademy #frontend #макет
  • 👍 8
  • ❤ 4
Post #7877 2.84K
👍 Мастерская: анимированный звездопад на чистом CSS.

🤎 Демонстрация, чтобы попробовать → https://htmlacademy.ru/demos/107
  • 🔥 41
  • ❤ 8
  • ❤‍🔥 2
Post #7876 3.28K
🍐 Когда «простой» CSS-компонент превращается в головоломку, начинаешь особенно ценить детали. Взять, к примеру, резиновое оглавление: прозрачные фоны, перенос строк, точки-заполнители — за всем этим скрывается настоящая браузерная магия.

В новой рубрике «CSS боль» мы подробно разбираем, как работают position: absolute, контейнерные блоки, координаты auto, а также концепцию shrink-to-fit, которая позволяет элементам идеально адаптироваться под содержимое.

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

🤎 Как вам? Делитесь впечатлениями — обсудим сложные моменты вместе!

Ролик в YT | Ролик в VK | Демонстрация
  • ❤‍🔥 21
Post #7875 3.19K
Почему Vite выбирают разработчики?

Vite — это скорость, простота и возможность сосредоточиться на коде, а не на настройках. Он мгновенно обновляет изменения, поддерживает множество фреймворков и идеально подходит для современных проектов.

Что нового появилось в Vite 6? Спойлер: разработчики точно оценят новые шаблоны и поддержку последних версий Node.js.

Подробности — в статье: https://htmlacademy.ru/blog/js/vite-6
  • 👍 18
Post #7874 3.7K
https://css-tip.com/width-scrollbar/ – приём, который позволяет получить ширину скроллбара на чистом CSS

Николай Громов, ведущий разработчика интерфейсов компании Наука, о пользе этого приёма:

«Встречал несколько раз: при открытии модалки нужно блокировать скролл страницы, но если лифт есть и он не 0 пикселей, это вызовет "дергание" контента. Приходится добавлять padding справа, но как вычислять его размер? А вот и ответ»

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka
  • 👍 18
  • ❤ 1
Post #7873 3.1K
Читайте новые инструкции по CSS в блоге Академии:

Как передвинуть элемент на странице. CSS-свойство position

Как изменить цвет на странице. CSS-свойство color

Как изменить ширину элемента. свойство width

Как сделать фон на странице. css-свойство background

Как размыть картинку. css-свойство filter

#htmlacademy_статьи
  • 🔥 10
Post #7872 2.93K
Этот генератор box-shadow позволяет быстро и легко создавать стильные тени на вашем веб-сайте. Генератор позволяет добавлять до 10 теней с различными настройками, такими как горизонтальное и вертикальное смещение, размытие, прозрачность и цвет тени.

С помощью этого генератора вы можете создавать различные эффекты, такие как внутренняя подсветка текста или приподнятость элементов на странице. CSS-код для каждой тени может быть легко скопирован и использован на вашей странице.

Используйте этот генератор box-shadow, чтобы быстро и легко настроить тени на вашей странице и улучшить ее визуальный стиль — https://tml.io/yd6fm

#htmlacademy_статьи
  • 👍 18
Post #7871 2.62K
https://angularexperts.io/blog/typescript-decorators – cтатья с разбором полезных декораторов, написанных на TуpeScript, содержит примеры кода и объяснения, что и зачем было написано. Статья поможет лучше понять TуpeScript и разобраться, что такое декораторы и зачем они могут понадобиться.

Статьёй поделились разработчики компании «Открытые решения».

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотosinit
  • 👍 11
Post #7870 2.64K
Новый макет и новый компонент! Верстаем промо-блок из олимпиады по фронтенду от HTML Academy и Яндекса.

htmlacademy.ru/demos/173

В пятой части курса мы делаем разметку и базовую стилизацию десктопной версии промо-блока. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет
  • ❤ 10
  • 👍 4
  • 👏 3
Post #7869 3.02K
Учебник по Git и GitHub

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

📖 Читать учебник
  • 🔥 18
  • 👍 9
Post #7868 3.2K
https://usehooks.com – коллекция кастомных React хуков

Рекомендации по использованию от Николая Громова, ведущего разработчика интерфейсов компании Наука:

«Коллекция хорошая, но есть несколько "но":

1. Видимо, разумнее всего просто копипастить нужный хук (отсюда: https://github.com/uidotdev/usehooks/blob/main/index.js) в свой проект (обновления редки, а все хуки в исходнике - в одном файле, который весь будет взят в сборку).

2. Часть хуков требуют экспериментальных версий react и react-dom (видно по команде установки на странице хука).»

---

Компании, для которых мы готовим разработчиков на совместных программах, делятся полезными техническими материалами в рубрике «полезное от работодателей».

#полезноеотработодателей #полезноеотnauka
  • 👍 13
  • ❤ 1
Post #7867 3.13K
HTML Academy 👍 Чувствуете? Это запах мандаринов и тренажёров. Новый год близко, а значит пора засучить рукава и готовиться к ежегодному безумию вместе с HTML Academy. Совместно с Лига А. и Слетать.ру мы дарим бесплатный доступ к тренажёрам с 1 по 8 января. Что вас ждёт?…
👍 Новогодняя неделя завершилась! Совместно с Лигой А. и Слетать.ру мы открыли доступ ко всем тренажёрам и дали возможность каждому принять участие в насыщенной неделе знаний. Теперь настало время подвести итоги и разыграть призы!

Следите за розыгрышем в прямом эфире — сегодня в 20:00.

Эфир в YT | Рестрим в VK
  • ❤‍🔥 12
  • ⚡ 4
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 →