ШП - HTML5 и CSS3 Современные средства Web-разработки(2013)

Dump_Bot

Бот дампов
Бот форума
30 Июл 2016
178.165
1.288
20
#1

ШП - HTML5 и CSS3 Современные средства Web-разработки(2013)
  • Пробное занятие
    300 р.
  • Онлайн
    12370 р.
  • Индивидуально (очно)
    79900 р.
  • Индивидуально (онлайн)
    69900

Программа курса
СпойлерУрок 1. HTML5
  • 1. Zen Coding
  • Способ ускоренного написания HTML и CSS кода.
  • Знакомство с текстовым редактором Sublime text 2

    2. Обзор HTML5
  • Что такое HTML5?
  • Краткая история HTML
  • Новая идеология HTML5
  • Отличия HTML5 от HTML4.01 и XHTML1.x
  • Новые теги и атрибуты
  • Устаревшие теги

    3. Новые семантические элементы HTML5
  • Основная структура документа
  • Обзор новых тегов HTML5, таких как <section>, <article>, <header>, <footer> и <nav> и др.
  • Смысл появления новых элементов и примеры использования
  • Поддержка новых тегов в устаревших браузерах

    4. Новые возможности для создания форм
  • Новые типы ввода данных: search, email, url, tel, range, number, datetime и др.
  • Новые атрибуты полей ввода: autofocus, placeholder, reqired, autocpmlete и др.
  • Валидация данных форм на стороне клиента
  • Обратная совместимость с устаревшими браузерами
Урок 2. CSS3
  • 1. Основы верстки
  • Боксы — основная экранная единица
  • Строчные и блочные боксы
  • Поток и расположение элементов
  • Позиционирование: абсолютное и относительное
  • Схлопывание границ (margin collapsing)
  • Выступ за границы родительского элемента
  • Верска плавающими (float) блоками
  • Очистка float
  • Приоритет селекторов CSS (специфичность)

    2. Введение в CSS3
  • Что такое CSS3?
  • Что нового в CSS3?
  • Преимущества CSS3
  • Новые подходы к разработке: прогрессивное усовершенствование и постепенная деградация
  • Можем ли мы использовать CSS3 уже сегодня?
  • 3. Границы
  • Cоздание загругленных углов у блоков, тени под боксом, использование изображений в качестве рамки блока
    4. Текстовые эффекты
  • Добавление тени к тексту
  • Текстовые эффекты: свечение, вдавленный текст, винтажный текст, эффект огня и др.
  • Автоматический перенос длинных слов в блоке
    5. Работа с цветом
  • Форматы цвета
  • RGBA, HSLA и прозрачность
  • Удобство использования формата HSLA
Урок 3. CSS3, часть 2
  • 1. Градиенты
  • Заливка градиентом
  • Использование полупрозрачных градиентных заливок для создания эффекта блика
  • Генераторы градиентов
    2. Фон
  • Новые методы работы с фоном блока
  • Использование нескольких изображений для создания фона
    3. Шрифты
  • Использование подгружаемых шрифтов в браузерах
  • Обзор библиотек открытых шрифтов
    4. Многоколоночность
  • Простое создание многоколоночной раскладки текста на странице
    5. Интерфейс пользователя
  • Новые функции для управления интерфейсом пользователя
    6. Селекторы, комбинаторы и псевдо-классы
  • Новые методы доступа к элементам без использования классов и идентификаторов
Урок 4. CSS3, часть 3
  • 1. 2D-преобразования
  • Преобразования элементов на плоскости: перемещение, масштабирование, вращение и растягивание
    2. 3D-преобразования
  • Трехмерные преобразования элементов
    3. Переходы
  • Эффекты плавного перехода от одного стиля к другому без использования Flash и JavaScript
    4. Анимация
  • Создание анимации на веб-странице с помощью CSS3
Урок 5. Современные инструменты
веб-разработчика
  • 1. Медиа запросы (Media Queries)
  • Понимание media queries
  • Адаптивный и мобильный дизайн средствами CSS3
    2. Modernizr
  • JavaScript-библиотека для проверки поддержки возможностей HTML5 и CSS3 в браузере

    3. HTML5 Boilerplate
  • Высокопрофессиональный и надежный набор HTML/CSS/JS шаблонов для разработки веб-сайтов и веб-приложений
Урок 6. Less и Bootstrap
  • 1. LESS
  • Динамический язык стилевой разметки. Удобный инструмент для построения больших CSS файлов
    2. Twitter Bootstrap
  • Обзор возможностей Twitter Bootstrap
  • Twitter Bootstrap как прекрасный пример современного кроссбраузерного CSS-фреймворка
  • Быстрое создание современных веб-интерфейсов с помощью Twitter Bootstrap
Урок 7. Canvas и Video
  • 1. Элемент Canvas (Холст)
  • Что такое холст?
  • Координаты холста
  • Рисование изображений в реальном времени
  • Методы создания изображений в реальном времени: пути, обводка, заливка, преобразования, кривые, градиенты, тени
  • Анимация на холсте
  • Поддержка спецификации HTML 5 Canvas браузерами

    2. Видео и аудио
  • Плюсы и минусы в использовании элементов video и audio
  • Поддержка видео и аудио форматов браузерами
  • Атрибуты элементов video/audio
  • Управление воспроизведением
Урок 8. Новые возможности HTML5
  • 1. Новые атрибуты HTML5
  • contentEditable, data-*, tabindex, hidden и др.
    2. Хранение данных
  • Web Storage — мощная, хорошо поддерживаемая замена файлам cookie
    3. Автономные приложения
  • Создание веб-приложений работающих без постоянного подключения к интернету
    4. Геолокация
  • Встроенные возможности определения местоположения пользователя
    5. Сообщения (Web Messaging)
  • Обмен сообщениями между окнами
    6. Фоновые вычисления (Web Workers)
  • Создание отдельных потоков для нагруженных вычислений
    7. Сокеты (Web Sockets)
  • Создание прямого соединения между сервером и клиентом для обмена данными в реальном времени
Продажник:
Для просмотра содержимого вам необходимо авторизоваться.

Скачать:
Для просмотра содержимого вам необходимо авторизоваться.

Пароль: seoxa2015-][[;lkj4556678pokjbv3456
Размер: 4,15 гб.
 

Привет!

Мы группа людей которые решили помочь другим в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно тысячи человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.

Статистика форума

Темы
324.994
Сообщения
343.394
Пользователи
22.931
Новый пользователь
187cult

Приложения форума для iOS и Android


У ркн там нет власти ;)
Гостевуха
Помощь Пользователи
    sntk Chat Bot: sntk покинул(а) комнату.