Zarate · 27-Авг-16 22:14(9 лет 3 месяца назад, ред. 09-Ноя-16 18:49)
HTML-верстка: инструменты и приемы профессиональной front-end разработки Год выпуска: 2015 Производитель: Нетология Сайт: Нетология Автор: Нетология Продолжительность: 37:25:24 Тип раздаваемого материала: Видеоурок Язык: Русский Описание: Если вы хотите освоить одну из высокооплачиваемых профессий, имеете опыт в HTML-верстке и хотите развиваться в области front-end разработки под руководством опытных front-end-разработчиков, то вы непременно нуждаетесь в этом курсе.
С помощью него вы с лёгкостью освоите современные технологии, такие как HTML5, CSS3, Java Script и получите незабываемые впечатления.
Содержание
1. Введение в профессию front-end разработчика
— Кто такой front-end-разработчик
— Знакомство с особенностями HTML5 2. Основы JavaScript
— Синтаксис JavaScript
— Понятие функции в JavaScript
— Структуры данных
— Объекты в JavaScript
— Основы ООП 3. Расширенные возможности HTML и JavaScript
— Объектная модель браузера (BOM)
— Объектная модель документа (DOM)
— Обработка событий
— Обзор наиболее частых событий
— Технология AJAX 4. Расширенные возможности CSS
— Анимация с помощью CSS
— Градиенты и трансформации
— Адаптивная верстка
— Программируемый язык стилей LESS 5. Обзор библиотек и фреймворков
— Библиотека jQuery
— Фреймворк Bootstrap
— Фреймворк AngularJS 6. Командная разработка
— Автоматизация задач с помощью инструмента сборки проектов Grunt
— Контроль версий кода на примере системы Git
— Организация рабочего процесса
Файлы примеров: присутствуют Формат видео: MPEG-2 Видео: AVC/H.264, 1280x720, 1280x800, ~494 - 1214 kbps Аудио: AAC, 2 ch, 106 - 173 kbps, VBR Тренеры курса:
Дмитрий Фитискин, Руководитель проекта «Кувалда.ру»
Андрей Муравьев, Генеральный директор компании «Веб Креатор»
Максим Сальников, Front-end разработчик в BBL Datakompetanse
Татьяна Тен, Front-end разработчик Enter.ru
Александр Фитискин, Front-end разработчик Webzilla
Юрий Чижов, Front-end разработчик Cleverbits.co
Андрей Баранов, Ведущий front-end разработчик в Notamedia
Скриншоты
Mediainfo:
Код:
Общее
Полное имя : C:\[Нетология] HTML-верстка - 2015\Часть 2\13\HJ-1. Объектная модель документа (DOM). Баранов. 23.11.2015 .mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/mp41/isom/avc1)
Размер файла : 437 Мбайт
Продолжительность : 1 ч. 35 м.
Режим общего битрейта : Переменный
Общий поток : 644 Кбит/сек
Дата кодирования : UTC 2015-11-23 17:13:38
Дата пометки : UTC 2015-11-23 17:13:38 Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : High@L3.1
Параметр CABAC формата : Да
Параметр ReFrames формата : 5 кадров
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 1 ч. 35 м.
Битрейт : 494 Кбит/сек
Ширина : 1280 пикселей
Высота : 720 пикселей
Соотношение сторон : 16:9
Режим частоты кадров : Постоянный
Частота кадров : 15,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.036
Размер потока : 335 Мбайт (77%)
Библиотека кодирования : x264 core 148 r11 73ae2d1
Настройки программы : cabac=1 / ref=5 / 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=22 / lookahead_threads=3 / 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=15 / 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=2750 / vbv_bufsize=7500 / crf_max=0.0 / nal_hrd=none / filler=0 / ip_ratio=1.40 / aq=1:1.00
Дата кодирования : UTC 2015-11-23 17:13:38
Дата пометки : UTC 2015-11-23 17:13:38
Цветовой диапазон : Limited
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709 Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 1 ч. 35 м.
Вид битрейта : Переменный
Битрейт : 147 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 48,0 КГц
Частота кадров : 46,875 кадров/сек (1024 spf)
Метод сжатия : С потерями
Размер потока : 99,9 Мбайт (23%)
Дата кодирования : UTC 2015-11-23 17:13:38
Дата пометки : UTC 2015-11-23 17:13:38
Код:
Общее
Полное имя : C:\[Нетология] HTML-верстка - 2015\Часть 3\22\Организация рабочего процесса.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42 (mp42/isom)
Размер файла : 1,17 Гбайт
Продолжительность : 2 ч. 0 м.
Режим общего битрейта : Переменный
Общий поток : 1391 Кбит/сек
Дата кодирования : UTC 2015-12-24 11:22:12
Дата пометки : UTC 2015-12-24 12:27:47 Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : Main@L3.2
Параметр CABAC формата : Да
Параметр ReFrames формата : 5 кадров
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 2 ч. 0 м.
Битрейт : 1214 Кбит/сек
Ширина : 1280 пикселей
Высота : 800 пикселей
Соотношение сторон : 16:10
Режим частоты кадров : Постоянный
Частота кадров : 30,000 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.040
Размер потока : 1,02 Гбайт (87%)
Дата кодирования : UTC 2015-12-24 11:22:12
Дата пометки : UTC 2015-12-24 12:27:47
Основные цвета : BT.709
Характеристики трансфера : BT.709
Коэффициенты матрицы : BT.709 Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 2 ч. 0 м.
Вид битрейта : Переменный
Битрейт : 173 Кбит/сек
Максимальный битрейт : 285 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Частота кадров : 43,066 кадра/сек (1024 spf)
Метод сжатия : С потерями
Размер потока : 148 Мбайт (12%)
Дата кодирования : UTC 2015-12-24 11:22:12
Дата пометки : UTC 2015-12-24 11:26:41
Релизёр выражает благодарность пользователю Rubec и безымянному клубу, откуда на безвозмездной основе и был позаимствован материал настоящей раздачи.
Посмотрел 2 урока про анимации и трансформации. Стало жалко людей, которые за это платят деньги. Нет, я не спорю, преподаватели может и хорошие и грамотные, но меня лично жутко раздражает этот формат с видео стримом лектора. Ладно б еще если б качество было студийное, а смотреть на чью-то голову где-то в углу трансляции (камеру что-ли нельзы хотя бы номарльно поставить блин?), мимику, в ужасном свете на фоне жутких обоев - это зачем все? Это я еще не говорю о том. что инфу на 15 минут растякигают на полтора часа. Жуть короче, хорошо что я русские курсы не смотрю вообще. Сообщения из этой темы [2 шт.] были выделены в отдельную тему Выделено из: [Нетология] HTML-верстка: инструменты и приемы профессиональной front-end разработки [2015, RUS] [5274252] mpv777
Не осилил. Меня хватило только на четыре первых видео.
Нуднейшие вебинары ever и качество контента низкое. Девушка в начальном видео всё время называла студентов — коллеги. Что она имела в виду под этим? Звучит странно. Общая беда таких вебинаров, что они форсят студентов региться в социалках: FB, VK etc. Звук отвратительный ничего не слышно, особенно когда Фитискин говорил да и у всех остальных тоже. Про БЭМ высказался смешно. Мол избыточный и специалисты, которые его используют не до конца понимают сути. Ахаха. В Яндексе понимают и в Гугле понимают. Крайне растянутый курс, догадываюсь почему
Цитата про подобный курсы из нашумевшей статьи на Хабре:
Цитата:
«Диалог привожу в качестве иллюстрации того факта, что многие курсы программирования искусственно раздуты. Работают они по схеме предоплаты, а банальные принципы психологии рынка подсказывают: “Чем больше товар, тем выше цена”. Зачем напрягаться, выжимаясь перед учениками, если можно неделями рассматривать одни и те же алгоритмы.»
Релизёру спасибо PS. И как вишенка на торте скрин с сайта курса со странице «препода».
И эти люди учат меня верстать
Большое спасибо, за возможность ознакомиться с курсом Нетологии "профессия frontend-разработчик"!
На сегодняшний день его цена на сайте почти 55 000 рублей за 8 месяцев обучения! И деньги требуют вперёд за весь курс! Есть ещё какая-то мутная схема с Альфабанком на 12 месяцев, но о ней они не говорят на сайте, а только в электронной почте. Что, конечно, сразу отталкивает. Кто пробовал бесплатный вводный курс по вёрстке в Нетологии, тот наверняка заметил до ужаса огромное количество ошибок в печатных материалах, которые они присылают в личный кабинет после лекций. Этот факт удивляет, ведь они гордо заявляют, что они - резиденты Сколково и выдают дипломы государственного образца о повышении квалификации. Лекции слушать было утомительно, во-первых, из-за самих студентов, которые строчили вопросы не по теме, а преподы, отвлекаясь от лекции, спешили на них на все ответить, не установив чётких правил, что все вопросы не по теме задавать в конце лекции. А, во вторых, из-за самих лекторов. То, что можно было выразить в паре фраз, они жевали, попутно прихлёбывая в микрофон чай из кружек, видимо, таким образом хотели показать свою близость к народу. +К плюсам курса по вёрстке я бы отнесла домашние задания, которые были достаточно интересными. Но в данной раздаче, я так понимаю, заданий нет. Без них и без дополнительных материалов, на мой взгляд, новичкам тяжеловато будет структурировать то, что дают на этих лекциях. P.S. Скачала! Спасибо! Оказывается, в Вашей раздаче есть и домашки, и краткое содержание лекций. Отлично.
73900642Большое спасибо, за возможность ознакомиться с курсом Нетологии "профессия frontend-разработчик"!
На сегодняшний день его цена на сайте почти 55 000 рублей за 8 месяцев обучения! И деньги требуют вперёд за весь курс! Есть ещё какая-то мутная схема с Альфабанком на 12 месяцев, но о ней они не говорят на сайте, а только в электронной почте. Что, конечно, сразу отталкивает. Кто пробовал бесплатный вводный курс по вёрстке в Нетологии, тот наверняка заметил до ужаса огромное количество ошибок в печатных материалах, которые они присылают в личный кабинет после лекций. Этот факт удивляет, ведь они гордо заявляют, что они - резиденты Сколково и выдают дипломы государственного образца о повышении квалификации. Лекции слушать было утомительно, во-первых, из-за самих студентов, которые строчили вопросы не по теме, а преподы, отвлекаясь от лекции, спешили на них на все ответить, не установив чётких правил, что все вопросы не по теме задавать в конце лекции. А, во вторых, из-за самих лекторов. То, что можно было выразить в паре фраз, они жевали, попутно прихлёбывая в микрофон чай из кружек, видимо, таким образом хотели показать свою близость к народу. +К плюсам курса по вёрстке я бы отнесла домашние задания, которые были достаточно интересными. Но в данной раздаче, я так понимаю, заданий нет. Без них и без дополнительных материалов, на мой взгляд, новичкам тяжеловато будет структурировать то, что дают на этих лекциях. P.S. Скачала! Спасибо! Оказывается, в Вашей раздаче есть и домашки, и краткое содержание лекций. Отлично.
Здравствуйте, подскажите пожалуйста на сколько этот курс актуален на данный момент времени ? Имеет ли смысл по нему начинать сейчас учиться, если у меня нулевой уровень знаний в этой сфере ?
[quoteЗдравствуйте, подскажите пожалуйста на сколько этот курс актуален на данный момент времени ? Имеет ли смысл по нему начинать сейчас учиться, если у меня нулевой уровень знаний в этой сфере ? ]Если уровень нулевой, то имеет смысл учить этот курс. Основы они и сейчас актуальны. Разве, что раздел 5 Обзор библиотек и фреймворков понадобиться частично.
