Пришла очередь самого сложного проекта с интенсива «Базовый HTML и CSS» — https://htmlacademy.ru/intensive/htmlcss.
«Девайс» — интернет-магазин гаджетов, в нём много деталей и сложная сетка. Его стоит выбирать уверенным в своих силах ученикам. Проект состоит из главной страницы и каталога.
14% учеников прошлого потока выбрали его в качестве личного проекта.
https://www.youtube.com/watch?v=YciOSoPL1cg&index=3&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ
«Девайс» — интернет-магазин гаджетов, в нём много деталей и сложная сетка. Его стоит выбирать уверенным в своих силах ученикам. Проект состоит из главной страницы и каталога.
14% учеников прошлого потока выбрали его в качестве личного проекта.
https://www.youtube.com/watch?v=YciOSoPL1cg&index=3&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ
Подробная инструкция по стилизации полосы прокрутки браузера с помощью CSS.
https://scotch.io/tutorials/customize-the-browsers-scrollbar-with-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
«Мишка» — интернет-магазин вещей для дома ручной работы, в нём есть всё для любителей трудностей: множество деталей, сложная сетка и нестандартные компоненты. Выбирать его стоит имея в распоряжении достаточно свободного времени.
Это самый популярный проект на интенсиве — 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
https://htmlacademy.ru/for_schools
Наши интерактивные курсы по HTML и CSS — https://htmlacademy.ru/program уже давно успешно используют учебные заведения для обучения основам вёрстки.
Курсы это практические задания и испытания приближенные к реальным задачам веб-разработки. Процесс обучения организован так, чтобы он увлекал и помогал закрепить навыки.
Для удобства мы сделали личный кабинет учителя, в котором доступно:
— Приглашение учеников, управление доступом к курсам.
— Сводка по ученикам и статистика каждого отдельно.
Чтобы завести личный кабинет, достаточно отправить заявку на сайте.
После этого можно пригласить учеников к обучению: доступ к бесплатным курсам неограничен плюс учебное заведение получает 30 годовых доступов к платным курсам ежегодно.
https://htmlacademy.ru/for_schools
Открыта запись на осенний онлайн-курс «Продвинутый HTML и CSS», который будет проходить с 18 сентября по 25 октября. Минимальная стоимость участия до 27 июня.
https://goo.gl/Bh441w
Во время курса вы научитесь работать с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией. Процесс работы на курсе максимально приближен к разработке в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки и пулреквесты.
Что пишут выпускники:
> Интенсив здорово встряхивает мозги. Думаешь кодом, снится код, говоришь с людьми, а в голове код. После интенсива ты всё ещё продолжаешь жить в том ритме, только дел, оказывается, намного меньше и не нужно уже утром бежать к родной консольке, запуская проект, и думать над размещением блоков. Странное ощущение. Всем советую интенсив, мощная прокачка навыков в короткие сроки. Академия, вы круты.
> Интенсив очень крут. Помимо того, что после его окончания у меня появился огромный багаж знаний и практики, также я научился контролировать и распределять своё время для работы. Поначалу было невероятно трудно втянуться. Даже пару раз хотелось всё бросить, но спасибо моему наставнику, я прошёл этот путь до конца. Теперь понимаю, что всё дело было лишь в моей неорганизованности.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим поднять свои навыки.
Вас ожидает 20 часов живых вебинаров, 4 качественных макета дизайна и общение с личным наставником, который будет делиться секретами мастерства.
https://goo.gl/Bh441w
#html #css #верстка #интенсив #htmlacademy
https://goo.gl/Bh441w
Во время курса вы научитесь работать с методологией БЭМ, препроцессорами, адаптивностью и автоматизацией. Процесс работы на курсе максимально приближен к разработке в больших компаниях: вы познакомитесь с Гитхабом, научитесь делать форки, ветки и пулреквесты.
Что пишут выпускники:
> Интенсив здорово встряхивает мозги. Думаешь кодом, снится код, говоришь с людьми, а в голове код. После интенсива ты всё ещё продолжаешь жить в том ритме, только дел, оказывается, намного меньше и не нужно уже утром бежать к родной консольке, запуская проект, и думать над размещением блоков. Странное ощущение. Всем советую интенсив, мощная прокачка навыков в короткие сроки. Академия, вы круты.
> Интенсив очень крут. Помимо того, что после его окончания у меня появился огромный багаж знаний и практики, также я научился контролировать и распределять своё время для работы. Поначалу было невероятно трудно втянуться. Даже пару раз хотелось всё бросить, но спасибо моему наставнику, я прошёл этот путь до конца. Теперь понимаю, что всё дело было лишь в моей неорганизованности.
Курс подойдёт выпускникам базовых интенсивов и верстальщикам, желающим поднять свои навыки.
Вас ожидает 20 часов живых вебинаров, 4 качественных макета дизайна и общение с личным наставником, который будет делиться секретами мастерства.
https://goo.gl/Bh441w
#html #css #верстка #интенсив #htmlacademy
В эту пятницу на pitercss_conf мы провели соревнование по вёрстке вслепую. Каждый гость мог сверстать три разных блока, а цель была одна — максимально приблизиться к оригиналу.
Проверка решения была автоматическая, схожая с той, что используется у нас в испытаниях: результат накладывается на оригинал и машина высчитывает процент схожести.
Но машина, на то и машина — ей не оценить изящность решения, поэтому мы посовещались и решили наградить помимо трёх лидеров соревнования, ещё двух участников, работы которых нам особенно понравились.
Победители сегодня найдут в почте письма с инструкциями по получению приза. Вот имена героев: Владислав Войтович, Илья Куприянов, Егор Изукаев, Andrew Lukin и Иван Горбунов.
Все участники получили памятные призы от Кекса — спасибо каждому, кто пришёл, мы обязательно встретимся ещё!
Проверка решения была автоматическая, схожая с той, что используется у нас в испытаниях: результат накладывается на оригинал и машина высчитывает процент схожести.
Но машина, на то и машина — ей не оценить изящность решения, поэтому мы посовещались и решили наградить помимо трёх лидеров соревнования, ещё двух участников, работы которых нам особенно понравились.
Победители сегодня найдут в почте письма с инструкциями по получению приза. Вот имена героев: Владислав Войтович, Илья Куприянов, Егор Изукаев, Andrew Lukin и Иван Горбунов.
Все участники получили памятные призы от Кекса — спасибо каждому, кто пришёл, мы обязательно встретимся ещё!
Второй проект на интенсиве «Продвинутый HTML и CSS» — https://htmlacademy.ru/intensive/adaptive, усложнённая версия проекта с базового курса.
«Седона» — сервис поиска гостиниц в небольшом городке, проект содержит много декоративных элементов и адаптивную сетку. Состоит из главной страницы и двух внутренних.
18% учеников десятого потока выбрали его в качестве личного проекта.
https://www.youtube.com/watch?v=-pjw1_GucsA&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5
«Седона» — сервис поиска гостиниц в небольшом городке, проект содержит много декоративных элементов и адаптивную сетку. Состоит из главной страницы и двух внутренних.
18% учеников десятого потока выбрали его в качестве личного проекта.
https://www.youtube.com/watch?v=-pjw1_GucsA&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5
Мы уже писали про профессию «Фронтенд-разработчик», которая будет проходить с 7 августа по 27 декабря.
Она объединяет три интенсива:
— «Базовый HTML и CSS» https://htmlacademy.ru/intensive/htmlcss
— «Продвинутый HTML и CSS» https://htmlacademy.ru/intensive/adaptive
— «Базовый JavaScript» https://htmlacademy.ru/intensive/javascript
Теперь для всех выпускников «Базового HTML и CSS» и участников будущего потока есть возможность перейти на профессию доплатив разницу.
Стоимость участия 41 000 рублей.
https://htmlacademy.ru/profession/frontender
Она объединяет три интенсива:
— «Базовый HTML и CSS» https://htmlacademy.ru/intensive/htmlcss
— «Продвинутый HTML и CSS» https://htmlacademy.ru/intensive/adaptive
— «Базовый JavaScript» https://htmlacademy.ru/intensive/javascript
Теперь для всех выпускников «Базового HTML и CSS» и участников будущего потока есть возможность перейти на профессию доплатив разницу.
Стоимость участия 41 000 рублей.
https://htmlacademy.ru/profession/frontender
Флексбоксы? Да кому они нужны, на них же никто не делает сайты.
Делают и с каждым днём всё больше. Вадим расскажет как работают флексбоксы и почему они пригодятся в работе каждому верстальщику.
А чтобы все желающие могли научиться применять технологию, мы открываем на неделю доступ к платным курсам:
— Флексбокс, часть 1 https://htmlacademy.ru/courses/96
— Флексбокс, часть 2 https://htmlacademy.ru/courses/113
Полезные ссылки:
— Flexbugs — https://github.com/philipwalton/flexbugs
— Display property usage — https://developer.microsoft.com/en-us/microsoft-edge/..
— CSS Box Alignment — https://www.w3.org/TR/css-align-3/
https://www.youtube.com/watch?v=Wpglfz7aXzo&index=1&t=4s&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
Делают и с каждым днём всё больше. Вадим расскажет как работают флексбоксы и почему они пригодятся в работе каждому верстальщику.
А чтобы все желающие могли научиться применять технологию, мы открываем на неделю доступ к платным курсам:
— Флексбокс, часть 1 https://htmlacademy.ru/courses/96
— Флексбокс, часть 2 https://htmlacademy.ru/courses/113
Полезные ссылки:
— Flexbugs — https://github.com/philipwalton/flexbugs
— Display property usage — https://developer.microsoft.com/en-us/microsoft-edge/..
— CSS Box Alignment — https://www.w3.org/TR/css-align-3/
https://www.youtube.com/watch?v=Wpglfz7aXzo&index=1&t=4s&list=PLQJNT2fdCJngOj0mGZaTcZRyfSBTCWHe1
Мы начинали как эксперимент, потом как хобби, потом официально. А теперь мы получили лицензию и теперь всё серьёзно. То, чем мы занимаемся, это не одноразовые курсы, не курсы на вечер после работы, не развлекательные видео с тестами, это постоянная и сложная работа. Мы получили лицензию, потому что собираемся менять отношение к образованию в IT. И мы настроены серьёзно. Что бы кто не говорил.
https://htmlacademy.ru/docs/license
https://htmlacademy.ru/docs/license
HTML Academy
HTML Academy: готовим разработчиков напрямую для работодателей
Совместно с работодателями мы разрабатываем программы обучения, цель которых — найм выпускников в конкретную компанию. Минимум скучной теории и максимум практических упражнений.
Отложенная или ленивая загрузка изображений, это метод позволяющий загружать их асинхронно, то есть, после загрузки контента страницы. Это позволяет не подгружать лишние изображения, до которых пользователь не добрался.
Этот подход поможет ускорить загрузку страницы и повысить производительность, особенно когда изображений очень много.
https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/
Этот подход поможет ускорить загрузку страницы и повысить производительность, особенно когда изображений очень много.
https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/