Артем Гринберг - Web - Дизайн: Работа с HTML, CSS3, javascript, JQuery (2012 - 2013) бесплатно

Содержание видеокурса:

CSS / CSS3
01. Введение - Первый урок по языку CSS
02. Основные понятия - В этом уроке вы узнаете о способах подключения CSS к вашей странице, и познакомитесь с основными понятиями, касающимися языка
03. Селекторы - В данном уроке рассматриваем селекторы CSS различных типов
04. Позиционирование элементов - В этом уроке рассматриваем позиционирование и отображение элементов
05. Текст - В этом уроке рассматриваем свойства отвечающие за отображение текста
06. Цвет - В этом уроке учимся задавать цвет в css
07. Рамки - Урок по рамкам в CSS
08. Закругленные углы (border-radius) - Используем свойство border-radius для создания закругленных углов у элементов
09. Треугольники - В этом уроке учимся делать треугольники на CSS
10. Фон и множественные фоны - В этом уроке разбираем свойства, отвечающие за фон элемента
11. Спрайты - В этом уроке учимся использовать спрайты в CSS
12. Плавающие элементы (float) и clearfix - В этом уроке рассматриваем свойство float, и все что с ним связано
13. Списки - В этом уроке рассматриваем свойства, отвечающие за оформление списков
14. Тени (box-shadow) - В этом уроке создаем реалистичные тени для кнопок
15. Плавные переходы (transition) - В этом уроке учимся делать плавные переходы при изменении свойств CSS при помощи свойства transition
16. Градиенты - Учимся рисовать градиенты при помощи CSS
17. Трансформации (transform) - Учимся перемещать, вращать и масштабировать элементы при помощи свойства transform
18. Трехмерный куб на CSS3 - В этом видео показано как сделать трехмерный куб при помощи CSS transform
19. Анимации (animation) - Урок по основам CSS анимаций
20. @font-face - В этом уроке знакомимся со свойством @font-face
21. Медиазапросы (media queries) - Урок по CSS медиазапросам и основам адаптивной верстки
22. Верстка сайта - В уроке показана верстка сайта при помощи адаптивной сетки
23. Многоколоночный текст
24. Вкладки - Создание вкладок на CSS
25. Слайдер - Создание слайдера на CSS
26. Слайдер на CSS - Демо
27. Объемная кнопка на CSS3 - Урок по созданию кнопки при помощи CSS3
28. Раскрывающиеся превью - Делаем раскрывающиеся превьюшки на (HTML, CSS, JQuery).
29. 1-2 Используем LESS.js - Видеоурок по использованию LESS - расширения языка CSS
JQuery (добавление сайту интерактивности)
1. Введение в JQuery - Вводный урок по JQuery
2. Создание выпадающего меню - Урок по созданию выпадающего меню при помощи CSS и JQuery
3.1. Галерея изображений при помощи Slimbox - Урок по созданию галереи изображений при помощи плагина для JQuery - Slimbox.
3.2. Галерея изображений при помощи Slimbox - Урок по созданию галереи изображений при помощи плагина для JQuery - Slimbox. Часть 2/2
4. Используем Zen Coding - Урок по использованию Zen Coding
5. Вертикальное меню для сайта (CSS, JQuery) - Видео демонстрирует процесс написания раскрывающегося меню на html, css, javascript.
6. Быстрый макет страницы - Небольшой обзор Twitter Bootstrap
7. Разметка web-страницы с Bootstrap - Урок по использованию CSS Grid в Twitter Bootstrap
8. Прозрачные элементы с размытием - Урок по созданию псевдопрозрачных элементов с размытием при помощи плагина для JQuery - Blur.js
9. Таблицы, формы, кнопки, иконки - Twitter Bootstrap - Во втором уроке по Twitter Bootstrap смотрим как оформляются базовые элементы на странице
Основы javascript:
01 - Введение
02 - Инструкции
03 - Выражения и операторы
04 - Типы данных и переменные
05 - Числа
06 - Строки
07 - Логические значения
08 - "null" и "undefined"
09 - Преобразование типов
10 - Условные инструкции
11 - Условный оператор
12 - Циклы
13 - Функции
14 - Цепочки областей видимости
15 - Замыкания
HTML
1. Введение в HTML - Вводный урок по HTML. Из него мы узнаем, что же такое HTML, изучим структуру всех HTML-документов и изучим некоторые основные тэги.
2. Работа с текстом - Из этого урока вы узнаете основные тэги HTML для работы с текстом, а также познакомитесь с типами элементов и глобальными атрибутами.
3. Списки - Нумерованные списки, списки определений
4. HTML5 здесь и сейчас - Небольшой обзор нововведений HTML5
5. Современный Веб 2013 - Возможности HTML5

Mediainfo:

General
Complete name : \Видеокурс - jQuery\1. Введение в JQuery.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42
File size : 72.2 MiB
Duration : 14mn 27s
Overall bit rate : 698 Kbps
Encoded date : UTC 2011-08-16 13:57:43
Tagged date : UTC 2011-08-16 13:57:43
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : [url=mailto:High@L3.1]High@L3.1[/url]
Format settings, CABAC : Yes
Format settings, ReFrames : 1 frame
Format settings, GOP : M=1, N=60
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 14mn 27s
Bit rate mode : Variable
Bit rate : 540 Kbps
Maximum bit rate : 4 219 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Variable
Frame rate : 23.976 fps
Minimum frame rate : 23.810 fps
Maximum frame rate : 24.390 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.024
Stream size : 55.9 MiB (77%)
Tagged date : UTC 2011-08-16 13:57:50
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 14mn 27s
Bit rate mode : Variable
Bit rate : 152 Kbps
Maximum bit rate : 187 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 KHz
Compression mode : Lossy
Stream size : 15.7 MiB (22%)
Title : IsoMedia File Produced by Google, 5-11-2011
Encoded date : UTC 2011-08-16 13:57:44
Tagged date : UTC 2011-08-16 13:57:50