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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
👍 За последние дни мы рассказали о компаниях, которые следят за чемпионатом по вёрстке — вот ещё несколько.

Кто-то из них разрабатывает крупные сервисы, кто-то создаёт креативные digital-проекты, а кто-то работает над продуктами, которыми пользуются миллионы.

Объединяет их одно — интерес к вашим навыкам и вашему коду.

https://htmlacademy.ru/contest
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥3❤‍🔥1
Forwarded from Кексобот: неделя знаний
День 3️⃣, сообщение от Кекса

Сегодня делаем интерфейсы выразительными без лишней мишуры: многослойные фоны, аккуратные рамки и точные тени — всё по делу, всё управляемо. Будем собирать «картинку» из слоёв, не теряя производительность и читаемость кода.

Подключим графический интеллект: background-* как палитра, border-image как конструктор нестандартных рамок, а SVG — как векторный инструмент, который масштабируется без «пикселей» и поддаётся трансформациям. Ваша UI-работа станет и аккуратнее, и богаче.


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

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

Подключаем «мозги интерфейса»: сегодня пишем код, который принимает решения, обрабатывает данные и управляет DOM. Будем мыслить алгоритмами, держать в голове типы и аккуратно собирать функции так, чтобы код читал человек — и радовался ревьюер.

Поработаем с основами языка, разберёмся со структурами данных и приручим браузерное API: от for и return до addEventListener и шаблонов. Итог — уверенные руки на клавиатуре и предсказуемый интерфейс на экране.


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

Подробнее | Кексобот | Правила
3👍211
Пустые элементы в HTML? Разбираем псевдокласс :empty

Псевдокласс :empty позволяет находить элементы без содержимого. В статье рассказываем и показываем, как работает :empty и какие есть нюансы.

Чтобы гарантировать, что элемент точно будет пустым, убедитесь, что внутри нет даже невидимых символов.
<div></div> — считается пустым.
<div> </div> — не считается пустым (есть пробел).
<div><br></div> — не считается пустым (есть дочерний элемент).

🔵 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4❤‍🔥2
CSS-боль, выпуск про чистый CSS

Сегодня две функции: sibling-index() и sibling-count().

Что внутри:

- как раньше решали задачу и почему это боль;
- как помогали циклы в препроцессорах и зачем от них уходить;
- промежуточный вариант на переменных и calc();
- финал: чистая разметка, меньше кода, гибкая параметризация — без JS и инлайнов.

Демонстрация → https://htmlacademy.ru/demos/233
Спецификация → https://www.w3.org/TR/css-values-5/

🐭 Смотреть
🐹 Смотреть
🔥6❤‍🔥42
Forwarded from Кексобот: неделя знаний
День 5️⃣, сообщение от Кекса

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

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


В программе:
37 заданий, 54 испытания и 4 вызова, а также 327 баллов.

Подробнее | Кексобот | Правила
52🔥1
Всё про единицы измерения em: просто и понятно

em — мощный инструмент для адаптивной типографики и интерфейсов. Он требует внимательности к контексту, но позволяет легко управлять масштабом и пропорциями элементов на странице.


❗️ В статье разбираем, когда em — лучшее решение, а также рассматриваем примеры его использования.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥2🔥2
Vue.js 3 на практике: Vite, Composition API, Pinia и тесты

На курсе разбираем современные подходы к клиентским приложениями на Vue.js 3: script setup и реактивность, маршрутизацию с guard’ами, управление состоянием в Pinia, работу с HTTP и обработку ошибок, анимации, модульные тесты на Vitest и Vue Test Utils.

Практика — два проекта: учебный таск-менеджер и фронтенд онлайн-пиццерии поверх готового API. Формат — теория → разбор → задачи. В чате отвечаем на вопросы и показываем типичные решения.

📌 Программа и детали: https://htmlacademy.ru/levelup/vue
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥63❤‍🔥2
Media is too big
VIEW IN TELEGRAM
Где компаниям находить джунов в команду или проблема одинаковых резюме

Вера Ясюкевич, руководитель отдела найма в KLBR Studio, рассказала, почему компании проще брать разработчиков из образовательных программ, чем искать их на платформах онлайн-рекрутинга:

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


Полный эфир с KLBR Studio — по ссылке:
🐭 Смотреть
🐹 Смотреть
Подробнее о программе
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Forwarded from Кексобот: неделя знаний
День 6️⃣, сообщение от Кекса

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


В программе:
89 заданий, 4 испытания и 5 вызовов, а также 134 балла.

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