HTML Academy

Вопрос, о котором нельзя забыть

Что окажется в консоли после выполнения этой бесконечно странной команды?

Наглядное исследование-визуализация «repeating-linear-gradient VS linear-gradient»

https://htmlacademy.ru/demos/113

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

На примере одной и той же задачи мы наглядно и детально разобрали отличия между repeating-linear-gradient и linear-gradient. Оказывается, repeating-linear-gradient крутейший инструмент в своём классе.

Исследование предназначено для опытных разработчиков, но будет полезно и начинающим.

#туториалотhtmlacademy #исследованиеотhtmlacademy

Разбираемся как делать красивые градиентные рамки с помощью repeating-linear-gradient в новом интерактивном туториале.

https://htmlacademy.ru/demos/111

Фундаментальный интерактивный туториал про псевдоклассы :nth-child и :nth-of-type. Хотите стать мастером :nth-child? Этот материал для вас!

Детально разбирается синтаксис :nth-child(an + b). Есть примеры создания простых, сложных и комбинированных выборок элементов. Для каждой выборки даны примеры расчётов порядковых номеров.

https://htmlacademy.ru/demos/2

Начался лайв с компанией HTDev про обучение напрямую для работодателя.

Присоединяйтесь по ссылкам:
ВК — https://vk.com/video-38306835_456239487
Ютюб — https://www.youtube.com/live/GAhl81QthyE

Через час, в 19:00, начнётся лайв с компанией HTDev про обучение напрямую для работодателя.

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

Записаться на лайв можно по ссылке

https://htmlacademy.ru/events/live_htdev

Мастерская: анимированный звездопад на чистом CSS

Пошагово, с понятным объяснением каждого шага, нарисуем красивейшие звёзды и заставим их падать

https://htmlacademy.ru/demos/107

Хотите проверить реальный уровень знаний по любимому стеку?

Наш партнер-работодатель, компания “Открытые решения”, поможет в этом. Пройдите бесплатный тест в Firstlink и выявите точки роста!

https://firstlink.osinit.com

А прокачать знания можно на тренажёрах HTML Academy, которые открыты всю текущую неделю благодаря партнёрам-работодателям.

https://htmlacademy.ru/special/open-week/2024/october

Интерактивный туториал «Мастерская: карточка с анимацией 3D-переворота»

👉️️ https://htmlacademy.ru/demos/105

Пошагово создадим карточку, которая красиво переворачивается в 3D при наведении. А затем детально и наглядно препарируем принцип работы этого 3D-эффекта.

И как всегда, вы можете экспериментировать и менять код на каждом шаге!

Простой и короткий интерактивный туториал "Знакомство с псевдоклассом :has"

https://htmlacademy.ru/demos/101

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

Лайв с компанией HTDev — обучение напрямую для работодателя

HTML Academy и HTDev разработали совместную программу, цель которой — с нуля вырастить будущих сотрудников компании, обладающих теми навыками, которые необходимы работодателю.

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

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

Лайв состоится 3 октября в 19:00, регистрируйтесь по ссылке, чтобы мы напомнили вам о старте мероприятия:

https://htmlacademy.ru/events/live_htdev

С 30 сентября по 6 октября HTML Academy вместе с партнёрами-работодателями открывает доступ ко всем тренажёрам

https://htmlacademy.ru/special/open-week/2024/october

Пробуйте себя в веб-разработке, знакомьтесь с компаниями-работодателями, и конечно же делитесь новостью про открытую неделю с друзьями!

Тег <b> используется для выделения текста без дополнительного акцента или значимости.

В результате содержимое этого тега обычно отображается жирным шрифтом.

Несмотря на это, этот тег не должен использоваться для стилизации; для таких задач лучше использовать CSS.

Больше фактов — в справочнике по HTML.

Большой привет из прошлого

Если вы не знали, на какой бы вам сайт зайти с утра, то мы принесли вам жемчужину интернета.

Там даже музыка играет!

https://www.cameronsworld.net/

Мы не плачем, просто флоаты в глаз попали

Как сделать сайдбар с раскрывающимися пунктами

Дэвид Мраз делится кодом на Гитхабе.

Начался лайв с компанией Handbox про обучение напрямую для работодателя.

Присоединяйтесь по ссылкам:
ВК — https://vk.com/video-38306835_456239484
Ютюб — https://www.youtube.com/live/5LzsPs1zdWM

Через час, в 19:00, начнётся лайв с компанией Handbox про обучение напрямую для работодателя.

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

Записаться на лайв можно по ссылке

https://htmlacademy.ru/events/live_handbox

Свежая статья с хабра «Типы или интерфейсы в TypeScript: что и когда использовать?»

https://habr.com/ru/articles/844990/

Комментарий от Юлии Кротовой, тимлида компании Only:

«Статья для тех, кто постоянно путается с типами и интерфейсами. Если коротко: и те и другие умеют почти все, и можно просто договориться в команде, что использовать на проекте.»

---

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

#полезноеотработодателей #полезноеотonly