[ Сегодня идет свободное скачивание без начисления Download ]


Статистика раздачи
Буду качать: [ 2 ]
Качаю: [ 3 ]
Скачал: [ 37 ]
 
   
 
Top  
 
 
HTML Academy | Интенсивный онлайн-курс «Базовый HTML и CSS» (2016) PCRec [H.264]- Автор (режиссер): Александр Першин, Николай Громов, Алексей Симоненко
Жанр: Вэб-дизайн, верстка
Доп. материалы: Есть
Описание:
Интенсив «Базовый HTML и CSS» это профессиональный курс, построенный на базе платформы HTML Academy. Вести его будут практикующие преподаватели с десятилетним опытом веб-разработки.
Курс подойдёт для тех, кто делает свои первые шаги и тех, кто считает себя начинающим верстальщиком. Также, если ваши знания не систематизированы, он подойдёт и вам.
Через месяц вы научитесь:
— Создавать современные веб-интерфейсы;
— Эффективно решать типовые задачи верстальщика;
— Начать карьеру с готовым портфолио.
Интенсив разделён на пять частей: «разметка», «графика», «сетки», «оформление» и «оптимизация». Вас ожидает 700 интерактивных заданий, 18 часов живых вебинаров, 5 качественных макетов дизайна и общение с личным наставником, который будет делиться секретами мастерства.
Продолжительность: 18:37:38
Качество видео: PCRec
Видео: AVC/H.264, 1728x1080, ~781 - 1134 Kbps
Аудио: AAC, 2 ch, 235 Kbps, VBR

Программа курса:

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

Mediainfo&#58;

Общее
Полное имя                               : C:\[HTML Academy] Базовый HTML и CSS - 2016\Лекция 7. Введение в JavaScript\Лекция 7. Введение в JavaScript.mp4
Формат                                   : MPEG-4
Профиль формата                          : Base Media / Version 2
Идентификатор кодека                     : mp42 (mp42/mp41/isom/avc1)
Размер файла                             : 951 Мбайт
Продолжительность                        : 2 ч. 10 м.
Режим общего битрейта                    : Переменный
Общий поток                              : 1021 Кбит/сек
Дата кодирования                         : UTC 2016-02-12 13:05:21
Дата пометки                             : UTC 2016-02-12 13:05:21
Видео
Идентификатор                            : 1
Формат                                   : AVC
Формат/Информация                        : Advanced Video Codec
Профиль формата                          : High@L4
Параметр CABAC формата                   : Да
Параметр ReFrames формата                : 4 кадра
Идентификатор кодека                     : avc1
Идентификатор кодека/Информация          : Advanced Video Coding
Продолжительность                        : 2 ч. 10 м.
Битрейт                                  : 781 Кбит/сек
Ширина                                   : 1728 пикселей
Высота                                   : 1080 пикселей
Соотношение сторон                       : 16:10
Режим частоты кадров                     : Постоянный
Частота кадров                           : 30,000 кадров/сек
Цветовое пространство                    : YUV
Субдискретизация насыщенности            : 4:2:0
Битовая глубина                          : 8 бит
Тип развёртки                            : Прогрессивная
Бит/(Пиксели*Кадры)                      : 0.014
Размер потока                            : 727 Мбайт (77%)
Библиотека кодирования                   : x264 core 148 r11 a01e339
Настройки программы                      : cabac=1 / ref=4 / deblock=1:0:0 / analyse=0x3:0x113 / me=umh / subme=8 / 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=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=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=4950 / vbv_bufsize=13500 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Дата кодирования                         : UTC 2016-02-12 13:05:21
Дата пометки                             : UTC 2016-02-12 13:05:21
Цветовой диапазон                        : Limited
Основные цвета                           : BT.709
Характеристики трансфера                 : BT.709
Коэффициенты матрицы                     : BT.709
Аудио
Идентификатор                            : 2
Формат                                   : AAC
Формат/Информация                        : Advanced Audio Codec
Профиль формата                          : LC
Идентификатор кодека                     : 40
Продолжительность                        : 2 ч. 10 м.
Вид битрейта                             : Переменный
Битрейт                                  : 235 Кбит/сек
Каналы                                   : 2 канала
Расположение каналов                     : Front: L R
Частота                                  : 48,0 КГц
Частота кадров                           : 46,875 кадров/сек (1024 spf)
Метод сжатия                             : С потерями
Размер потока                            : 219 Мбайт (23%)
Дата кодирования                         : UTC 2016-02-12 13:05:21
Дата пометки                             : UTC 2016-02-12 13:05:21
Общее
Полное имя                               : C:\[HTML Academy] Базовый HTML и CSS - 2016\Лекция 6. Оформление контента\Лекция 6. Оформление контента.mp4
Формат                                   : MPEG-4
Профиль формата                          : Base Media / Version 2
Идентификатор кодека                     : mp42 (mp42/mp41/isom/avc1)
Размер файла                             : 1,36 Гбайт
Продолжительность                        : 2 ч. 21 м.
Режим общего битрейта                    : Переменный
Общий поток                              : 1374 Кбит/сек
Дата кодирования                         : UTC 2016-02-09 13:26:33
Дата пометки                             : UTC 2016-02-09 13:26:33
Видео
Идентификатор                            : 1
Формат                                   : AVC
Формат/Информация                        : Advanced Video Codec
Профиль формата                          : High@L4
Параметр CABAC формата                   : Да
Параметр ReFrames формата                : 4 кадра
Идентификатор кодека                     : avc1
Идентификатор кодека/Информация          : Advanced Video Coding
Продолжительность                        : 2 ч. 21 м.
Битрейт                                  : 1134 Кбит/сек
Ширина                                   : 1728 пикселей
Высота                                   : 1080 пикселей
Соотношение сторон                       : 16:10
Режим частоты кадров                     : Постоянный
Частота кадров                           : 30,000 кадров/сек
Цветовое пространство                    : YUV
Субдискретизация насыщенности            : 4:2:0
Битовая глубина                          : 8 бит
Тип развёртки                            : Прогрессивная
Бит/(Пиксели*Кадры)                      : 0.020
Размер потока                            : 1,12 Гбайт (83%)
Библиотека кодирования                   : x264 core 148 r11 a01e339
Настройки программы                      : cabac=1 / ref=4 / deblock=1:0:0 / analyse=0x3:0x113 / me=umh / subme=8 / 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=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=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=4950 / vbv_bufsize=13500 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Дата кодирования                         : UTC 2016-02-09 13:26:33
Дата пометки                             : UTC 2016-02-09 13:26:33
Цветовой диапазон                        : Limited
Основные цвета                           : BT.709
Характеристики трансфера                 : BT.709
Коэффициенты матрицы                     : BT.709
Аудио
Идентификатор                            : 2
Формат                                   : AAC
Формат/Информация                        : Advanced Audio Codec
Профиль формата                          : LC
Идентификатор кодека                     : 40
Продолжительность                        : 2 ч. 21 м.
Вид битрейта                             : Переменный
Битрейт                                  : 235 Кбит/сек
Каналы                                   : 2 канала
Расположение каналов                     : Front: L R
Частота                                  : 48,0 КГц
Частота кадров                           : 46,875 кадров/сек (1024 spf)
Метод сжатия                             : С потерями
Размер потока                            : 239 Мбайт (17%)
Дата кодирования                         : UTC 2016-02-09 13:26:33
Дата пометки                             : UTC 2016-02-09 13:26:33
Скриншоты:

[Цитировать]



Показать сообщения:    

Текущее время: 10-Дек 21:31

Часовой пояс: UTC + 3


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

!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим ее. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несет ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания!