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
HTML Academy
Сегодня в 12:00 на эфире мы поговорим о программе обучения, на которой мы готовим будущих бэкендеров под реальные задачи. Основатель компании ADM расскажет о компании, перспективах для выпускников и ответит на ваши вопросы. https://htmlacademy.ru/events/live…
Каждый, в принципе, может стать крутым разработчиком, но не каждый научится работать в команде


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

Вместе с Алексеем обсудили:

Современный стек компании: PHP 8, WordPress, интеграции с банками, логистикой и системами учёта.
Почему WordPress — это не «устаревшая CMS»?
Скорость, безопасность и SEO-дружественность с первого дня.

Вместо гениев-одиночек ADM ищет командных игроков. Смотрите запись эфира — и узнайте, как стартовать веб-разработчиком в региональной студии!

Смотреть на YouTube | Смотреть в VK | Совместная программа с ADM

Все программы с работодателями ➡️https://htmlacademy.ru/joint_professions
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥8❤‍🔥332👍1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Новый курс

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

https://htmlacademy.ru/courses/425

Курс доступен по подписке. Бесплатно познакомиться с принципом создания этого декоративного эффекта можно в интерактивной демонстрации.

https://htmlacademy.ru/demos/223

#туториалотhtmlacademy #frontend #html #css
1❤‍🔥11🔥832🤯1
Многие разработчики годами используют только метод log() у console, даже не подозревая, насколько мощным инструментом, на самом деле, является объект console.

В статье подробно разбираем полезные, но малоизвестные методы:
console.table() для удобного вывода данных;
console.grouр () для структурирования логов;
console.time() для замера производительности и другие.

Освоив эти инструменты, вы сможете более наглядно работать с ошибками.

👉🏻 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥13541❤‍🔥1
Media is too big
VIEW IN TELEGRAM
Сколько получает джуниор-разработчик в студии? На примере ADM

Все хотят знать реальные цифры! На недавнем эфире с Алексеем Шпилевым, основателем воронежской веб-студии ADM, мы разобрали ставки для начинающих разработчиков.

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

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

📝Узнайте о нашей совместной программе обучения с ADM → https://tml.io/backend-for-adm
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥5👍4211
HTML Academy и ADM — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду ADM.

Подробнее о программе

ADM — веб-студия, занимающаяся созданием сайтов с 2018 года. Компания специализируется на разработке веб-решений для бизнеса и сотрудничает с заказчиками из Воронежа и Москвы. За годы работы ADM реализовали десятки успешных проектов, которые помогли клиентам развивать свои компании и достигать новых высот. Входят в пятёрку лучших веб-студий Воронежа по версии WADLINE.

#работодателиhtmlacademy
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥653👍2❤‍🔥1👏1
Media is too big
VIEW IN TELEGRAM
[Новый курс] Удивите коллег и работодателей мастерством создания потрясающих эффектов на чистом CSS, пройдя бесплатный курс:

https://htmlacademy.ru/demos/225

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

#туториалотhtmlacademy #frontend #html #css
🔥1453❤‍🔥21👏1
Что пора менять в вёрстке в 2025 ?

Многие приёмы, которые ещё недавно казались стандартом, сегодня считаются устаревшими. В статье собрали практики, от которых стоит отказаться: среди них — миллионные медиазапросы, чтобы элемент красиво сжимался на мобильных устройствах и рос на больших экранах. Вместо этого — одна строка через clamp(), который сам определяет ширину в зависимости от ширины вьюпорта, не выходя за минимальные и максимальные пределы.

Если вы работаете с HTML и CSS на ежедневной основе — стоит сверить свои привычки с актуальными подходами. Статья полезна не только новичкам: даже опытные верстальщики найдут, что можно улучшить.

👉 Читать статью
❤‍🔥16🔥644
Media is too big
VIEW IN TELEGRAM
Визуализируем :nth-child, часть 4

:nth-child() — это псевдокласс, который позволяет выбирать элементы по их порядковому номеру. Используется для стилизации элементов на основе их порядка в DOM дереве.


В клипе рассматриваем более сложные комбинации 2n, 3n, 4n и так далее. Наглядно разбираем, как меняется результат в зависимости от значений.


Другие визуализации смотрите на наших платформах:

💫 Смотреть в YT
💫 Смотреть в TikTok
Please open Telegram to view this post
VIEW IN TELEGRAM
7❤‍🔥322
HTML-сущности без паники: спецсимволы, которые нужно знать

Вёрстка — не место для сюрпризов от <, & или ©. Если вы вставляете спецсимволы в HTML, но всё едет или ломается — в статье объясняем, какие сущности использовать и почему это важно. Минимум теории, максимум пользы: от кавычек и тире до математических знаков и валют.

Это не просто справочник, а рабочий инструмент: копируй и вставляй — и никаких багов в разметке.

💫Кликай сюда
Please open Telegram to view this post
VIEW IN TELEGRAM
128👍4❤‍🔥1
Селекторы в CSS: просто, точно и без лишнего

Хорошее знание селекторов — это фундамент вёрстки. В статье собрали основные типы селекторов: от комбинаторов и псевдоклассов до атрибутных и универсальных.

Даже опытные разработчики порой используют избыточные конструкции или ошибаются со специфичностью. Эта шпаргалка поможет не только избежать типичных ошибок, но и писать CSS понятнее — для себя и команды.

👉Статья тут

А чтобы потренироваться использовать селекторы на практике, пройдите эти тренажёры из курса «Старт в программирование».
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥136❤‍🔥21
👍Случайно подсмотрели в ваш телефон, и вот что нашли

У нас вы можете развивать навыки постепенно:
1️⃣ начинаете с тренажёров — интерактивных задач, на которых руки запоминают HTML, CSS, JavaScript;
2️⃣ переходите к программам «Профессии» — много месяцев системной практики под ревью наставников;
3️⃣ а затем точечно расширяете свои навыки, чтобы уверенно чувствовать себя на уровне мидла.

Чего, по-вашему, не хватает на карточках? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7🤣321❤‍🔥1
📌Алгоритмы и структуры данных: код быстрее, интерфейсы надёжнее

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

Что разберёте на практике — и где это пригодится прямо в продакшене:

O-большое без теории ради теории — находите «дорогие» циклы ещё до ревью;
Обход деревьев и графов — ускоряете diff-алгоритм шаблонизатора и виртуального DOM;
Хеш-таблицы и Map/Set — убираете дубли среди 100 000 элементов за O(1) вместо O(n);
Поиск и quicksort — «живой» поиск и бесконечный скролл без фризов.

Какой алгоритм в последний раз выручил ваш проект? Делитесь в комментариях.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍33❤‍🔥11🤣1
Media is too big
VIEW IN TELEGRAM
Страшный сон джуна — устроиться на работу и в первый рабочий день получить задачу:
Перенеси верстку на WordPress с анимациями
Так ли на самом деле?

Алексей Шпилев, основателем воронежской веб-студии ADM, на эфире поделился, как происходит адаптация новых сотрудников. «Главное — дать человеку задачи по силам/опыту и постепенно усложнять путь».

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

Стартуйте на стажировке в ADM после совместной программы.
🟡Записаться на обучение
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥102❤‍🔥1
Как вам Container Queries?

Столько было ожиданий. Говорили про революцию в мире адаптивности. Что можно будет забыть про стандартные вьюпорты.

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

И, всё-таки, может быть есть те, кто полностью перешел на container queries? Поделить опытом.

А, если вы пытались, но не зашло, расскажите почему, чем неудобна технология?
👍2🔥1
Прямой эфир с компанией NAUKA

Год назад мы запустили первый поток программы «Обучение под работодателя» вместе с компанией NAUKA. После 7 месяцев интенсивного изучения JavaScript, TypeScript, React и современных инструментов, успешные выпускники прошли собеседования и успешно закончили стажировку в компании.

В этом году мы запускаем второй поток! Приходите на эфир 14 августа в 12:00, вместе обсудим:

1️⃣чем занимается NAUKA, узнаем, чем второй поток отличается от первого и для кого он подходит;
2️⃣какие решения выпускников первого потока уже работают в продакшене и как они помогают бизнесу;
3️⃣программу обучения и узнаем, как полученные знания пригодятся в реальных задачах;
4️⃣как проходит стажировка выпускников: формат, продолжительность и оплата.

Если планируете сменить профессию и выбираете программу, мечтаете начать карьеру в продуктовой IT-компании и сомневаетесь, что джунам доверяют реальные задачи — приходите на эфир и регистрируйтесь по ссылке: напомним о трансляции и расскажем, как попасть на обучение.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12❤‍🔥32👏1
Media is too big
VIEW IN TELEGRAM
Курс с визуализациями про адаптивность отлично подходит для тех, кто начинает погружаться в эту сложную тему. Бесплатно, наглядно, без воды

https://htmlacademy.ru/demos/231

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

#туториалотhtmlacademy #frontend #html #css
🔥17❤‍🔥4👍4