Мы уже писали про профессию «Фронтенд-разработчик», которая будет проходить с 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

Адаптивные автобусы на CSS 🚌

https://codepen.io/marcusconnor/pen/pwjqXy/

Флексбоксы? Да кому они нужны, на них же никто не делает сайты.

Делают и с каждым днём всё больше. Вадим расскажет как работают флексбоксы и почему они пригодятся в работе каждому верстальщику.

А чтобы все желающие могли научиться применять технологию, мы открываем на неделю доступ к платным курсам:

— Флексбокс, часть 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://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/

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

Например, если нужно задать отступы для содержимого записи в блоге, для этого придётся иметь дело с исключениями и зависимостями. Между заглавием и иллюстрацией требуется достаточно большой отступ; если за картинкой следует ещё одна картинка, то между ними отступ должен быть меньше; отступы между заголовками h2 и h3 он должны быть больше, чем между h2 и абзацем.

Автор предлагает свой вариант решения задачи, с использованием margin-top и понятным CSS-кодом.

https://hackernoon.com/advanced-vertical-margins-4ac69f032f79

Замыкания — мощный инструмент в JavaScript. Это ключевая особенность языка, которую каждый уважающий себя программист должен знать.

Мы подготовили перевод статьи Притти Кассириди, где она разбирает как они работают и почему.

https://htmlacademy.ru/blog/195-lets-learn-javascript-closures

Открыта запись на «Продвинутый JavaScript», который будет проходить c 26 сентября по 8 ноября 2017. Минимальная стоимость участия до 29 июня.

https://goo.gl/99JauV

Курс подойдёт для выпускников «Базового JavaScript» и начинающих фронтенд-разработчиков, которые хотят научиться создавать современные веб-приложения, писать код на ES2015 (ES6), тестировать его и умело применяеть паттерны проектирования.
 
«Продвинутый JavaScript» это 20 часов живых вебинаров, работа над личным проектом под руководством наставника в условиях максимально приближенных к фронтенд-разработке в компании.

https://goo.gl/99JauV
 
#javascript #ecmascript #программирование #интенсив #htmlacademy

Выпуск №73: Firefox мультипроцессный, новые гриды в Edge, зачем флексы, JS-модули в HTML, Webpack 3 и CSS-фрагменты https://soundcloud.com/web-standards/episode-73

Эксперимент: на один день автор отключил JavaScript и посмотрел, как это повлияло на работу популярных сайтов.

https://sonniesedge.co.uk/blog/a-day-without-javascript

Дизайнеры тоже пользуются системами контроля версий. Однако, макеты весят намного больше текстового кода и из-за этого возникают проблемы с хранением версий.

На помощь приходит хранилище для больших файлов (LFS) — специальное расширение для Гита и подробное руководство как им пользоваться.

https://blog.framer.com/better-version-control-for-design-projects-5474ea4913f1

За четыре года существования интенсива «Базовый HTML и CSS» технологии не стояли на месте, а мы каждый поток вносили изменения в программу, улучшали проекты и прочитали тысячи отзывов, чтобы сделать интенсив ещё лучше.

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

— Флексы становятся обязательными и сетку проекта будем строить на них.

— Больше времени уделим разметке.

— Серьёзно поработаем над доступностью проектов.

— Больше векторной графики.

— Обновлённые критерии качества личных проектов.

— Завершит программу лекция о лучших практиках, принятых в веб-разработке.

И это не все изменения, которые мы заготовили.

С личными проектами можно познакомиться на канале — https://www.youtube.com/watch?v=oFIZkqAnkIE&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5

До встречи на интенсиве 7 августа!

https://htmlacademy.ru/intensive/htmlcss