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

Автор (режиссер): HTML Academy
Жанр: Верстка, CSS, HTML, JavaScript
Продолжительность: 19:59:33
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~200 - 705 kbps
Размер кадра: 1152х720 - 1728х1080
Аудиокодек: AAC 2.0
Битрейт аудио: 160 - 256 kbps (CBR), 2 Ch, 48000 Hz
Доп. материалы: Есть

Описание:
В чём отличие от базового интенсива?

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

Профессиональный рост.
Этот интенсив предназначен для «прокачки» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.

Продвинутые инструменты.
В процессе обучения на интенсиве будут постоянно использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть будет завязана на GitHub, будут активно использоваться средства автоматизации.

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

Скриншоты:

Просмотр доступен только для зарегистрированных пользователей

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

Время раздачи: 24/7 (круглосуточно)

PDF Файлы есть у кого нибудь? ДЗ? Дополнительные материалы??

meddivh писал(а):

Ребята, дайте, пожалуйста, совет. Почему часть файлов не проигрываются? или же при попытке проматать - пропадает звук и время идет с одной и той же картинкой? проблема с файлами? кодеками?

Возникла такая же проблема. На стандартном плеере windows всё заработало.

Спасибо. Искал его.

Ребята, скиньте 3-ий уровень специалиста! Спасибо

добрый день! а где можно найти базовый интенсив. Не подскажите? Спасибо!

вова20130078 писал(а):

добрый день! а где можно найти базовый интенсив. Не подскажите? Спасибо!

добрый, базового нету наверно курса. Пройдите Специалиста курс 1, 2 HTML\CSS тоже самое примерно будет, даже лучше.

Поиск по форуму не судьба использовать? HTML Academy в поиск и получаем результат: всех курсов от этой кухни... Еще есть ранние курсы, но искать нужно в разделе веб-дизайна... А самый базовый у них на сайте в интерактивном виде...

а их курс по Javascript еще не выложили ?

+1 за третий уровень специалиста!

zigrym писал(а):

а их курс по Javascript еще не выложили ?

Да, по JS бы

kenzoki писал(а):

Да, по JS бы

Уже здесь HTML Academy | Интенсивный онлайн-курс «Базовый JavaScript» (2015) PCRec [H.264]

http://nnmclub.to/forum/viewtopic.php?t=974803.

нет psd в комплекте, не с чего верстать

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

Необходимо до этого курса пройти Базовый, при чем желательно последний 2016 года, или предыдущий, он называется "Интенсив №8". Там по шагам верстается макет Барбершоп, в этом курсе да, чушь получается, практики нет, лишь показали сверстанный HTML документ Барбершопа по БЭМ методологии, чего мало для понимания адаптивной верстки. Я надеюсь, что появится новый Продвинутый курс, где этих проблем не будет. Но видимо, они еще сильнее ударились в менторскую работы и на видеолекциях практику не показывают.

Если у кого есть сверстанный макет Барбершопа со всеми сопутствующими файлами, был бы безумно рад их от вас получить

П.С. А на счет Специалиста 3 ур., ну ребят, там туфта еще похлеще. Когда Борисов читал, то толк еще был был послушать, а 3 уровень, ну разве что на фоне включить.

Кто может скинуть макеты? А то как потом вообще учиться?