Классический форум-трекер
canvas not supported
Нас вместе: 4 244 574

Специалист | HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014) PCRec [H.264]


Страницы:   Пред.  1, 2, 3, 4, 5, 6 
 
RSS
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн, рисование (видеокурсы)
Автор Сообщение
Инкогнито ®
Стаж: 13 лет 7 мес.
Сообщений: 34
Ratio: 24.947
Раздал: 2.543 TB
Поблагодарили: 4618
100%
Откуда: Россия
russia.gif
Специалист | HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3 (2014) PCRec
Автор (режиссер): Специалист
Жанр: Web - дизайн
Продолжительность: 24:00:00
Качество видео: PCRec
Видеокодек: AVC/H.264
Битрейт видео: ~15fps 69kbps
Размер кадра: 912x672
Аудиокодек: AAC
Битрейт аудио: 44100Hz stereo 64kbps

Описание:
HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий. Этот учебный курс даст вам представление о современных технологиях HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах, распространённых на сегодняшний день.
Рассматриваются продвинутые технологии вёрстки веб-страниц и специальные эффекты, в том числе с использованием абсолютного и относительного позиционирования, переполнения и обрезки блоков, внедрённых объектов, изображений в CSS. Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц.

Курс предназначен для веб-мастеров, начинающих верстальщиков, редакторов кода, веб-дизайнеров, веб-программистов, оптимизаторов.

По окончании курса Вы будете уметь:
  • Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами
  • Грамотно проектировать веб-страницы и эффективно организовывать разработку кода
  • Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C
  • Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей
  • Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше
  • Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS
  • Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах
  • Тестировать веб-страницы, выполнять контроль качества
Модуль 1. Веб-стандарты и их поддержка
  • Стандарты W3C. Документация.
  • DOCTYPE.
  • Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах.
  • Протокол HTTP.

Модуль 2. Элементы и атрибуты HTML5 и структурастраницы
  • Секции, выноски, статьи, навигационные, «шапка», «подвал».
  • Элементы форм и их атрибуты.


Модуль 3. Эффективное использование инструментов разработки веб-страниц
  • Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla
    Firebug, Zen Coding/Emmet, IE WebDeveloper.
  • Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах,
    проверка валидатором, просмотр при различной ширине окна браузера и
    различных размерах шрифта. Контроль качества веб страниц.

Практическая работа: построение структуры страницы с использованиемвспомогательных программ.

Модуль 4. Селекторы в HTML5
  • Селекторы перешедшие из HTML4/xHTML.
  • Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML.
  • Ролловеры, спрайты.

Практическаяработа: использование специфических селекторов при версткестраницы.
 
Модуль 5. Введение в построение удобных дляиспользования сайтов (usability) и доступность (accessibility) сайтов
  • Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические
    аспекты взаимодействия пользователя с сайтом. Тестирование практичности.
  • Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия
    пользователя с сайтом. Ограниченные возможности пользователей

Семинар: Учет удобства использования сайтов

Модуль 6. Продвинутые технологии HTML и CSS
  • Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index.
    Примеры позиционирования: наложение блоков, закрепление
    "подвала" внизу страницы. Обрезка блока: свойство clip.
    Фиксированное позиционирование. Свойство display.
  • Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с
    использованием overflow. Расширения IE: свойства overflow-x и overflow-y.
  • Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object.
    Внедрение роликов Flash в соответствии со стандартами Консорциума W3C.
    Внедрение векторной графики (SVG); предоставление альтернативного
    растрового изображения браузерам, которые не поддерживают этот формат.
  • Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах.

Практическаяработа: использование на практике CSS-свойствпозиционирования, отображения и др.

Модуль 7. Совместимость веб-страниц с различнымибраузерами
  • Условные комментарии.
  • Скрипты для поддержки селекторов и изменения поведения старых браузеров.
  • Программы эмуляторы старых версий IE.
  • Фильтры.

Практическаяработа: использование кроссбраузерной верстки

Модуль 8. Использование свойств CSS2 и CSS3
  • Градиенты, анимация, трансформация (2D и 3D), переходы
  • Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка)
  • @font-face (веб-шрифты), текстовые эффекты,
  • Многоколоночная верстка,
  • Работа с фоном (+градиенты)
  • Закругление углов, модель Flex-блоков.
  • Определение технологий, поддерживаемых браузером.

Практическаяработа: построение выпадающего меню средствами HTML5 и CSS3

Модуль 9. Верстка макета
  • Принципы нарезки макета из psd-файла.
  • Выбор размеров и вариантов верстки.
  • Верстка.

Практическаяработа: нарезка макета страницы
Практическаяработа: верстка страницы по заданному макету.

Модуль 10. Типовые решения
  • CSS-фреймворки.
  • Динамический CSS (на примере LESS).
  • Шаблоны CMS
  • Решения на JavaScript.

 
Общее
Полное имя : 1_1.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42
Размер файла : 60,0 Мбайт
Режим общего битрейта : Переменный
Общий поток : 138 Кбит/сек

Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L3.1
Параметр CABAC формата : Да
Параметр ReFrames формата : 4 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 1 ч. 0 м.
Продолжительность оригинала : 1 ч. 0 м.
Битрейт : 70,0 Кбит/сек
Ширина : 912 пикселей
Высота : 672 пикселя
Соотношение сторон : 4:3
Режим частоты кадров : Переменный
Частота кадров : 15,000 кадров/сек
Минимальная частота кадров : 15,000 кадров/сек
Максимальная частота кадров : 15,003 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.008
Размер потока : 30,3 Мбайт (51%)
Размер потока оригинала : 30,3 Мбайт (51%)
Библиотека кодирования : x264 core 125 r2200 999b753
Настройки программы : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / 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=6 / lookahead_threads=1 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=15 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=70 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / ip_ratio=1.40 / aq=1:1.00
Язык : English
mdhd_Duration : 3634130

Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 1 ч. 0 м.
Вид битрейта : Переменный
Битрейт : 64,0 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Метод сжатия : С потерями
Размер потока : 27,7 Мбайт (46%)
Язык : English




Время раздачи: Ежедневно с 15:00 до 21:00
[NNM-Club.me]_[Spetsialist] HTML i CSS. Uroven' 2.torrent
 Торрент: Платиновая раздача  Зарегистрирован
 
Скачать


Примагнититься
 Зарегистрирован:   30 Апр 2014 21:41:30
 Размер:   1.2 GB  (
 Рейтинг:   4.9 (Голосов: 597)
 Поблагодарили:   1999
 Проверка:   Оформление проверено модератором 02 Май 2014 12:20:54
Как cкачать  ·  Как раздать  ·  Правильно оформить  ·  Поднять ратио!  
ip-hello
Стаж: 11 лет 4 мес.
Сообщений: 2
Ratio: 3.355
0%
Ребятушки, всем настоятельно рекомендую просмотр на небольшом ускорении (этот курс смотрю на ускоренном просмотре х1.33 в VLC плеер, там есть пункт воспроизвести и ползунок)

---
Эту фишку узнал у знакомого разработчика, он в свое время много курсов просмотрел так,
небольшое ускорение создает более позитивную речь рассказчика(это такой микро плюс).
а еще, я посчитал, получается экономия времени(этот курс не 24, а 18 часов по длительности)

Обычно комментарии не пишу, а тут особенно захотелось написать, поскольку до этого было много комментов с отрицательными отзывами- мол тягомутно итд.

В итоге скачал 2 уровень и от 10-го года и этот.
начал от 10-го, но там файлы не были прикреплены и после просмотра 2ух часов, решил этот все же глянуть.

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

в обычной скорости произведения- смотреть сложновато, а при таком способе(скорость воспроизведения можете поставить под себя, главное чтобы слова и смысл воспринимались) воспринимается круто

так что vlc плеер-> воспроизведение-> скорость воспроизведения..
..и будет вам счастья

Посколько вообще негатив по поводу замедленного воспроизведения лектором курса меня не коснулся, скажу, что мне(вопреки всем моим опаскам), оч нравится курс(видимо удачно прикрыл слабые места видео путем ускоренния проигрывания)

кароч- этот курс с эффектом ускоренного просмотра -не хуже Борисова 1lvl (самособой ИМХО)

(буду смотреть дальше, если возникнет ощущение, что был не прав и обманул- напишу обязательно опровержение =))

Дерзайте, друзья!
ip-hello
Стаж: 11 лет 4 мес.
Сообщений: 2
Ratio: 3.355
0%
По ходу дальнейшего просмотра курса, возникло все же ощущение, что обманул((
Поскольку часто пользовался при просмотре перемоткой(оч много пустых или ненужных моментов: лектор отошел или происходит обсуждение чего-то неинформативного)
Так что в общем так: принимайте свое решение- смотреть или нет, но я всеж добью курс, а так же приметил курсы html академии
Roketsl
Стаж: 11 лет 5 мес.
Сообщений: 22
Ratio: 0.634
0%
Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть(
kolyan1982
Стаж: 10 лет
Сообщений: 138
Ratio: 51.519
Поблагодарили: 333
100%
russia.gif
Roketsl писал(а): Перейти к сообщению
Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть(


Мои советы теперь меньше смотри теорию , а смотри и делай какую нибудь практику!!! и во время практики смотри специалиста 2 уровень за 2011 , только уже не вникай в IE6 , БОЛЬШЕ ПРАКТИКУЙСЯ!!!
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
kolyan1982 писал(а): Перейти к сообщению
Roketsl писал(а): Перейти к сообщению
Что посоветуйте посмотрел после уровня 1 от Специалиста и до уровня 3? Судя по комментам этот уровень для новичков не рекомендуется смотреть(


Мои советы теперь меньше смотри теорию , а смотри и делай какую нибудь практику!!! и во время практики смотри специалиста 2 уровень за 2011 , только уже не вникай в IE6 , БОЛЬШЕ ПРАКТИКУЙСЯ!!!


Золотые слова, поддерживаю полностью!
Kenzo80
Стаж: 10 лет 1 мес.
Сообщений: 310
Ratio: 2.306
100%
Тарасов отвратный преподаватель. После первого курса от божественного И.Борисова, от этого блевать тянет. Мерзкий голос, петросянский юмор, не знает даже минимально английский.
Нудный ботан.
makerdream
Стаж: 14 лет 1 мес.
Сообщений: 122
Ratio: 11.18
23.94%
ukraine.gif
прочитал комменты - поднял настроение. Помню перые коменты про Борисова на известном трекере тоже были в таком стиле
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
Коллеги, я внимательно проработал данный курс... Что хочу сказать по его завершении. Курс мне не понравился. Преподаватель очень мало уделял внимания именно вопросу практики верстки сайта, даже Евгений Петров в старом курсе от 2010 года больше внимания уделил верстке реального макета сайта, точнее всё последнее занятие он именно верстал макет!

Этот же преподаватель не показал аудитории реальную кросс-браузерную верстку, что не очень хорошо. Да, Тарасов несколько раз извинялся перед слушателями за то, что у него сегодня "совсем не варит голова", что он "забыл" материал. Но я считаю, что преподаватель подобного уровня не должен забывать материал лекции.

Как итог, именно из этого курса я почерпнул мало нового для себя, тем не менее, курс стоит посмотреть. Возможно, кто-то извлечет больше пользы из него, попросту у меня уже сейчас достаточно высокий уровень знаний по верстке, потому тут каждый решает сам для себя (индивидуально). Удачи всем нам в обучении!
starovoyt107
Стаж: 8 лет 5 мес.
Сообщений: 288
Ratio: 7.263
100%
ukraine.gif
Отличный курс, но тупизм абитуриентов просто зашкаливает. На вопросы лектора по первому курсу отвечают ахинею, а задают вопросы - еще хуже) Складывается ощущение, что инстаграмщики-контактеры-селфиманы-хипстеры решили освоить "модную профессию" и за папкины деньги полезли на курсы...)

UPD
придётся взять слова обратно по поводу "отличного" курса... Ибо курс ниочем, лучше бы его читал Борисов.
goblin2013
Стаж: 10 лет 9 мес.
Сообщений: 167
Ratio: 0.23
27.51%
starovoyt107 писал(а): Перейти к сообщению

UPD
придётся взять слова обратно по поводу "отличного" курса... Ибо курс ниочем, лучше бы его читал Борисов.


Согласен на 100 %

Жаль, что уровень преподавателя "так-себе", на троечку. Тут как повезет с преподавателем...
rotic555
Стаж: 11 лет 7 мес.
Сообщений: 1
Ratio: 1021.04
0%
БРО сделай такой же только на программирование приложений под андроид и ios и цены не будет!))))))))
sumarica
Стаж: 8 лет 9 мес.
Сообщений: 1
Ratio: 0.014
100%
Спасибо Вам) Привет из Сербии!!!
Спасибо снова!)
sputnic1437
Стаж: 14 лет 10 мес.
Сообщений: 59
Ratio: 15.189
0%
А у кого то есть рабочая тетрадь (как в первом уровне)... поделитесь - вещь очень удобная :)
sputnic1437
Стаж: 14 лет 10 мес.
Сообщений: 59
Ratio: 15.189
0%
Да и многих доп. материалов включая и домашнее задание в раздаче нет....
Приходится тупо вылавливать кусочки кода с видео и набивать его :(
Показать сообщения:   
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн, рисование (видеокурсы) Часовой пояс: GMT + 3
Страницы:   Пред.  1, 2, 3, 4, 5, 6
Страница 6 из 6