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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Git и GitHub

Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.

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

🔶 Записаться на курс
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥62❤‍🔥1
Media is too big
VIEW IN TELEGRAM
Как пройти интервью на собеседование?

Самое важное — быть честным. Алена Малко — ведущий инженер-программист в Контуре, рассказала про важный аспект обучаемости. «Вы можете говорить, что чего-то не знаете, но можете этому быстро обучиться — маст-хэв для интервьюера».

Полный эфир с Контуром — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎉 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5
Осенняя неделя завершилась! Совместно с нашими партнёрами-работодателями Addamant, Grokhotov Studio и Bquadro мы открыли доступ ко всем тренажёрам. Всю неделю вы проходили тренажёры, пробовали силы в испытаниях и отвечали на вопросы викторины.

Теперь настало время подвести итоги и разыграть призы. Следите за розыгрышем в прямом эфире — уже сегодня в 20:00!

🐭 Смотреть в YT
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
53❤‍🔥2
Forwarded from CSS Боль
Реактивный CSS уже близко!

CSS теперь умеет реагировать на состояние и управлять интерфейсом самостоятельно. В новом выпуске «CSS Боль» показываем, как построить реактивный слайдер.

Внутри выпуска:

✓ Что такое Reactive CSS и как он меняет подход к разработке.
✓ Как заменить десятки JS-классов одной CSS-переменной --current.
✓ Используем @property, sign(), abs() и sibling-index() для вычислений прямо в стилях.
✓ Контейнерные запросы, которые понимают, какой элемент активен.
✓ Реактивные эффекты: слайды двигаются, кнопки подсвечиваются, логика живёт в CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥4🔥4👏2
Изначально 11 ноября, или «Double Eleven» (11.11), зародился в Китае как неформальный «День холостяков». Четыре единицы символизировали одиночество, и студенты шутливо отмечали этот день как свой антипраздник. В 2009 году гигант Alibaba Group решил превратить эту дату в повод для грандиозной распродажи, предложив «одиночкам» порадовать себя покупками.


HTML Academy радует подарками всех! Только 11 - 12 ноября — скидки до 75 % на курсы и профессии HTML Academy. Выбирайте своё направление, вводите промокод и фиксируйте скидку.

🎁 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥77🔥4
23🤣11😱43👍1
Подключаться к своему VPS через Visual Studio Code — удобный способ работать с сервером в привычной IDE. В статье пошагово показываем, как настроить подключение по SSH через Remote Explorer: добавить VPS в список, сохранить конфигурацию, подключиться и установить VS Code Server.

После настройки редактор работает с файлами на сервере так же привычно, как с локальными: можно просматривать структуру, редактировать и сохранять — все изменения сразу применяются на VPS. #vps #tools

Надеемся, что вы будете аккуратными и никому не расскажете свой пароль. А чтобы не вводить его каждый раз, прочитайте статью о работе с Git через консоль, там есть раздел о создании SSH-ключей.


👍 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥83❤‍🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать адаптивную галерею с «резиной»?
🔥953❤‍🔥1
В этой статье мы пошагово разбираем базовые команды и операции для работы с Ubuntu на VPS: навигацию по файловой системе, управление файлами и процессами, установку нужных приложений. Все примеры показаны на реальных командах с пояснениями, чтобы вы могли сразу повторить их на своём сервере.


Расскажем, как проверить состояние сервера: смотреть процессы и нагрузку, свободное место, сетевые соединения, а также установить Node.js, Nginx и базу данных и собрать простой рабочий стек. Такой минимум знаний помогает перестать бояться терминала и обращаться с VPS как с понятным и управляемым инструментом. #nodejs #nginx

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92❤‍🔥2🔥1
Поговорим о семантике?

Листайте карточки, знакомьтесь с тегами <em> и <i>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста».
🔥542
Как выделить в тексте сарказм?
Anonymous Quiz
72%
Тегом <em>
28%
Тегом <i>
7❤‍🔥53
📌Алгоритмы и структуры данных: код быстрее, интерфейсы надёжнее

Фронтендеру, который хочет прокачать основы 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
8🔥32
Media is too big
VIEW IN TELEGRAM
Что ждёт на собеседовании в компанию WAPP?

Максим Ермилов — основатель WAPP, рассказал про ключевые точки собеседования. «Нам важно понимать, что обучение было не механическим, а результативным, человек обладает знаниями».

Полный эфир с WAPP — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
👩‍💻 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥5👏3🔥2
Соскучились по прямым эфирам с работодателями? Мы — очень!


👍 Прямой эфир с основателем Grokhotov Studio

Михаил Грохотов расскажет, как устроен фронтенд в студии, работающей с крупными проектами для ритейла, медицины и брендов — от Atomic Heart до федеральных сетей. И объяснит, почему компания решила запустить совместную программу с @htmlacademy.

Приходите на эфир 20 ноября в 12:00 (MSK), чтобы:

1️⃣ Понять, какие задачи решают фронтендеры в студии: от e-commerce до корпоративных сайтов с анимацией и сложным интерфейсом на Vue.js и Nuxt.
2️⃣ Узнать, как проходит обучение за 8 месяцев: четыре модуля от вёрстки до Vue.js с наставником, прозрачность процесса для работодателя и переход к стажировке.
3️⃣ Разобраться в деталях стажировки: оплачиваемая работа на реальных проектах, менторство и возможность попасть в штат.

🎁 Бонус: среди первых 100 регистраций — розыгрыш одного бесплатного места на программу. Победителя объявим в конце эфира.

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

https://htmlacademy.ru/events/live-grokhotov
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥543
Forwarded from CSS Боль
Можно ли построить школьные графики на чистом CSS?

Оказывается, можно. В новом выпуске «CSS Боль» строим функции прямо в браузере — от простых прямых до синусоид.

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

Внутри — интерактивная демка, где можно поэкспериментировать с формулами и увидеть, как CSS справляется со школьной математикой.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥543
❝ И если кого-то и нужно обгонять, то не других, а самого себя превзойти. ❞


Запускаем второй сезон чемпионата по вёрстке!

Формат — полностью онлайн, длительность — две недели. Участие — бесплатное для выпускников наших профессий. На чемпионате вы сможете поработать с реальным макетом от самого награждаемого разработчика сайтов по версии Wоrkspace — Only.

Что ждёт во втором сезоне чемпионата:

⚡️ Крутой кейс: макет, отмеченный более чем десятью престижными digital-наградами.
⚡️ Критерии качества индустрии: просто сверстать будет недостаточно — оцениваем аккуратность, надёжность, поддерживаемость и внимание к деталям.
⚡️ Партнёры-работодатели: в жюри — компании, которые ищут сильных новичков.

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

https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6541
This media is not supported in your browser
VIEW IN TELEGRAM
Как построить функции прямо в браузере?

Визуализация нового выпуска «CSS Боль»
5🔥2🤯2❤‍🔥1