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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
🌷 Майские праздники — время отдыхать с пользой!

С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте.

Что вас ждёт?
🆗 Бесплатный доступ к тренажёрам по HTML, CSS, SVG и JavaScript.
🆗 Ежедневные задания, увлекательные викторины и загадки.
🆗 3 уровня призов: бронзовый, серебряный и золотой — чем выше общая активность, тем круче призы!

Зовите друзей, выполняйте задания и повышайте свои шансы получить крутые призы от наших партнёров-работодателей Purrweb и Wemakefab! Подробнее читайте на лендинге.

Стартуем 1 мая!

Подробнее об акции | Telegram-бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
[Релиз!] Познакомьтесь с CSS-библиотекой от HTML Academy, которая кардинально упрощает создание и настройку инвертированных углов

https://htmlacademy.ru/demos/195

Углы работают даже на неоднородных фонах. Всё сделано на чистом CSS. Знакомьтесь с возможностями библиотеки и используйте с удовольствием!

#туториалотhtmlacademy #frontend #html #css
HTML Academy
🌷 Майские праздники — время отдыхать с пользой! С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте. Что вас…
👍 Что можно выиграть на майских каникулах?

Тренажёры сами по себе — отличная возможность прокачать навыки. Но вместе с нашими партнёрами-работодателями — Purrweb, Wemakefab и Лига А. — мы подготовили особенные призы, уровень которых будет зависеть от общей активности всех участников акции.

Чем выше суммарное количество набранных баллов — тем круче становится призовой фонд. Всего предусмотрено три уровня:

🥉 Бронзовый уровень
– Курс «Введение в React» — гарантированно всем, кто наберёт 2 475 баллов и больше.
– Курс «Войти в IT» и месяц доступа к тренажёрам.

🥈 Серебряный уровень
– Всё из бронзового уровня.
– Программы-аналоги «Фронтенд-разработчик» для компаний Only и Контур.
– Самостоятельные профессии «Фронтенд-разработчик» и «JavaScript-разработчик».

🥇 Золотой уровень
– Всё из серебряного уровня.
– Ещё больше самостоятельных профессий.
– Программа развития навыков «Современная фронтенд-инженерия».
– Программа развития навыков «UI-инженерия».

Стартуем уже завтра — 1 мая!

Чем активнее будете вы и другие участники, тем больше шансов разблокировать золотой уровень. Участвуйте, зовите друзей и следите за прогрессом!

Подробнее | Кексобот | Правила
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy и WebRise — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду WebRise

Подробнее: tml.io/bigtech-webrise

Компания WebRise работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий, как во frontend, так и backed сферах, активно работает с дизайном и аналитикой.

#работодателиhtmlacademy
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация по любой траектории с offset-path

У вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.

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

И вот как сделать такое на чистом CSS с помощью offset-path, уже доступного во всех браузерах.

👉 https://htmlacademy.ru/blog/css/offset-path
😼 Майские продолжаются — а значит, можно успеть не только отдохнуть, но и прокачаться.

Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.

💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.

До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.

👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.

Остались вопросы? Пишите в https://tml.io/telegram

Продолжите майские с пользой. Учитесь в своём темпе, в удобное время — и входите в рабочий режим уже на уровень выше.
HTML Academy и Aston — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Aston

Подробнее: https://tml.io/bigtech-aston

Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.

#работодателиhtmlacademy
Поиск с конца массива в JS

Недавно в JavaScript появились два полезных метода для массивов: findLast и findLastIndex. Они делают то же, что и привычные find и findIndex, только проходят массив с конца.

Показываем, как ими пользоваться (даже если лапки):

👉 https://htmlacademy.ru/blog/js/find-last
8 решений из HTML и CSS, которые пора забыть в 2025

Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.

И наконец-то стало. Смотрите, как просто:

👉 https://htmlacademy.ru/blog/html/new-things-in-layout
В сентябре 2024 в Baseline в статусе Widely-available вошло CSS-свойство backdrop-filter. Оно делает красивое: позволяет применить фильтры (размытие, контраст, яркость, и прочее) к фону за элементом. Не к самому элементу, а именно к тому, что за ним — это важно.

То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.

👉 https://htmlacademy.ru/blog/css/backdrop-filter
HTML Academy и Purrweb — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Purrweb

Подробнее: https://tml.io/bigtech-purrweb

Вот уже 10 лет компании Purrweb доверяют стартапы и крупные компании разработку мобильных, веб- и десктопных приложений. За это время мы выросли из 2х фрилансеров в команду составом 200 человек и не планируем останавливаться.

#работодателиhtmlacademy
Монументальный и полезнейший чек-лист для дизайнеров от разработчика про подготовку макета к вёрстке

https://lepekhin.studio/ru/notes/post/designer-checklist

Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.​

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

---

Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin

#полезноеотработодателей
This media is not supported in your browser
VIEW IN TELEGRAM
[Новый курс] Погрузитесь в радиальные градиенты в новом бесплатном курсе. Наглядно, интерактивно, без воды!

htmlacademy.ru/demos/199

Познакомимся с функцией radial-gradient(), научимся создавать простые градиенты, управлять списком колорстопов и расположением центра градиента. А также разберёмся, что влияет на форму радиального градиента.

#туториалотhtmlacademy #frontend #html #css
Перевели инструкцию по новому синтаксису @if в Angular.

Секундочку, Angular?!

https://htmlacademy.ru/blog/js/angular-if-syntax
HTML Academy и Medeum — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Medeum

Подробнее: https://tml.io/bigtech-medeum

Medeum — это аккредитованная IT-компания, занимающаяся разработкой прикладных сервисов и реализующая аналитические проекты с целью внедрения технологий в реальный сектор экономики и реализации цифровой трансформации.

#работодателиhtmlacademy
Прямой эфир с эйчар-директором компании Веб-Центр

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

Приходите на прямой эфир 30 мая в 20: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/201

Продолжим разбираться с радиальными градиентами. Научимся принудительно задавать форму и управлять размерами градиентов. Разберёмся с ключевыми словами closest-side, farthest-side, closest-corner, farthest-corner.

#туториалотhtmlacademy #frontend #html #css
HTML Academy и STILT — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду STILT

Подробнее: tml.io/bigtech-stilt

STILT — современная IT-компания, которая оказывает комплексную техническую поддержку сложных IT-систем. Она обеспечивает бесперебойную работу сервисов клиентов с июля 2022 года, следуя стандартам ITIL и строго соблюдая SLA.

#работодателиhtmlacademy
This media is not supported in your browser
VIEW IN TELEGRAM
Выпустили 12 испытаний лёгкого уровня по радиальным градиентам. Время закрепить навыки!

https://htmlacademy.ru/courses/419/practice

Испытания доступны по подписке.

Если вы хотите бесплатно познакомиться с теорией про радиальные градиенты, то вам сюда:
https://htmlacademy.ru/demos/199