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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Подвели итоги семнадцатого потока онлайн-интенсива «Базовый HTML и CSS».

Как это было:

— 202 ученика успешно защитили свои проекты.
— 57 наставников снова получили 10 из 10.
— Бонусная лекция Вадима Макеева про доступность, уже второй поток завершает программу.
— А флексбоксы уже прочно там обосновались.

И, конечно, отзывы очевидцев.

> До прохождения интенсива прошла большую часть интерактивных курсов, в том числе по подписке и довольно долго раздумывала стоит ли идти на интенсивный онлайн-курс. Основные сомнения вызывала стоимость, но решилась на интенсив, так как хотелось системности в знаниях. В результате ожидания полностью оправдались. Как у большинства — интенсив помогает разложить по полочкам имеющиеся разрозненные знания по HTML и CSS. После прохождения курса понимаешь какой примерно должна быть последовательность действий при вёрстке с макета, и PSD-файл совсем не пугает своей неизвестностью и сложностью, как до этого, когда не знаешь с чего начать. Интенсив здорово дополняет онлайн-курсы, так как на реальных ситуациях с наставником разбираешься, где и когда надо использовать определённые HTML-теги или CSS-свойства. И я думала, что будет легче, но расслабиться никто не позволяет: последняя неделя оказалась бессонной.

https://htmlacademy.ru/blog/193-online-intensive-html-css
Пинг-понг на CSS 🏓

https://codepen.io/emilygoldfein/pen/EmRVjp
Продолжаем обзор макетов интенсива «Базовый HTML и CSS» — https://htmlacademy.ru/intensive/htmlcss. Всего на выбор для разработки личного проекта предоставляется пять макетов.

«Глэйси» — магазин по продаже мороженого, макет насыщенный декоративными элементами и сложными деталями, для любителей трудностей. Проект состоит из главной страницы и каталога.

18% учеников прошлого потока выбрали для защиты именно его.

https://www.youtube.com/watch?v=v-wccwtSZNA&index=2&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ
В этот четверг 8 июня в 12:00, куратор интенсивов Андрей Захарченко проведёт онлайн-трансляцию, где расскажет:

— Как построено обучение в Академии?

— Как понять какой интенсив выбрать?

— Как выбрать наставника и эффективно использовать консультации?

— Как устроена защита?

— Что делать после интенсива?

Свои вопросы вы сможете задать на трансляции или заранее, здесь в комментариях.

Трансляция будет проходить по ссылке — https://www.youtube.com/watch?v=mniY9Dez5kI
Зачем нужны заголовки и какие теги для них использовать?

В HTML шесть уровней заголовков: от h1 до h6, зачем так много — может проще div с классом?

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

Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.

https://www.youtube.com/watch?v=atXxkKjPbN8&index=7&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1

Увидимся через неделю!
Трансляция началась, подключайтесь к нам на ютубе 🙃

https://www.youtube.com/watch?v=mniY9Dez5kI
Теперь, когда CSS-гриды получили широкую поддержку браузеров, имеет смысл переходить на них.

Что нужно, чтобы заменить существующую структуру сетки, к примеру, с Bootstrap на гриды?

https://hacks.mozilla.org/2017/04/replace-bootstrap-layouts-with-css-grid/
Наглядный разбор работы CSS-гридов, в том числе их совместное использование с флексбоксами.

https://jonibologna.com/spring-into-css-grid/
Для тех кто пропустил нашу трансляцию вчера, выкладываем запись.

Куратор интенсивов Андрей отвечал на вопросы об интенсивах и рассказал как устроено обучение: о требованиях к личному проекту, выборе наставника, защите и о том, что делать после.

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

https://youtu.be/mniY9Dez5kI
Выпуск №72: только для Chrome, анонсы Safari, Chrome и Edge, гриды, Шорты, стример Юра, Stylelint и Node.js — https://soundcloud.com/web-standards/episode-72
Пришла очередь самого сложного проекта с интенсива «Базовый HTML и CSS» — https://htmlacademy.ru/intensive/htmlcss.

«Девайс» — интернет-магазин гаджетов, в нём много деталей и сложная сетка. Его стоит выбирать уверенным в своих силах ученикам. Проект состоит из главной страницы и каталога.

14% учеников прошлого потока выбрали его в качестве личного проекта.

https://www.youtube.com/watch?v=YciOSoPL1cg&index=3&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ
Подробная инструкция по стилизации полосы прокрутки браузера с помощью CSS.

https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-css
На интенсиве «Продвинутый HTML и CSS» — https://htmlacademy.ru/intensive/adaptive три проекта на выбор и каждый из них нельзя назвать простым.

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

Это самый популярный проект на интенсиве — 48% учеников прошлого потока выбрали его.

https://www.youtube.com/watch?v=F6gnmChf7fM&index=4&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ
Специальное предложение для школ — кабинет учителя и 30 доступов к интерактивным курсам каждый год бесплатно.

https://htmlacademy.ru/for_schools

Наши интерактивные курсы по HTML и CSS — https://htmlacademy.ru/program уже давно успешно используют учебные заведения для обучения основам вёрстки.

Курсы это практические задания и испытания приближенные к реальным задачам веб-разработки. Процесс обучения организован так, чтобы он увлекал и помогал закрепить навыки.

Для удобства мы сделали личный кабинет учителя, в котором доступно:

— Приглашение учеников, управление доступом к курсам.
— Сводка по ученикам и статистика каждого отдельно.

Чтобы завести личный кабинет, достаточно отправить заявку на сайте.

После этого можно пригласить учеников к обучению: доступ к бесплатным курсам неограничен плюс учебное заведение получает 30 годовых доступов к платным курсам ежегодно.

https://htmlacademy.ru/for_schools