HTML Academy | Продвинутый онлайн-интенсив «Создание веб-интерфейсов с помощью HTML и CSS» (2015) PCRec

1 раздел: Организация рабочего процесса (workflow)

Введение в Git.
Обзор препроцессоров.
Обзор систем сборки.
Обзор средств автоматизации.
Обзор других полезных инструментов (emmet, его аналоги, и др.).
Как будет организован учебный процесс на интенсиве.

2 раздел: Методология

Вёрстка независимыми блоками (БЭМ).
Работа с инспектором.
Методы поиска проблем.
Как верстать, чтобы не ломалось.

3 раздел: Препроцессоры, часть 1

LESS.
SASS.
Stylus.
И компания.

4 раздел: Препроцессоры, часть 2

Продолжаем разговор о препроцессорах.

5 раздел: Адаптивность, сетки

Резиновая вёрстка.
Медиавыражения, брейкпоинты, принцип «перестройки сетки».
Адаптивность с фиксированными сетками.
Адаптивность с резиновыми сетками.
Подходы: от простой сетки к сложной, от сложной к простой.
Mobile first и сетки.
Обзор flexbox.

6 раздел: Адаптивность, графика, типографика

Адаптивные графика и медиаконтент.
Оптимизация графики.
Ретина.
SVG.
Иконочне шрифты.
Работа с относительными размерами шрифта.
Em vs rem vs vw/vh

7 раздел: Прикладной JavaScript, часть 1

Улучшаем UX с помощью скриптов.
Ajax.
Весёлые анимации, трансформации.
Параллакс.

8 раздел: Прикладной JavaScript, часть 2

Продолжаем разговор о JavaScript.

9 раздел: Фреймворки
Bootstrap и сотоварищи.
Если вы решили создать свой фреймворк?

10 раздел: Введение в автоматизацию
Проверка кода
Оптимизация кода
Оптимизация графики
Деплой

Код:

Общее Полное имя                               : C:\[HTML Academy] Продвинутый онлайн-интенсив - 2015\09. Фреймворки\9.mp4 Формат                                   : MPEG-4 Профиль формата                          : Base Media / Version 2 Идентификатор кодека                     : mp42 Размер файла                             : 269 Мбайт Продолжительность                        : 1 ч. 43 м. Режим общего битрейта                    : Переменный Общий поток                              : 363 Кбит/сек Дата кодирования                         : UTC 2015-03-27 13:24:23 Дата пометки                             : UTC 2015-03-27 13:24:23 Видео Идентификатор                            : 1 Формат                                   : AVC Формат/Информация                        : Advanced Video Codec Профиль формата                          : High@L3.1 Параметр CABAC формата                   : Да Параметр ReFrames формата                : 4 кадра Параметр GOP формата                     : M=4, N=45 Идентификатор кодека                     : avc1 Идентификатор кодека/Информация          : Advanced Video Coding Продолжительность                        : 1 ч. 43 м. Битрейт                                  : 200 Кбит/сек Ширина                                   : 1152 пикселя Высота                                   : 720 пикселей Соотношение сторон                       : 16:10 Режим частоты кадров                     : Постоянный Частота кадров                           : 15,000 кадров/сек Цветовое пространство                    : YUV Субдискретизация насыщенности            : 4:2:0 Битовая глубина                          : 8 бит Тип развёртки                            : Прогрессивная Бит/(Пиксели*Кадры)                      : 0.016 Размер потока                            : 148 Мбайт (55%) Библиотека кодирования                   : x264 core 144 r11 40bb568 Настройки программы                      : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=48 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=infinite / keyint_min=15 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=200 / ratetol=1.0 / qcomp=0.60 / qpmin=5 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / vbv_maxrate=2750 / vbv_bufsize=7500 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00 Дата кодирования                         : UTC 2015-03-27 13:24:23 Дата пометки                             : UTC 2015-03-27 13:24:23 Аудио Идентификатор                            : 2 Формат                                   : AAC Формат/Информация                        : Advanced Audio Codec Профиль формата                          : LC Идентификатор кодека                     : 40 Продолжительность                        : 1 ч. 43 м. Вид битрейта                             : Переменный Битрейт                                  : 160 Кбит/сек Каналы                                   : 2 канала Расположение каналов                     : Front: L R Частота                                  : 48,0 КГц Метод сжатия                             : С потерями Размер потока                            : 119 Мбайт (44%) Дата кодирования                         : UTC 2015-03-27 13:24:23 Дата пометки                             : UTC 2015-03-27 13:24:23

Код:

Общее Полное имя                               : C:\[HTML Academy] Продвинутый онлайн-интенсив - 2015\08. Прикладной JavaScript, часть 2\8.mp4 Формат                                   : MPEG-4 Профиль формата                          : Base Media / Version 2 Идентификатор кодека                     : mp42 Размер файла                             : 732 Мбайт Продолжительность                        : 1 ч. 46 м. Режим общего битрейта                    : Переменный Общий поток                              : 965 Кбит/сек Дата кодирования                         : UTC 2015-03-23 23:27:51 Дата пометки                             : UTC 2015-03-23 23:27:51 Видео Идентификатор                            : 1 Формат                                   : AVC Формат/Информация                        : Advanced Video Codec Профиль формата                          : High@L4 Параметр CABAC формата                   : Да Параметр ReFrames формата                : 4 кадра Идентификатор кодека                     : avc1 Идентификатор кодека/Информация          : Advanced Video Coding Продолжительность                        : 1 ч. 46 м. Битрейт                                  : 705 Кбит/сек Ширина                                   : 1728 пикселей Высота                                   : 1080 пикселей Соотношение сторон                       : 16:10 Режим частоты кадров                     : Постоянный Частота кадров                           : 30,000 кадров/сек Цветовое пространство                    : YUV Субдискретизация насыщенности            : 4:2:0 Битовая глубина                          : 8 бит Тип развёртки                            : Прогрессивная Бит/(Пиксели*Кадры)                      : 0.013 Размер потока                            : 534 Мбайт (73%) Библиотека кодирования                   : x264 core 144 r11 40bb568 Настройки программы                      : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=84 / lookahead_threads=8 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=infinite / keyint_min=30 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=crf / mbtree=1 / crf=20.0 / qcomp=0.60 / qpmin=5 / qpmax=69 / qpstep=4 / vbv_maxrate=4950 / vbv_bufsize=13500 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00 Дата кодирования                         : UTC 2015-03-23 23:27:51 Дата пометки                             : UTC 2015-03-23 23:27:51 Цветовой диапазон                        : Limited Основные цвета                           : BT.709 Характеристики трансфера                 : BT.709 Коэффициенты матрицы                     : BT.709 Аудио Идентификатор                            : 2 Формат                                   : AAC Формат/Информация                        : Advanced Audio Codec Профиль формата                          : LC Идентификатор кодека                     : 40 Продолжительность                        : 1 ч. 46 м. Вид битрейта                             : Переменный Битрейт                                  : 256 Кбит/сек Каналы                                   : 2 канала Расположение каналов                     : Front: L R Частота                                  : 48,0 КГц Метод сжатия                             : С потерями Размер потока                            : 194 Мбайт (27%) Дата кодирования                         : UTC 2015-03-23 23:27:51 Дата пометки                             : UTC 2015-03-23 23:27:51