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

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

Yulya ®

HTML Academy | Профессиональный HTML и CSS, уровень 1 (2018) PCRec [H.264] - Автор (режиссер): HTML Academy
Жанр: Веб-дизайн, HTML, CSS
Описание:
HTML Academy — стандарт в обучении фронтендеров. Наша задача — сделать из любого новичка полноценного и востребованного специалиста, готового работать в веб-индустрии.
Продолжительность: 30:59:17
Качество видео: PCRec
Видео: AVC/H.264, 1152x720-1920x1080, ~190-1798 Kbps
Аудио: AAC, 2 ch, 146-256 Kbps

Mediainfo:

Общее
Полное имя : .\03 Фотошоп для верстальщика\Скринкасты\1 Экспорт графики из Фотошопа.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/mp41/isom/avc1)
Размер файла : 29,8 Мбайт
Продолжительность : 5 м. 27 с.
Режим общего битрейта : Переменный
Общий поток : 765 Кбит/сек
Дата кодирования : UTC 2017-11-17 13:10:16
Дата пометки : UTC 2017-11-17 13:10:16
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L3.2
Настройки формата : CABAC / 5 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 5 кадров
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 5 м. 27 с.
Битрейт : 525 Кбит/сек
Ширина : 1152 пикселя
Высота : 720 пикселей
Соотношение сторон : 16:10
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.021
Размер потока : 20,5 Мбайт (69%)
Библиотека кодирования : x264 core 152 r10 ba24899
Настройки программы : 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=2 / 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-11-17 13:10:16
Дата пометки : UTC 2017-11-17 13:10:16
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : mp4a-40-2
Продолжительность : 5 м. 27 с.
Вид битрейта : Переменный
Битрейт : 235 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 48,0 КГц
Частота кадров : 46,875 кадров/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 9,17 Мбайт (31%)
Дата кодирования : UTC 2017-11-17 13:10:16
Дата пометки : UTC 2017-11-17 13:10:16
Общее
Полное имя : .\01 Вводный\Лекция 1 - Вводный.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/mp41/isom/avc1)
Размер файла : 831 Мбайт
Продолжительность : 2 ч. 38 м.
Режим общего битрейта : Переменный
Общий поток : 733 Кбит/сек
Дата кодирования : UTC 2018-02-26 21:06:18
Дата пометки : UTC 2018-02-26 21:06:18
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L3.2
Настройки формата : CABAC / 5 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 5 кадров
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 2 ч. 38 м.
Битрейт : 473 Кбит/сек
Ширина : 1280 пикселей
Высота : 720 пикселей
Соотношение сторон : 16:9
Режим частоты кадров : Постоянный
Частота кадров : 24,000 кадра/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.021
Размер потока : 536 Мбайт (65%)
Библиотека кодирования : x264 core 155 r10 b00bcaf
Настройки программы : 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=2 / b_bias=0 / direct=3 / weightb=1 / open_gop=0 / weightp=2 / keyint=infinite / keyint_min=24 / 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 2018-02-26 21:06:18
Дата пометки : UTC 2018-02-26 21:06:18
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : mp4a-40-2
Продолжительность : 2 ч. 38 м.
Вид битрейта : Переменный
Битрейт : 256 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 48,0 КГц
Частота кадров : 46,875 кадров/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 290 Мбайт (35%)
Дата кодирования : UTC 2018-02-26 21:06:18
Дата пометки : UTC 2018-02-26 21:06:18
Общее
Полное имя : .\05 Введение в CSS\Скринкасты\2 Базовая стилизация карточки товара проекта ''Барбершоп''.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/mp41/isom/avc1)
Размер файла : 61,2 Мбайт
Продолжительность : 5 м. 3 с.
Режим общего битрейта : Переменный
Общий поток : 1690 Кбит/сек
Дата кодирования : UTC 2017-08-20 15:13:48
Дата пометки : UTC 2017-08-20 15:13:48
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L4
Настройки формата : CABAC / 4 Ref Frames
Параметр CABAC формата : Да
Параметр RefFrames формата : 4 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 5 м. 3 с.
Битрейт : 1450 Кбит/сек
Ширина : 1920 пикселей
Высота : 1080 пикселей
Соотношение сторон : 16:9
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.023
Размер потока : 52,5 Мбайт (86%)
Библиотека кодирования : x264 core 150 r10 df79067
Настройки программы : cabac=1 / ref=4 / 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=34 / 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=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=5500 / vbv_bufsize=15000 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Дата кодирования : UTC 2017-08-20 15:13:48
Дата пометки : UTC 2017-08-20 15:13:48
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : mp4a-40-2
Продолжительность : 5 м. 3 с.
Вид битрейта : Переменный
Битрейт : 235 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 48,0 КГц
Частота кадров : 46,875 кадров/сек (1024 SPF)
Метод сжатия : С потерями
Размер потока : 8,51 Мбайт (14%)
Дата кодирования : UTC 2017-08-20 15:13:48
Дата пометки : UTC 2017-08-20 15:13:48

Дополнительная информация:

В раздаче имеются архивы! В них содержится шрифты для макетов.

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

1. Введение (Теоретическая лекция)
Ведущий: Алексей Симоненко
Вводная лекция про роль и место верстальщика в мире веб-технологий.
Как проходит курс. Организационные вопросы.
Обзор личных проектов.
Как работать с наставником.
Критерии качества вёрстки.
Защита личного проекта и получение сертификата.
Что на самом деле происходит, когда вы вводите в браузере адрес сайта и нажимаете Enter?
IP-адрес, сервер и веб-сервер, «виртуальные хосты».
Доменные имена, URL-адреса и система DNS.
Загрузка и «сборка» веб-страницы.
Особенности HTTP и HTTPS. Протоколы HTTP/1.1 и HTTP/2.
Приёмы оптимизации веб-страниц.
Инструменты веб-разработчика и рабочий процесс на интенсиве.
Системы контроля версий.
Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
Немного о браузерах, браузерных движках и различиях между ними.-2. Разметка (Теоретическая лекция)
Ведущий: Александр Першин
Создадим логическую HTML-разметку страниц учебного и личного проектов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.
Введение в HTML.
Синтаксис HTML, типы HTML-тегов.
Структура простейшего HTML-документа.
Как работать со спецификацией HTML.
Обзор HTML-тегов из личных проектов.
Качественная разметка и стили кодирования.
Простая, понятная, читабельная и логичная разметка: примеры и антипримеры.
Типовые ошибки разметки: «ссылка или кнопка», «картинка или фон» и другие.
Модульность разметки или использование «пространств имён».
Когда использовать <article>, <section> и <div>?
Кодгайды для разметки.
Алгоритмы создания разметки: «страница как документ», «страница как приложение», «дивянка».
Создаём разметку главной страницы учебного проекта.-3.Фотошоп для верстальщика (Практическая лекция)
Ведущий: Виталий Зюзин
Разберём всё необходимое для работы верстальщика в Фотошопе. Подготовим графику для проектов.
Типовые задачи верстальщика в Фотошопе.
Настройка интерфейса Фотошопа.
Работа со слоями, типы слоёв.
Получение параметров текста.
Измерение размеров блоков, отступов, получение информации о цвете.
Получение параметров сложных декоративных эффектов: тени и прочее.
Экспорт графики, работа с повторяющимися паттернами.
Обзор форматов графики в вебе.
Растровая графика — PNG, JPEG, GIF.
Векторная графика — SVG.
Как выбрать подходящий формат?
Оптимизация графики.
Обзор альтернатив.
Adobe Extract. NEW!
Zeplin.
Avocode.
Sketch.
Figma. NEW!
Разбор графических макетов проектов.-4. Доступность (Практическая лекция)
Ведущий: Вадим Макеев
Научимся делать интерфейсы удобные и доступные для всех. Управление фокусом, важность семантики, тестирование и скринридеры.
Интерфейсы — не картинки.
Какие есть слои интерфейса, кроме графики.
Зачем нужные интерактивные элементы.
Неочевидное использование интерфейсов.
Понятие доступности.
Что мешает пользоваться интерфейсами.
Ежедневные ситуации недоступности.
Физиологические и ментальные особенности.
Взаимодействие с клавиатуры.
Интерфейсы без указателя.
Зачем нужен фокус на элементах.
Как сделать элементы интерактивными.
Значимые элементы.
Зачем семантика и как не подхватить диватоз.
Почему не нужно переделывать элементы.
Кнопки и ссылки, в чём разница?
Лейблы элементов.
Кому нужны описания элементов.
Разбор ошибок в реальных интерфейсах.
Инспекторы доступности и скринридеры.-5. Введение в CSS (Практическая лекция)
Ведущий: Александр Першин
Разберёмся с базовыми механизмами CSS и начнём стилизацию проектов.
Введение в CSS.
Синтаксис CSS.
CSS-селекторы, псевдоклассы и псевдоэлементы.
Наследование, каскадность и приоритеты в CSS.
Единицы измерения в CSS: абсолютные, относительные, для управления цветом.
CSS-функции и директивы.
Практика стилизации.
Зачем нужна нормализация.
Пространства имён и независимые компоненты.
Стили кодирования для CSS.
Работа с нестандартными шрифтами.
Стилизация состояний интерактивных элементов.
Начинаем стилизацию главной страницы учебного проекта.
Задаём глобальные стили документа, описываем текстовые параметры элементов и состояния интерактивных элементов.-6. Сетки (Теоретическая лекция)
Ведущий: Александр Першин
Разберёмся с блочной моделью документа. Создадим сетки страниц учебного и личного проектов.
Поток документа и блочная модель документа.
Понятие сетки и потока документа.
Блочные и строчные элементы и их особенности.
Свойства блочной модели: размеры, рамки и отступы.
Тонкости блочной модели: «схлопывание» и «выпадание» внешних отступов, width: 100% и width: auto, свойство box-sizing и другие.
Свойство display. Управление типом элементов.
Создание сеток на флексбоксах.
Введение во флексбокс.
Флекс-контейнер, флекс-элементы, флекс-оси.
Алгоритм расчёта размеров флекс-элементов.
Выравнивание и распределение флекс-элементов вдоль осей.
Однострочный и многострочный флекс-контейнер, управление флекс-рядами.
Особенности флексов при создании сеток.
Создаём сетку главной страницы учебного проекта.-7. Декоративные элементы (Практическая лекция)
Ведущий: Александр Першин
Познакомимся с приёмами создания декоративных элементов. Завершим вёрстку главных страниц учебного и личного проектов.
Позиционирование.
Относительное позиционирование.
Абсолютное позиционирование: координаты, изменение точки начала координат, относительные координаты и размеры, координаты по умолчанию.
Фиксированное позиционирование.
Управление порядком слоёв.
Приёмы создания элементов интерфейса.
Блочно-строчные элементы и их особенности.
Борьба с пробелами между блочно-строчными элементами.
Особенности флексов при создании элементов интерфейсов.
Типовой приём «псевдоэлемент с абсолютным позиционированием».
Использование CSS-графики для создания декоративных элементов.
Завершаем вёрстку главной страницы учебного проекта.-8. Оформление контента (Практическая лекция)
Ведущий: Александр Першин
Завершим вёрстку внутренних страниц и подготовим проекты к публикации. Начнём готовиться к защите личного проекта.
Практикуемся в вёрстке элементов содержимого.
Сверстаем текстовую страницу учебного проекта. Подготовим универсальные стили содержания, которые будут хорошо работать при наполнении страницы из CMS.
Сверстаем всплывающие окна с формой входа и интерактивной картой. Разберём приёмы стилизации нестандартных элементов форм.
Подготовим свёрстанный учебный макет к публикации или передаче заказчику.
Разбираем типовые случаи переполнения и способы борьбы с ними.
Готовим проект к защите. Подробный разбор критериев защиты выпускных проектов.-9. Введение в JavaScript (Практическая лекция)
Ведущий: Алексей Симоненко
Познакомимся с JavaScript, узнаем что такое Vanilla JS и оживим некоторые блоки вёрстки.
Язык программирования JavaScript.
Роль программирования в жизни верстальщика.
Что такое DOM и зачем нам объект document.
Зачем нужен объект window.
Типовые случаи использования JavaScript.
Как найти любой элемент на странице.
Как реагировать на события, происходящие на странице.
Как менять CSS-стили у элементов.
Как использовать анимацию на странице.
Оживляем всплывающее окно и вставляем интерактивную карту на главной странице учебного проекта.-10. Лучшие практики (Теоретическая лекция)
Ведущий: Вадим Макеев
Узнаем как правильно применять практические знания, как учиться новому и развиваться в профессии.
Совместимая вёрстка.
Прогрессивное улучшение.
Постепенная деградация.
Цена совместимости.
Независимые слои улучшения.
Реальное тестирование.
Многообразие браузеров и устройств.
Инспекторы, эмуляторы, виртуальные машины.
Слабые устройства и медленные сети.
Минификация, сжатие, оптимизация.
Эмпатия, приоритеты, сначала контент.
Корневые технологии.
Веб-стандарты и фантазийные велосипеды.
Ваниль против библиотек и фреймворков.
Мода, хайп, вечное и светлое.
Развитие в профессии.
Как не потерять актуальность знаний.
Обмен знаниями, события, выступления.
Пограничные дисциплины.-11. Как не потеряться на рынке труда NEW!
Ведущий: Серёжа Попов
Трудоустройство, поиск заказов, оценка работы
Какая вообще бывает работа?
В офисе
На фрилансе
Поиск работы
Как оценивать себя и проходить собеседования

История обновлений&#58;

28.04.2018 - Торрент файл обновлен.
- Добавлены скрины теорий с платных и бесплатных курсов;
- Добавлены все демо-материалы верстки макетов в виде скринов и исходников (html + css).

Раздача ведётся путём добавления новых файлов&#58;

Раздача ведётся путём добавления новых файлов; при каждом добавлении создаётся новый торрент. Чтобы начать докачку новых файлов, пользователям необходимо сделать следующее:
(1) остановить скачивание,
(2) удалить старый торрент у себя из клиента (имеющиеся файлы удалять не надо),
(3) скачать новый торрент и запустить его у себя в клиенте вместо старого, при этом указать клиенту путь в старую папку, куда и должно происходить скачивание новых файлов.
Ваш клиент при этом должен произвести хеширование (проверку) старой папки (если не производит сам - помогите ему сделать это), и будет докачивать только те файлы, которых у вас ещё нет. Старые файлы при этом не удаляются, а продолжают раздаваться!
Eсли вы уже удалили старые файлы, то предотвратить повторную закачку старых файлов можно, отжав галочку в соответствующих местах при запуске нового торрента. По возможности, желательно не удалять старые файлы как можно дольше, чтобы релизёр не только продолжал раздавать старые файлы, а смог сконцентрироваться на новых.
Скриншоты:
Скачать .torrent

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

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

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

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

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

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

Текущее время: Сегодня 21:20

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



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