видео HTML5 Структура, Синтаксис, и Семантика (2015) PCRec

[Dj-Gad]

Автор (режиссер): Lynda.com
Жанр: Программирование, HTML5
Продолжительность: 03:34:00

Размер: 510 мб

Язык: Русский
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~176 kb/s 15,00 FPS
Размер кадра: 1280 x 720
Аудиокодек: AAC 2.0
Битрейт аудио: 126 kb/s (CBR), 2 Ch, 44100 Hz

 

Описание:
Получите более глубокое понимание HTML5 и узнать, как создавать более богатые, более значимые веб-страницы с помощью структурных тегов и описательных атрибутов. В этом курсе, автор Джеймс Уильямсон представил нам обзор HTML5 и его развитие, он покажет новые теги и атрибуты, и обсудит, как браузеры разбирают и отображают содержимое HTML5. Курс также включает в себя шаг за шагом инструкции для построения документа HTML5 с верхний и нижний колонтитулы, навигации, групп контента и форматирования.

Спойлер

   

 

Lynda.com HTML5 Struktura, Sintaksis, i Semantika - 2015.torrent

[Dj-Gad]

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

Автор (режиссер): HTML Academy
Жанр: Фронт-энд
Продолжительность: 19:00:58
Качество видео: PCRec
Размер кадра: 1152x720-1728x1080

 

Описание:
Первый в России полностью онлайновый технологический курс профессионального уровня, построенный на базе нашей собственной платформы.

Наша задача — сделать из любого новичка полноценного и востребованного специалиста начального уровня, готового работать в веб-индустрии.

Профессиональные навыки
› Полученные навыки позволят вам эффективного решать типовые профессиональные задачи HTML-верстальщика. Вы научитесь создавать современные веб-интерфейсы, работать с живым кодом, использовать новейшие технологии.
Старт карьеры
› Полученный уровень подготовки позволит с лёгкостью начать работать HTML-верстальщиком или другим интернет-специалистом (прототипировщиком, интернет-маркетологом, контент-менеджером, SEO-специалистом).
Повышение эффективности
› Если вы уже работаете в смежной IT-области: менеджером проектов, интернет-маркетологом, веб-дизайнером, то полученные навыки позволят вам существенно повысить свою эффективность. Например, вы сможете быстрее и точнее оценивать сложность задач, самостоятельно создавать посадочные страницы и так далее.
Качественный сайт своими руками
› В процессе обучения вы создадите свой сайт, выполненный в соответствии со всеми профессиональными стандартами. После чего вы разместите его в интернете.

В течение интенсива ученики с нуля сверстают как минимум два макета. Учебный макет будет общим для всех, над ним вы будете работать вместе с преподавателем на вебинарах.

Помимо учебного макета будет два варианта более сложных личных макетов. Над личными макетами вы будете работать и самостоятельно, и в паре с персональным наставником.

1 раздел: вводный
Вводная лекция про роль и место верстальщика в мире веб-технологий:
› устройство веба, TCP/IP, DNS, HTTP, URL-aдреса;
› регистрация домена, выбор хостинга, настройка веб-сервера;
› взаимодействие с другими специалистами.
Из лекции вы узнаете, что на самом деле происходит, когда вы:
› вводите в браузере адрес сайта и открываете страницу;
› регистрируете домен;
› заказываете хостинг;
› переносите сайт с хостинга на хостинг.
Во второй части вебинара поговорим про основы HTML/CSS и вёрстки:
› Базовый синтаксис HTML и CSS.
› Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
› Немного о браузерах, браузерных движках и различиях между ними.
Практика: Выберем редактор, создадим скелеты учебного и личного проектов, создадим простейшие файлы-заготовки страниц и стилей.
Результат: Создан скелет проекта: структура папок и файлы-заготовки.

2 раздел: разметка
Cтруктура простейшего HTML-документа, базовые теги, подключение внешних ресурсов (стилей и скриптов).
Важнейшие теги для разметки содержания: текстовые теги, ссылки, изображения, контейнеры.
CSS-селекторы.
Наследование, каскадность и приоритеты в CSS.

Практика: Создадим HTML-разметку нескольких разнотипных интерфейсов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки. Создадим HTML-разметку учебного и личного проектов.
Результат: Готова базовая HTML-разметка страниц проекта.

3 раздел: фотошоп, графика, стили текста
Фотошоп для верстальщика. Типовые задачи, которые выполняет верстальщик в фотошопе, и как это делать эффективно.
Форматы изображений в веб.
Работа с фонами.
Оформление текстов с помощью CSS.

Практика: В Фотошопе произведём замеры размеров и отступов, определим параметры шрифтов, а также нарежем изображения. Используем полученные данные для создания CSS-стилей. Зададим фоны для крупных блоков, стили для текстовых элементов: заголовков, абзацев, ссылок и т.д.
Результат: Подготовлена графика макета, готово оформление текстовых элементов

4 раздел: сетки
Блочная модель документа и поток документа.
Тонкости блочной модели.
Как управлять потоком документа?
Приёмы построения сеток.

Практика: Создадим несколько разнотипных сеток, например: «шапка/две колонки/подвал», «шапка/три колонки/подвал» и более сложные. Создадим сетки главной и внутренней страниц учебного и личного проектов.
Результат: Готовы сетки страниц проекта

5 раздел: декоративные элементы и мелкие детали
Позиционирование.
Использование псевдоэлементов.
Приёмы создания декоративных элементов.
Создание и использование спрайтов.

Практика: Используя различные приёмы из лекции, дооформим мелкие декоративные элементы главной страницы.
Результат: Завершённая вёрстка главной страницы проекта.

6 раздел: оформление контента
Таблицы и приёмы оформления таблиц.
Формы и приёмы оформления форм.
Оформление сложных элементов контента: списки, подписи к изображениям, сноски, галереи, списки товаров и т.д.

Практика: Оформим блоки содержания на типовой внутренней странице учебного макета. Создадим несколько таблиц и форм, и оформим их с помощью CSS. Затем создадим и оформим несколько сложных контентных элементов.
Результат: Завершённая вёрстка внутренней страницы проекта

7 раздел: введение в JavaScript
Введение JavaScript, написание простейших скриптов с помощью фреймворка VanillaJS

Практика: Для свёрстанных проектов добавим: динамическое открытие формы, интерактивную карту.
Результат: Оживим некоторые блоки вёрстки с помощью JavaScript

8 раздел: прогрессивное улучшение
Прогрессивное улучшение.
Критерии качества вёрстки, как отличить мастера от новичка.
Базовая оптимизация.
Подготовка к защите выпускного проекта.

Практика: Рассмотрим свёрстанные проекты с точки зрения критериев качества и прогрессивного улучшения, затем внесём правки и улучшим их. Оптимизируем подготовленные проекты.
Результат: Полностью завершённая, оптимизированная и «доведённая до блеска» вёрстка проекта.

Спойлер

   

 

HTML Academy — Mesyachnyiy onlayn-intensiv po «HTML i CSS».torrent