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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Media is too big
VIEW IN TELEGRAM
Как сделать аккордеон на чистом HTML и CSS? Разбираемся в бесплатном курсе. Наглядно, интерактивно, без воды.

https://htmlacademy.ru/demos/177

Создаём вертикальный аккордеон на базе нативного элемента <details>. Разбираемся, с помощью какого атрибута "связывать" друг с другом "вкладки" аккордеона.

#туториалотhtmlacademy #frontend #html #css
🤘 Прямой эфир с ведущим инженер-программистом и эйчаром компании TravelLine

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

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

1️⃣ Узнать, какие навыки и технологии востребованы в компании, и как подготовиться к реальной работе.
2️⃣ Понять, как устроен процесс онбординга и что важно для новичков в компании.
3️⃣ Обсудить, как проходить обучение и какие задачи решать, чтобы быть готовым к работе в реальной команде.
4️⃣ Узнать, почему важно развивать как технические, так и гибкие навыки для успешной карьеры в IT.

Зарегистрируйтесь по ссылке — мы напомним вам о трансляции.
Please open Telegram to view this post
VIEW IN TELEGRAM
Как разделять работу и жизнь, если ты разработчик или дизайнер? Что такое выгорание и как его избежать?

Вопросы, которые легли в основу новой игры от ребят из Лиги А. Ответов не обещают, зато будет возможность управлять судьбами персонажей в стиле  тамагочи — 😌 разработчиком и 😌 дизайнером.

Над ней прямо сейчас работают разработчики Лиги — бывшие студенты Академии, кстати.

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

Вместе с гостями Лиза и Женя из Лиги разберутся:

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

А ещё поделятся опытом, инсайтами и советами для разработчиков.

Кто будет:
• Лиза, CEO Лиги А.
• Саша, дизайнер агентства Мера
• Паша, CEO агентства Cedro
• Женя, руководитель отдела разработки Лиги А.

Сегодня, в 17:00 по мск встречаемся в канале Лиги!
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Новый курс «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/181

Алгоритмы — сложная тема, но не с этим курсом! Мы превратим абстрактные сортировки в наглядные анимации, где всё сразу становится понятно. Учитесь легко, наблюдая, как алгоритмы работают вживую!

В этой главе мы с помощью визуализаций изучим хрестоматийный алгоритм сортировки пузырьком.

#туториалотhtmlacademy #алгоритмы #algorithms
HTML Academy
🤘 Прямой эфир с ведущим инженер-программистом и эйчаром компании TravelLine HTML Academy и TravelLine запускают уникальную программу «Обучение под работодателя». Вы обучаетесь в малой группе, осваиваете нужные навыки, и самое главное, получаете шанс присоединиться…
🤘 Вместе с TravelLine запускаем программу для подготовки специалистов под реальные задачи.

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

Присоединяйтесь сегодня в 19:00 к прямому эфиру с ведущим инженер-программистом и эйчаром компании. В эфире поговорим о перспективах для выпускников программы и ответим на ваши вопросы.

Записаться
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
👍 Как закрутить 12 прямоугольников по кругу на CSS

Пошагово: от разметки до плавной анимации. Всего 12 лепестков, немного трансформаций, капля магии animation-delay — и готов эффектный спиннер без единой строчки JavaScript!

Попробуйте в действии → Демонстрация

Другие демки и сложные приёмы → Смотреть всё
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Верстаем адаптивные версии промо-блока из олимпиады по фронтенду от HTML Academy и Яндекса.

https://htmlacademy.ru/demos/179

В седьмой части курса мы верстаем планшетную и мобильную версии компонента, добавляем адаптивную графику с помощью тега <picture> и проверяем компонент на переполнение. Ссылка на макет компонента — внутри курса.

#туториалотhtmlacademy #frontend #макет
HTML Academy
🩹 В какой IDE вы пишите код?
❤️ Где писать код в 2025 году?

Мы провели опрос среди нашего комьюнити, чтобы выяснить, какие инструменты для фронтенд-разработки они предпочитают. Теперь поделимся с вами результатами!

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

👍 Читайте статью и выбирайте свой идеальный инструмент!
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Так красиво алгоритмы вы ещё не изучали! Вышла вторая глава курса «Алгоритмы сортировки через визуализации»

https://htmlacademy.ru/demos/187

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

#туториалотhtmlacademy #алгоритмы #algorithms
Media is too big
VIEW IN TELEGRAM
CSS Container Queries — технология, которая изменит понятие адаптивности навсегда. Познакомьтесь с ней в новом бесплатном курсе!

https://htmlacademy.ru/demos/189

Мы создадим резиново-адаптивный чат и познакомится с основными возможностями выражений от контейнеров.

#туториалотhtmlacademy #frontend #html #css
https://aptori.dev/blog/secure-coding-in-typescript-best-practices-to-build-secure-applications

Подборка лучших практик при работе с TypeScript, которых следует придерживаться для создания безопасного кода. Тема безопасности широка, и эта подборка может служить отличным стартовым чек-листом.

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

---

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

#полезноеотработодателей #полезноеотosinit
👍 Весна близко. А значит пора засучить рукава и готовиться к интенсивному погружению в тренажёры вместе с HTML Academy. Совместно с Лига А. мы дарим бесплатный доступ к тренажёрам с 3 по 9 марта.

Что вас ждёт?
- Полный доступ к тренажёрам по HTML, CSS, SVG и JavaScript,
- Ежедневные викторины, задания, испытания и вызовы,
- Возможность заработать баллы и выиграть призы.

Приглашайте друзей, чтобы ваше участие стало ещё веселее и продуктивнее! Подробнее читайте на лендинге.

🆗 Начинаем 3 марта!

Подробнее об акции | Telegram-бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy
🤘 Вместе с TravelLine запускаем программу для подготовки специалистов под реальные задачи. Успешные выпускники попадают в команду компании, а обучение проходит на основе легендарного контента. Присоединяйтесь сегодня в 19:00 к прямому эфиру с ведущим инженер…
Как стать разработчиком в TravelLine?

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

Поговорили о стеке: почему в TravelLine предпочитают ванильный JavaScript, где используют Vue и зачем фронтендерам знать Битрикс. Поговорили о росте внутри команды и о том, как попасть в компанию через совместную программу обучения.

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

Смотреть в YT | Смотреть в VK | Программы для компаний
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy
👍 Весна близко. А значит пора засучить рукава и готовиться к интенсивному погружению в тренажёры вместе с HTML Academy. Совместно с Лига А. мы дарим бесплатный доступ к тренажёрам с 3 по 9 марта. Что вас ждёт? - Полный доступ к тренажёрам по HTML, CSS, SVG…
🌿 Весна пришла, а вместе с ней — весенняя неделя в HTML Academy!

Все тренажёры открыты: 895 заданий, 134 испытания и 64 вызова. Отличный повод размять мозги после зимы.

Что делать?
– Присоединиться к весенней неделе.
– Зайти в тренажёры и начать выполнять задания.
– Участвовать в викторинах, испытаниях и вызовах.
– Приглашать друзей и зарабатывать баллы.

Открывайте платные тренажёры для себя прямо сейчас!

Подробнее | Кексобот | Правила

Удачи всем!
Научитесь верстать по методологии Atomic CSS с помощью фреймворка mlut в новом бесплатном курсе:

https://htmlacademy.ru/demos/183

В первой главе курса мы познакомимся с основами методологии Atomic CSS. Также разберем базовые концепты инструмента mlut, который поможет эффективно верстать в этом подходе. Это официальный курс от автора фреймворка — Валентина Ульянова

#туториалотhtmlacademy #frontend #html #css #mlut
Forwarded from Кексобот: полезный бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Кексобот: полезный бот
Please open Telegram to view this post
VIEW IN TELEGRAM