icon-academyicon-githubicon-mailicon-phoneicon-vk

HTML Academy

Старт мо­ей ны­неш­ней ак­тив­нос­ти был по­ло­жен, ког­да мне по­со­ве­то­ва­ли озна­ко­мить­ся с ме­то­да­ми обу­че­ния HTML Academy.

Для на­ча­ла я про­шел их онлайн-курсы. Как ока­за­лось, это очень удоб­ный и эф­фек­тив­ный ме­тод обу­че­ния, а так­же воз­мож­ность по­сле­ду­ю­ще­го ис­поль­зо­ва­ния их как ин­тер­ак­тив­но­го спра­воч­ни­ка. Ба­зо­вые кур­сы по­зво­ли­ли мне вспом­нить ос­но­вы и скор­рек­ти­ро­вать ста­рые зна­ния. Про­дви­ну­тые кур­сы от­кры­ли мне но­вые воз­мож­нос­ти, предо­став­ля­е­мые HTML5 и CSS3.

Пос­ле это­го я за­пи­сал­ся на ин­тен­сив­ный курс Базовый HTML и CSS и успеш­но про­шел его. А че­рез не­ко­то­рое вре­мя про­шел обу­че­ние на ин­тен­сив­ном кур­се Продвинутый HTML и CSS. Я не бу­ду здесь под­роб­но опи­сы­вать все что ка­са­ет­ся про­цес­са обу­че­ния в HTML Academy - это мож­но узнать на их сайте. Ска­жу од­но: я не жа­лею по­тра­чен­но­го вре­ме­ни и де­нег и сме­ло мо­гу ре­ко­мен­до­вать их для обу­че­ния как аб­со­лют­ным но­вич­кам, так и уже име­ю­щим не­ко­то­рый опыт.

Базовый HTML и CSS
Продвинутый HTML и CSS

Техномарт

Лич­ный ито­го­вый про­ект при про­хож­де­нии ин­тен­сив­но­го кур­са Базовый HTML и CSS в HTML Academy. Ра­бо­чие стра­ни­цы: "Глав­ная", "Ка­та­лог". На стра­ни­цах ре­а­ли­зо­ван функ­ци­о­нал мо­ду­лей: слай­дер, та­бы, фор­ма об­рат­ной свя­зи, от­прав­ка в кор­зи­ну, ин­тер­ак­тив­ная кар­та.

Техномарт
Мои работы: верстка
Адаптивность: desktop
Сетка: fixed
Методология: БЭМ (нейминг)
CSS препроцессор: LESS
Автоматизация: Grunt
Соответствие критериям: Посмотреть
Исходные тексты: source, build

Sedona

Лич­ный ито­го­вый про­ект при про­хож­де­нии ин­тен­сив­но­го кур­са Продвинутый HTML и CSS в HTML Academy. Адап­тив­ная "ре­зи­но­вая" верст­ка для 3-х вью­пор­тов, адап­тив­ная гра­фи­ка. Ин­тер­ак­тив­ная кар­та.

Sedona
Мои работы: верстка
Адаптивность: mobile, tablet, desktop
Сетка: responsive, fixed (desktop)
Методология: БЭМ (нейминг)
CSS препроцессор: LESS
Автоматизация: Grunt
Соответствие критериям: Посмотреть
Исходные тексты: source, build

Brandly

Учеб­ная верст­ка из рас­сыл­ки HTML Academy. Од­на стра­ни­ца. Адап­тив­ная "ре­зи­но­вая" верст­ка для 2-х вью­пор­тов, адап­тив­ная гра­фи­ка.

Brandly
Мои работы: верстка
Адаптивность: mobile, desktop, desktop wide
Сетка: responsive, fixed (desktop)
Методология: БЭМ (нейминг)
CSS препроцессор: LESS
Автоматизация: Grunt
Исходные тексты: source, build