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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Кажется, мы стали забывать, как должен выглядеть настоящий цссикл Рик 🥒

https://codepen.io/badurski/full/oedaVE
Тоже ждёте новый сезон?☺️
Anonymous Poll
49%
Лаба Лаба Даб Даб
51%
Что?
Зачем ждать письмо из Хогвартса, когда есть полезная рассылка от Кекса?

Сегодня вечером волшебное письмо с новостями, ссылками и макетами. Подписывайтесь — https://clc.to/zMXUOQ

Прошлые выпуски:

февраль https://clc.to/IROZyg
март https://clc.to/0v3LiQ
апрель https://clc.to/tXtYDA
Узнаем, как создать диагональные контейнеры с помощью свойства clip-path.

https://codyhouse.co/blog/post/css-diagonal-containers
Записи докладов с четвёртого «На митапа» и полезные ссылки от докладчиков.

https://clc.to/lAvZqQ
Про анимацию CSS Grid Layout: как, что и где.

https://blog.bitsrc.io/animating-css-grid-rows-and-columns-4b3b0997d06a
Полгода назад мы решили заново создать курс, с которого начинают знакомство с HTML и CSS большинство студентов Академии.

«Режим зануды», всплывающий Кекс, сквозной сюжет и про другие изменения ⬇️

https://clc.to/fyEVtw
Рассказали, как прошёл двадцать четвёртый поток курса «Профессиональный HTML и CSS, уровень 1».

В отчёте:

— статистика выбора личных проектов;
— имена лучших наставников;
— и отзывы студентов.

http://bit.ly/2HxsYTE
Разбираемся, как сделать масштабирование и затенение элементов при наведении курсора.

https://www.trysmudford.com/blog/fade-out-siblings-css-trick/
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №176: Новости с Google I/O и Microsoft Build, вечнозелёный Гугл-бот, font-display в Google Fonts, перфоманс и порталы, более нативный веб, тестирование и Puppeteer, IE в Edge и реестр GitHub. Ссылки на Медиуме https://medium.com/p/1d88cfc4bc49 или на Ютубе https://youtu.be/F7fTSPTJITk
Доступна запись на профессиональный курс «PHP, уровень 1», который пройдёт с 6 августа по 6 октября.

https://clc.to/GITC9g

Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.

Учеников ждут лекции и работа над личным проектом под руководством наставника — профессионального разработчика.

Вы можете выбрать удобный для вас тариф:

— стандартный, в котором доступно 5 часов работы с личным наставником;
— комфортный, включает 9 часов консультаций с наставником и возможность выбрать сложный проект.
Денис Пуховский работал системным администратором. Когда понял, что достиг карьерного потолка, решил сменить профессию и заняться веб-разработкой.

И вот, что из этого вышло.

https://clc.to/oseGhg
Зыпрыгнем на ту самую уходящую белую лошадь.

Генератор персонажа «Игры престолов» на чистом CSS.

https://codepen.io/medrupaloscil/pen/zXVOrp
После каждого потока мы собираем отзывы и оценки студентов, чтобы становиться лучше 🐾

Делимся впечатлениями Игоря Николаева, выпускника пятнадцатого курса «HTML и CSS, уровень 2».

https://clc.to/rkYA3A
Инструкция, как создать на чистом CSS индикатор загрузки.

https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner/
Как контролировать генерацию блоков с помощью свойства display.

https://www.smashingmagazine.com/2019/05/display-box-generation/
Доступна запись на курс «Профессиональный JavaScript, уровень 2», который пройдёт с 5 августа по 6 октября.

https://clc.to/VVH_aw

Курс подойдёт для выпускников «JavaScript, уровень 1» и начинающих фронтенд-разработчиков, которые хотят улучшить свои навыки. После прохождения вы сможете уверенно создавать современные веб-приложения.

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

https://gridbyexample.com/examples/
Forwarded from Веб-стандарты (Вадим Макеев)
Выпуск №177: Edge, Firefox, Blink, font-display в Google Fonts, иконочные шрифты, формы и клавиатура, доступные меню, кнопки и картинки. Ссылки на Медиуме https://medium.com/p/2c156a771c3d или на Ютубе https://youtu.be/7XKDuroNHY8