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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Что считать удобной навигацией на сайте — спорный момент, но есть несколько правил, которых стоит придерживаться в этом году всем:

— Приоритетность и последовательность.
— Предсказуемость.
— Отсутствие глубокой вложенности.
— Адаптивность.

http://www.uxbooth.com/articles/the-rules-for-modern-navigation/
Зачем нужно оптимизировать фронтенд?

— Ускорение загрузки проекта для пользователей.
— Ранжирование проекта в поисковиках.
— Показать пример другим разработчикам.

Пошаговое руководство для оптимизации фронтенда под браузеры.

https://hackernoon.com/optimising-the-front-end-for-the-browser-f2f51a29c572

Перевод: https://habrahabr.ru/company/badoo/blog/322988/
Шестнадцатый поток интенсива «Базовый HTML и CSS» стал первым выпуском в этом году.

Как это было:

— 260 успешно свёрстанных проектов.
— 57 наставников получили максимальную оценку. Прошлогодний рекорд побит.
— Флексбоксы с курса «Продвинутый HTML и CSS» добрались и сюда.
— Бонусная лекция о доступности от Вадима Макеева.
— И, конечно, отзывы очевидцев.

https://htmlacademy.ru/blog/171-online-intensive-html-css
Опыт построения единой CSS-архитектуры для нескольких сайтов при помощи SASS.

https://medium.com/elad/css-architecture-for-multiple-websites-with-sass-7e923fc53f7a
Способы создания непрямоугольной шапки сайта на чистом CSS.

https://codepen.io/ahmadnassri/post/non-rectangular-headers-part-1
Выпуск №58: Firefox 52, Firefox OS, гриды, кастомные свойства, прогрессивное улучшение CSS, метрики шрифта, PWA, Гитхаб, собеседование на бумажке — https://soundcloud.com/web-standards/episode-58
Идея для нестандартной навигации: отображение прогресса прочитанного материала для пунктов меню.

http://lab.hakim.se/progress-nav/
На прошлой неделе завершился восьмой поток интенсива «Базовый JavaScript» c полностью обновлённой программой.

Что нового:

— Интенсив стал легче и ещё больше сосредоточен на основах языка.
— Обновлён дизайн и код проектов, а «Код и Магия» поменялся местами с «Кексобукингом» и стал учебным.
— На курсе внедрена финальная проверка случайным наставником.
— 72 выпускника защитили успешно личные проекты.
— 25 наставников получили высшую оценку от учеников.
— Отзывы участников.

https://htmlacademy.ru/blog/173-online-intensive-javascript
Новосибирск, если вы ещё не в курсе, то 1–2 апреля у вас будет проходить CodeFest 2017.

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

От нас едет Алексей Симоненко, чтобы вместе с Олегом Моховым из Яндекса сделать доклад-загадку: «Старикам тут не место?».

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

Регистрация открыта.

https://2017.codefest.ru/
Открыта запись на ближайший интенсивный онлайн‑курс «Продвинутый HTML и CSS», который пройдёт c 22 мая по 28 июня.

https://goo.gl/VqVBrw

Во время курса вы научитесь работать с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией. Процесс работы на курсе максимально приближен к разработке в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки и пулреквесты.

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

Вас ожидает 20 часов живых вебинаров, 4 качественных макета дизайна и общение с личным наставником, который будет делиться секретами мастерства.

https://goo.gl/VqVBrw

#html #css #верстка #интенсив #htmlacademy
Выпуск №59: Chrome 57, бета Samsung Internet, Safari TP, гриды на практике, выражения от контейнера, прокрутка в вебе, оптимизация шрифтов — https://soundcloud.com/web-standards/episode-59
CSS-анимация при наведении на кнопку.

http://codepen.io/perry_nt/pen/OWoNxK
Платформер на CSS 🕹

http://codepen.io/nathantaylor/pen/KaLvXw