HTML Academy - Профессиональный HTML и CSS, уровень 2 (2018)

Ответить на тему
 
Автор Сообщение

Yulya ®

HTML Academy | Профессиональный HTML и CSS, уровень 2 (2018) PCRec [H.264] - Автор (режиссер): HTML Academy
Жанр: Веб-дизайн, HTML, CSS
Описание:
Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации.
Продолжительность: 26:44:00
Качество видео: PCRec
Видео: AVC/H.264, 1152x720-1920x1080, ~155-1469 Kbps
Аудио: AAC, 2 ch, 125-256 Kbps

Mediainfo:

Общее
Полное имя : D:\DownLoads\курсы\[HTML Academy] Профессиональный HTML и CSS, уровень 2\03 Препроцессоры и автоматизация\Скринкасты\Сборка Less на Grunt.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/mp41/isom/avc1)
Размер файла : 10,3 Мбайт
Продолжительность : 2 м. 41 с.
Режим общего битрейта : Переменный
Общий поток : 533 Кбит/сек
Дата кодирования : UTC 2017-09-25 14:42:50
Дата пометки : UTC 2017-09-25 14:42:50
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L3.2
Настройки формата : CABAC / 5 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 5 кадров
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 2 м. 41 с.
Битрейт : 293 Кбит/сек
Ширина : 1152 пикселя
Высота : 720 пикселей
Соотношение сторон : 16:10
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.012
Размер потока : 5,65 Мбайт (55%)
Библиотека кодирования : x264 core 150 r10 df79067
Настройки программы : cabac=1 / ref=5 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=8 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=2 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=22 / lookahead_threads=3 / 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=3 / weightb=1 / open_gop=0 / weightp=2 / keyint=infinite / keyint_min=30 / scenecut=40 / intra_refresh=0 / rc_lookahead=50 / rc=crf / mbtree=1 / crf=20.0 / qcomp=0.60 / qpmin=5 / qpmax=69 / qpstep=4 / vbv_maxrate=2750 / vbv_bufsize=7500 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Дата кодирования : UTC 2017-09-25 14:42:50
Дата пометки : UTC 2017-09-25 14:42:50
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : mp4a-40-2
Продолжительность : 2 м. 41 с.
Вид битрейта : Переменный
Битрейт : 235 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 48,0 КГц
Частота кадров : 46,875 кадров/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 4,54 Мбайт (44%)
Дата кодирования : UTC 2017-09-25 14:42:50
Дата пометки : UTC 2017-09-25 14:42:50
Общее
Полное имя : D:\DownLoads\курсы\[HTML Academy] Профессиональный HTML и CSS, уровень 2\04 Адаптивные сетки\Лекция\Лекция 4 - Адаптивные сетки.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (isom/mp42)
Размер файла : 315 Мбайт
Продолжительность : 2 ч. 26 м.
Режим общего битрейта : Переменный
Общий поток : 301 Кбит/сек
Дата кодирования : UTC 2018-04-19 18:44:42
Дата пометки : UTC 2018-04-19 18:44:42
gsst : 0
gstd : 8790053
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : Main@L3.1
Настройки формата : CABAC / 3 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 3 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 2 ч. 26 м.
Битрейт : 172 Кбит/сек
Ширина : 1280 пикселей
Высота : 720 пикселей
Соотношение сторон : 16:9
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.006
Размер потока : 180 Мбайт (57%)
Заголовок : ISO Media file produced by Google Inc. Created on: 04/19/2018.
Дата кодирования : UTC 2018-04-19 18:44:42
Дата пометки : UTC 2018-04-19 18:44:42
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.470 System B, BT.470 System G
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : mp4a-40-2
Продолжительность : 2 ч. 26 м.
Вид битрейта : Переменный
Битрейт : 126 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Частота кадров : 43,066 кадра/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 132 Мбайт (42%)
Заголовок : ISO Media file produced by Google Inc. Created on: 04/19/2018.
Дата кодирования : UTC 2018-04-19 18:44:42
Дата пометки : UTC 2018-04-19 18:44:42

Программа 14 потока:

1. Введение (Теоретическая лекция)
Ведущий: Алексей Симоненко
Познакомимся с рабочим процессом на интенсиве.
Как проходит курс. Организационные вопросы.
Обзор личных проектов.
Как работать с наставником.
Защита личного проекта и получение сертификата.
Системы контроля версий.
Зачем нужны системы контроля версий.
Обзор возможностей и работа с Гитом.
Работа с ветками: создание, синхронизация, слияние.
Конфликты и их разрешение.
Обзор Гитхаба.
Рабочий процесс на интенсиве.
Зависимость заданий.
Настройки личных проектов.
Создание мастер-репозитория.
Структура личных проектов.-2. Методологии вёрстки (Теоретическая лекция)
Ведущий: Вадим Макеев
Приёмы создания надёжной вёрстки.
Зачем нужны методологии.
Порядок в коде.
Работа в команде.
Недостатки технологий.
Обзор подходов к вёрстке.
Классический подход.
Независимые блоки.
Атомарный подход.
Компоненты и модули.
Методология БЭМ.
Зачем всё так усложнять.
Как разбить интерфейс на блоки.
Элементы и модификаторы.
Ошибки и узкие места.
Разбор учебного проекта по БЭМу.-3. Препроцессоры и автоматизация (Практическая лекция)
Ведущий: Вадим Макеев
Взглянем на препроцессоры и разберёмся, чем они помогают в процессе вёрстки.
Стили на стероидах.
Обзор препроцессоров.
Фантазийный CSS.
Новые возможности CSS.
Основные возможности.
Сравнение Less и Sass.
Переменные и математика.
Вложенные селекторы.
Операции с цветами.
Дополнительные возможности.
Подключение файлов.
Примеси и расширения.
Организация кода.
Сборка стилей.
Настройка окружения.
Система сборки на Node.js.
Сборщики Gulp и Grunt.
Автоматизация сборки и вотчеры.-4. Адаптивные сетки (Практическая лекция)
Ведущий: Александр Першин
Узнаем как создавать адаптивные сетки с использованием флексбоксов.
Создание сеток на флексбоксах.
Введение во флексбокс.
Флекс-контейнер, флекс-элементы, флекс-оси.
Алгоритм расчёта размеров флекс-элементов.
Выравнивание и распределение флекс-элементов вдоль осей.
Однострочный и многострочный флекс-контейнер, управление флекс-рядами.
Особенности флексов при создании сеток.
Адаптивные сетки.
Принципы «перестройки сетки».
Медиавыражения, макро- и микробрейкпоинты.
Организация кода разных версий страницы: мобильной, планшетной и десктопной.
«Проблема двух вьюпортов» на мобильных.
Настройка вьюпорта.
Создаём адаптивные сетки БЭМ-блоков учебного проекта с помощью флексбоксов.-5. Адаптивные декоративные элементы (Практическая лекция)
Ведущий: Александр Першин
Разбираемся с адаптивными декоративными элементами. Делаем адаптивную вёрстку с резиновыми сетками.
Завершаем адаптивную вёрстку БЭМ-блоков учебного проекта.
Переход от фиксированных сеток к резиновым. Тонкости флексбокса.
Отличие «резины» от «фикса».
Переход от пикселей к процентам.
Резиновые колонки с точными размерами на флексбоксе.
flex-grow для создания «неточных» резиновых колонок.
Флекс-контейнер внутри флекс-контейнера и резиновые по высоте элементы.
Когда использовать резиновые сетки и насколько они дороже фиксированных.
Делаем резиново-адаптивную вёрстку БЭМ-блоков учебного проекта.-6. Адаптивная графика (Теоретическая лекция)
Ведущий: Александр Першин
Погружаемся в адаптивную и ретиновую графику. Разбираемся с форматами и их назначением.
Графика для экранов повышенной чёткости.
В чём разница между физическими и логическими пикселями.
Что такое «ретиновая» графика.
Приёмы ретинизации содержимого веб-страницы.
Адаптивная графика.
Тег на все случаи жизни — <picture>.
Ретинизация контентных изображений с помощью атрибута srcset.
Кадрирование изображений с помощью <source>.
Использование современных форматов графики с помощью <source>.
Изображения неопределённых размеров и <sizes>.
Ретинизируем и добавляем адаптивную графику в учебном проекте.-7. Векторная графика и оптимизация (Теоретическая лекция)
Ведущий: Виталий Зюзин
Научимся использовать векторную графику всеми возможными способами. Разберёмся, как использовать графику оптимально.
Использование SVG.
Плюсы и минусы векторной графики.
Подключение SVG внешним ресурсом.
Встраивание SVG.
SVG-спрайты.
Зачем нужны, в каких случаях полезны.
Варианты реализации.
Стилизация SVG.
Что можно, а что нельзя.
Анимация.
Адаптивность.
Оптимизация и доступность SVG.
Особенности экспорта из Illustrator и Sketch.
Дожимаем и оптимизируем SVG.
Доступность.
Оптимизация растровой графики.
Сжатие lossless и с потерей качества.
Обзор формата webp и особенностей его применения-8. Погружение в автоматизацию (Практическая лекция)
Ведущий: Алексей Симоненко
Подготовим сборку проекта для его публикации.
Решим для себя, что лучше для автоматизации Gulp или Grunt.
Оптимизация.
Минификация CSS-кода.
Оптимизация изображений.
Сборка и минификация SVG-спрайта.
Как держать код для разработчика удобным, а для браузеров — быстрым.-9. Производительность вёрстки (Теоретическая лекция)
Ведущий: Алексей Симоненко
Разберёмся с производительностью вёрстки и попробуем оптимизировать «узкие места».
Как подключать внешние шрифты лучше всего.
Отличается ли быстродействие сайта на десктопе от мобильного.
Что нужно знать, когда пользуешься CSS-анимацией и плавными переходами.
Что нужно знать о перерисовке и перекомпоновке страниц.-10. Как не потеряться на рынке труда
Ведущий: Серёжа Попов
Трудоустройство, поиск заказов, оценка работы
Какая вообще бывает работа?
В офисе
На фрилансе
Поиск работы
Как оценивать себя и проходить собеседования-10. С чем едят гриды (бонусная лекция из 13 потока)
Ведущий: Вадим Макеев
Введение в гриды.
Вёртска Барбешепа.-11. Финал
Ведущий: Алексей Симоненко
Итоги интенсива.
Скриншоты:
Скачать .torrent

Для того, чтобы скачать торрент-файл

HTML Academy - Профессиональный HTML и CSS, уровень 2 (2018)

с нашего сайта, Вам необходимо Войти на сайт под своим логином! Если у Вас ещё нет логина, тогда Вам нужно сначала Зарегистрироваться!

Как скачивать? · Что такое торрент? · Рейтинг и ограничения

Показать сообщения:    
Ответить на тему

HTML Academy - Профессиональный HTML и CSS, уровень 2 (2018) скачать торрент (torrent), видеоуроки, тренинги, обучающее видео и видеокурсы

Текущее время: Сегодня 07:24

Часовой пояс: GMT + 4



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы