HTML Academy
10.8K subscribers
4.99K photos
119 videos
4 files
3.06K 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 Academy и Яндекса.

https://htmlacademy.ru/demos/179

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

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

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

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

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

https://htmlacademy.ru/demos/187

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

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

https://htmlacademy.ru/demos/189

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

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

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

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

---

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

#полезноеотработодателей #полезноеотosinit
6👍6
👍 Весна близко. А значит пора засучить рукава и готовиться к интенсивному погружению в тренажёры вместе с 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
🔥2453👍1
HTML Academy
🤘 Вместе с TravelLine запускаем программу для подготовки специалистов под реальные задачи. Успешные выпускники попадают в команду компании, а обучение проходит на основе легендарного контента. Присоединяйтесь сегодня в 19:00 к прямому эфиру с ведущим инженер…
Как стать разработчиком в TravelLine?

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

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

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

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

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

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

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

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

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

https://htmlacademy.ru/demos/183

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

#туториалотhtmlacademy #frontend #html #css #mlut
👍10🔥3🤯2😱1
Forwarded from Кексобот: полезный бот
День 2️⃣, сообщение от Кекса

Мур-мяу! Готовы ли вы продолжать свой рост во всём, что касается вёрстки? Сегодняшний день порадует вас интересными приёмами: от гибких табличных раскладок до селекторов для тонкой стилизации. Пусть ничто не помешает вашему творческому прорыву!


В программе:
50 заданий и 6 испытаний, а также 80 баллов.

Подробнее | Кексобот | Правила
4❤‍🔥1🔥1
Forwarded from Кексобот: полезный бот
День 3️⃣, сообщение от Кекса

Мр-мяу! Как прошёл ваш рост вчера? Сегодня мы переходим на новый уровень оформления: будем украшать страницы броскими фонами, объёмными тенями и даже интерактивными иконками. Настраивайтесь на волну креатива, ведь впереди много увлекательных экспериментов!

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


В программе:
152 задания, 28 испытаний, а также 292 балла.

Подробнее | Кексобот | Правила
55👍1🔥1
Forwarded from Кексобот: полезный бот
День 4️⃣, сообщение от Кекса

Мяв, покорители кода! Готовы зарядиться новой волной вдохновения? JavaScript ждёт, чтобы вы максимально раскрыли свою логику и креатив. Этот день обещает быть насыщенным: от знакомства с базовыми структурами до создания настоящих интерактивных элементов в браузере.

Экспериментируйте, ищите новые подходы — и вы удивитесь, сколько тонких приёмов найдёте!


В программе:
183 задания, 15 испытаний, а также 258 баллов.

Подробнее | Кексобот | Правила
44🔥3
Делимся кейсом нашего любимого партнёра-работодателя — Лиги А. Если вам нужны крутые компании исполнители — обратите внимание на Лигу. Если планируете обучаться — то можете посмотреть, какого уровня проекты будете делать в одной из компаний-партнёров
🔥3
Forwarded from Лига А.
✍️ Сделали сайт для самого крупного лесопитомника России

Этот кейс настолько запал нам в душу, что мы собрали большущую статью на VC и подробно описали работу над проектом. Если кратко:

Раньше: У клиента не было своей «визитной карточки», чтобы зацепить потенциальных клиентов после знакомства и рассказать о своём деле. Даже в интернете.

Сейчас: У клиента есть сайт, который красиво и просто презентует компанию, передаёт масштаб, миссию и ценности.

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

📝 Читать кейс
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥20🔥9👍3