Интенсивный онлайн-курс «Продвинутый HTML и CSS»


Содержание

Интенсивный онлайн-курс «Продвинутый HTML и CSS»

Интенсивный онлайн-курс Продвинутый HTML и CSS

Интенсив предназначен для тех, кто прошёл базовый курс или уже уверенно владеет вёрсткой. Здесь мы «прокачаемся» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.

В процессе обучения будут использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть завязана на Git и GitHub, в работе активно используются средства автоматизации.

Содержание курса:
01. Вводный
02. Методологии
03. CSS-препроцессоры
04. Адаптивность сетки
05. Флексбокс
06. Адаптивность: графика
07. Производительность вёрстки
08. Автоматизация
09. Инструменты ускорения вёрстки
10. Финал

Video: AVC, 1728×1080, 30.000 FPS, 735 kb/s
Audio: AAC LC, 48.0 kHz, 2 channels, 235 kb/s

Можно всегда скачать с облака: Здесь
Год: 2020
Язык: русский
Формат: mp4
Размер: 8.43 GB

HTML Академия — интерактивные онлайн-курсы

Сегодня про HTML Академию. Это группа ребят, которая занимается обучением нас и вас веб-разработке. Подучился там, и мне понравилось. Рассказываю.

Чему учат

Учат фронтенду, главным образом верстке. В последнее время начали двигаться в сторону веб-программирования. Если вкратце о том, что это такое, то прямо сейчас нажимаем F12 и в открышемся инструменте разработчика смотрим на код этой страницы. Так страница выглядит изнутри, такой мы ее создаем, в таком виде она отправляется в ваш гугл хром. Вот этому и учат.

Это языки HTML и CSS, а процесс создания страницы называется версткой. В каком-то смысле это похоже на верстку газет и журналов: берем контент и разбрасываем его по странице. Однако чтобы сверстать сайт, нужно написать код. Дизайнер рисует макет сайта, отправляет картинки верстальщику. Верстальщик берет эти картинки и пишет HTML и CSS так, чтобы картинки превратилась в интерактивные страницы сайта. С этого начинается интернет.

Кого учат

Учат всех. Большое внимание уделяют новичкам. Будь ты хоть айтишником, хоть проституткой, можешь прямо сейчас пойти на сайт Академии и сразу же начать учиться. Знаний о компьютерах, программировании или математике не требуется. Не требуется никаких дополнительных программ и настроек компьютера. Все с нуля.

У самого процесса верстки и у языков HTML и CSS очень низкий порог вхождения. Пишешь несколько символов и сразу же видишь результат. В дальнейшем, конечно, потребуются какие-то программы и настройки, всплывут сложности, и начнется наука. Нужна будет помощь и наставники. Но это все будет потом. А сейчас нужно сделать первый шаг, который совсем не сложный.

Как учат

Верстальщики академии встроили браузер тебе в браузер, чтобы ты мог верстать сайт внутри сайта. Выглядит это примерно так:

Дается небольшой кусок теории и соответствующее задание. Пишешь код, система проверяет, защитывает задание, переходишь к следующему. Переодически даются задания-испытания: сверстать кусок по образцу. Тут уже побольше практики.

На текущий момент в академии уже почти двадцать курсов по основам верстки. Курсы сильно раздроблены, и это очень удобно. Можно заниматься присестами и по пять минут, и по пять часов. Маленькие куски информации хорошо усваиваются.

Как мотивируют

Обучение геймифицированно. За прохождение заданий выдаются очки. Испытания можно проходить на 100%. За различные успехи студентов автоматически награждают виртуальными ачивками. Прогресс, очки, ачивки выносятся в профиль. Можно мериться писюнами с друзьями.

У Академии есть маскот — кот Кекс. Это настоящий, живой кот. Домашний питомец их вождя Александра. И вообще в процессе обучения много котиков. И енотов. Еще у них есть магазин с футболками и наклейками.

Раз в месяц шлют рассылку (добровольно, конечно) с выборкой полезных статей и новостей. Иногда пишут в блог. Завели «влог». Учавствуют в записи подкастов.

Как зарабатывают

Помимо базовых курсов предлагают еще двадцатку продвинутых курсов. Эти курсы доступны только по платной подписке.

Ограничивают количество проверок испытаний. Снимают ограничения при наличии той же платной подписки.

Регулярно проводят онлайн-интенсивы: лекции и домашки, преподаватели и наставники. Стоит отдельных денег.

Официальные документы

В 2020-ом Академия получили лицензию на образовательную деятельность. Если честно, то я не знаю на сколько это круто или не круто, но это должно стать плюсом при выборе Академии и их услуг. Посмотреть документы можно по ссылке: https://htmlacademy.ru/docs/license

Ссылки

  • Непосредственно сайт:
    https://htmlacademy.ru/?ref=170520 (ссылка реферальная)
  • Мой профиль в Академии:
    https://htmlacademy.ru/profile/ >https://vk.com/htmlacademy

Интенсивы

  • Базовый HTML и CSS:
    https://htmlacademy.ru/intensive/htmlcss
  • Продвинутый HTML и CSS:
    https://htmlacademy.ru/intensive/adaptive
  • Базовый JavaScript:
    https://htmlacademy.ru/intensive/javascript
  • Продвинутый JavaScript:
    https://htmlacademy.ru/intensive/ecmascript
  • Базовый PHP:
    https://htmlacademy.ru/intensive/php

Про интенсивы расскажу позже, а пока вот вам скидос в 800 рублей по моей партнерке: 1705204bbef

Критика

У Академии одна проблема: сапожники без сапог. Сам сайт четенько работает, но выглядит так себе. Графон не подтянут под ретину, тут и там встречаются куски бутстрапа, разные страницы исполнены в разных стилях. Лендосы последних интенсивов — полотно текста с кучей таблиц.
UPD: Академия растет и развивается. Сайт себе сделали. Собственный стиль выработали.

Code Academy

Справедливости ради, надо сказать, что идея не нова. Похоже, что первыми все-таки был загранично-буржуйский ресурс Code Academy. Расследованиями я не занимался и не буду, но можно рассказать про Code Academ`ею и кто там у кого в комментариях.

Интенсивный онлайн-курс Продвинутый HTML и CSS

Стоимость: 200 руб.


HTML Academy | Интенсивный онлайн-курс Продвинутый HTML и CSS (2020) PCRec

Год выпуска: 2020
Производитель: HTML Academy
Сайт производителя: htmlacademy.ru/intensive/adaptive
Продолжительность: 17:59:51
Тип раздаваемого материала: Видеоурок
Язык: Русский
Описание: Интенсив предназначен для тех, кто прошёл базовый курс или уже уверенно владеет вёрсткой. Здесь мы «прокачаемся» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.
В процессе обучения будут использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть завязана на Git и GitHub, в работе активно используются средства автоматизации.

Содержание

  • 01. Вводный
  • 02. Методологии
  • 03. CSS-препроцессоры
  • 04. Адаптивность сетки
  • 05. Флексбокс
  • 06. Адаптивность: графика
  • 07. Производительность вёрстки
  • 08. Автоматизация
  • 09. Инструменты ускорения вёрстки
  • 10. Финал

Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC/H.264, 1600×900-1728×1080,

735-988 Kbps
Аудио: AAC, 2 ch, 235 Kbps, VBR
Доп. информация: Время раздачи: (до появления первых 3-5 скачавших)

Скачать видео уроки по HTML и CSS для начинающих бесплатно

Продвинутый HTML и CSS – этот обучающий курс станет отличным подспорьем для пользователей, пробующих себя на поприще верстки. Но данный курс оценят и опытные верстальщики, которые нуждаются в систематизации имеющихся знаний.

HTML и CSS — главные стилевые и разметочные языки, применяемые при создании веб-страниц. Данный курс позволяет познакомиться с языковыми основами разметки HTML, узнать о главных способах применения CSS, а также основах строительства сайтов. Пользователь получает знания, которые будет применять для создания сайтов через статические страницы в Интернете. Всем кто решил освоить эти знания советуем скачать курс Продвинутый HTML и CSS для начинающих бесплатно и без регистрации на нашем сайте.

Для пользователей, имеющих навыки по верстке простых сайтов имеется курс «Продвинутый HTML и CSS», где рассматриваются вопросы адаптивной и резиновой верстки, по препроцессорам, флексбоксам, графике векторов, производительности, автоматизации.

Итак, изучив курс вы приобретете навыки по строительству сайтов, статических страниц в Интернет-сети. Эти знания являются базовыми и помогут в дальнейшем изучать веб- технологии, что важно, если в ваших планах есть пункт – стать веб-дизайнером или веб-мастером. Стоит обратить внимание на то, что этот учебный видеокурс HTML и CSS самоучитель скачать через торрент возможно бесплатно для домашнего использования.

Какие навыки дает обучающий курс Продвинутый HTML и CSS?

— Создание веб-страниц с текстом, гиперссылками, графической составляющей;

— Возможность создания полноценного сайта на основе полученных знаний, определив иерархию взаимодействия веб-страниц друг с другом;

— Разработка интерактивных форм взаимодействия пользователя и веб-сервера;

— Использование таблиц стилей CSS, чтобы улучшить оформление веб-сайта;

— Работа с технологией фреймов.

В рамках учебного процесса вам предстоит осуществлять работу профессиональных верстальщиков, делать разметку, применяя методы БЭМ, прописывать CSS-код на препроцессорах, делать сетку адаптации, взаимодействовать с адаптивной, резиновой графикой, готовить автоматизированную сборку проекта с целью его дальнейшей публикации.

Вам предстоит работать с учебными макетами, занимаясь их версткой, причем макеты будут и простые, и очень сложные. Вам придется заняться интерактивной пошаговой демонстрацией процесса верстки, в рамках которого можно будет проводить эксперименты с кодом. Хочется еще раз посоветовать всем пользователям бесплатно скачать видео уроки по CSS и HTML, весь курс озвучен на русском языке и понятен для юзеров.

Пользователь прослушает в рамках обучающего курса лекции, посетит семинары, во время которых учитель расскажет и продемонстрирует новый дидактический материал, а на скринкастах можно будет заняться изучением дополнительных вопросов.

Для легкости и эффективности обучения пользователю предлагаются статьи по тематике, для всех разделов интенсива своя подборка текстов.

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

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

СКАЧАТЬ [HTML Academy] Интенсивный онлайн-курс «Продвинутый JavaScript» 2020

Анонимус

Название: Интенсивный онлайн-курс «Продвинутый JavaScript» 2020
Автор: HTML Academy

начальный уровень: средний
Интенсив предназначен для тех, кто прошёл базовый интенсив или уже уверенно владеет азами программирования на JavaScript. Для прохождения интенсива нужны навыки HTML и CSS, для получения которых достаточно пройти бесплатные интерактивные курсы на HTML Academy.

Профессиональный рост
Этот интенсив предназначен для «прокачки» верстальщика до полноценного фронтенд-специалиста, востребованного на рынке.

Рабочий процесс как в IT-компаниях
Процесс работы над практическими заданиями построен с использованием систем контроля версий и GitHub.
Раздел 1: инфраструктура

  • работа с системой контроля версий Git
  • рабочий процесс на интенсиве
  • дополнительные инструменты: eslint, npm, gulp

Практика:

Настройка рабочего окружения

Раздел 2: ES2015

  • Спецификация ECMAScript 2015. Поддержка в браузерах, полифиллы
  • Препроцессинг ES2015-кода: babel
  • Система сборки зависимостей: webpack

Практика:

Знакомство со структурой проекта, вводные задания

Раздел 3: Структуры данных. Функциональное программирование. Шаблонизация

  • Структуры данных
  • Стандартные структуры данных в ECMAScript 2015: Map, Set, WeakMap, WeakSet, использование массивов JS как списков
  • Функциональное программирование

Практика:

Шаблонизация: создание DOM-структуры на основе заданной структуры данных

Раздел 4: Тестирование

  • Тестирование
  • Behaviour Driven Development
  • assert

Практика:

Написание тестов на функции для работы со структурой данных

Раздел 5: ООП в ES2015. Компонентный подход

  • Компонентный подход к работе с DOM
  • Паттерн MVC: View
  • Объектно ориентированное программирование. Классы. Наследование

Практика:

Создание DOM-компоненты, наследование

Раздел 6: Проектирование архитектуры приложений


  • Компонентный подход: слабое связывание
  • Паттерн MVC: Controller
  • Состояние приложения
  • Адресная строка

Практика:

Описание связи между данными и DOM-компонентой

Раздел 7: работа с сетью, чтение

  • REST, API
  • AJAX
  • Протокол HTTP. GET-запросы
  • Promise
  • Fetch API
  • MVC: Model

Практика:

Получение данных из API

Обработка полученных данных и интеграция в приложение

Раздел 8: работа с сетью, запись

  • REST
  • Протокол HTTP. POST, UPDATE, DELETE, PATCH-запросы

Практика:

Загрузка данных на сервер из JS

Раздел 9: будущее, продвинутые практики, JS вне браузера

Интенсивный онлайн-курс «Продвинутый HTML и CSS»

We recommend upgrading to the latest Google Chrome or Firefox.

Join GitHub today

GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.

New pull request

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Downloading .

Want to be notified of new releases in frontender-training/htmlacademy-adaptive ?

Launching GitHub Desktop .

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop .

If nothing happens, download GitHub Desktop and try again.

Launching Xcode .

If nothing happens, download Xcode and try again.

Launching Visual Studio .

Permalink

  • © 2020 GitHub , Inc.
  • Terms
  • Privacy
  • Security
  • Status
  • Help

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

HTML Academy | Интенсивный онлайн-курс «Продвинутый HTML и CSS» (2020) (PCRec)

Автор (режиссер): HTML Academy
Жанр: frontend

Описание:
Интенсив предназначен для тех, кто прошёл базовый курс или уже уверенно владеет вёрсткой. Здесь мы «прокачаемся» от верстальщика-новичка до полноценного специалиста, востребованного на рынке.

В процессе обучения будут использоваться те инструменты, которыми должен владеть каждый верстальщик-профессионал. Практическая часть завязана на Git и GitHub, в работе активно используются средства автоматизации.

Продолжительность: 17:59:51
Качество видео: PCRec

Видео: AVC/H.264, 1728×1080,

735-988 Kbps
Аудио: AAC, 2 ch, 235 Kbps, VBR


General
Complete name : C:\torrent\HTML academy\1 Вводный.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (mp42/mp41/isom/avc1)
File size : 983 MiB
Duration : 2h 13mn
Overall bit rate mode : Variable
Overall bit rate : 1 028 Kbps
Encoded date : UTC 2020-05-24 08:08:21
Tagged date : UTC 2020-05-24 08:08:21

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 2h 13mn
Bit rate : 788 Kbps
Width : 1 728 pixels
Height : 1 080 pixels
Display aspect ratio : 16:10
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.014
Stream size : 754 MiB (77%)
Writing library : x264 core 148 r11 a01e339
Encoding settings : cabac=1 / ref=4 / 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=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyram >Encoded date : UTC 2020-05-24 08:08:21
Tagged date : UTC 2020-05-24 08:08:21
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 2h 13mn
Bit rate mode : Variable
Bit rate : 235 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Frame rate : 46.875 fps (1024 spf)
Compression mode : Lossy
Stream size : 225 MiB (23%)
Encoded date : UTC 2020-05-24 08:08:21
Tagged date : UTC 2020-05-24 08:08:21

General
Complete name : C:\torrent\HTML academy\10 Финал.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (mp42/mp41/isom/avc1)
File size : 377 MiB
Duration : 51mn 24s
Overall bit rate mode : Variable
Overall bit rate : 1 024 Kbps
Encoded date : UTC 2020-07-01 11:58:32
Tagged date : UTC 2020-07-01 11:58:32

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 51mn 24s
Bit rate : 784 Kbps
Width : 1 728 pixels
Height : 1 080 pixels
Display aspect ratio : 16:10
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.014
Stream size : 288 MiB (77%)
Writing library : x264 core 148 r11 3b70645
Encoding settings : cabac=1 / ref=4 / 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=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyram >Encoded date : UTC 2020-07-01 11:58:32
Tagged date : UTC 2020-07-01 11:58:32
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 51mn 24s
Bit rate mode : Variable
Bit rate : 235 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Frame rate : 46.875 fps (1024 spf)
Compression mode : Lossy
Stream size : 86.5 MiB (23%)
Encoded date : UTC 2020-07-01 11:58:32
Tagged date : UTC 2020-07-01 11:58:32

General
Complete name : C:\torrent\HTML academy\2 Методологии.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (mp42/mp41/isom/avc1)
File size : 918 MiB
Duration : 1h 51mn
Overall bit rate mode : Variable
Overall bit rate : 1 147 Kbps
Encoded date : UTC 2020-05-27 08:55:48
Tagged date : UTC 2020-05-27 08:55:48

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1h 51mn
Bit rate : 907 Kbps
Width : 1 728 pixels
Height : 1 080 pixels
Display aspect ratio : 16:10
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.016
Stream size : 726 MiB (79%)
Writing library : x264 core 148 r11 a01e339
Encoding settings : cabac=1 / ref=4 / 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=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyram >Encoded date : UTC 2020-05-27 08:55:48
Tagged date : UTC 2020-05-27 08:55:48
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 1h 51mn
Bit rate mode : Variable
Bit rate : 235 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Frame rate : 46.875 fps (1024 spf)
Compression mode : Lossy
Stream size : 188 MiB (21%)
Encoded date : UTC 2020-05-27 08:55:48
Tagged date : UTC 2020-05-27 08:55:48

General
Complete name : C:\torrent\HTML academy\3 CSS-препроцессоры.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (mp42/mp41/isom/avc1)
File size : 819 MiB
Duration : 1h 57mn
Overall bit rate mode : Variable
Overall bit rate : 975 Kbps
Encoded date : UTC 2020-05-31 09:46:37
Tagged date : UTC 2020-05-31 09:46:37

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L4
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1h 57mn
Bit rate : 735 Kbps
Width : 1 728 pixels
Height : 1 080 pixels
Display aspect ratio : 16:10
Frame rate mode : Constant
Frame rate : 30.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.013
Stream size : 617 MiB (75%)
Writing library : x264 core 148 r11 a01e339
Encoding settings : cabac=1 / ref=4 / 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=34 / lookahead_threads=5 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / stitchable=1 / constrained_intra=0 / bframes=3 / b_pyram >Encoded date : UTC 2020-05-31 09:46:37
Tagged date : UTC 2020-05-31 09:46:37
Color range : Limited
Color primaries : BT.709
Transfer characteristics : BT.709
Matrix coefficients : BT.709

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 1h 57mn
Bit rate mode : Variable
Bit rate : 235 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Frame rate : 46.875 fps (1024 spf)
Compression mode : Lossy
Stream size : 198 MiB (24%)
Encoded date : UTC 2020-05-31 09:46:37
Tagged date : UTC 2020-05-31 09:46:37

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

parovozovo

Пользователь

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

753-1170 kbps
Размер кадра: 1152×720-1728×1080
Аудиокодек: AAC 2.0
Битрейт аудио: 235 kbps (CBR), 2 Ch, 48000 Hz

От этой раздачи отличается тем, что это интенсив 2015 года.

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

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

После обучения Вы получите:

  • Профессиональные навыки
    › Полученные навыки позволят вам эффективного решать типовые профессиональные задачи 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 раздел: прогрессивное улучшение

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

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

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

Это базовый интенсив, продвинутый находится здесь.

Скачивание с торрента, а не с облачных хранилищ более приоритетно, поскольку:
1. Скорость ограничена лишь количеством раздающих. А это значит, чем больше людей скачают, тем больше будет скорость для следующих.
2. Можно раздавать файлы большего объема. Практически любого.
3. Не нужно перезаливать, как в случае жалоб правообладателей.

По-этому скачивайте через торрент, оставайтесь на раздаче , и да будет вам счастье.

UPD: Обновленный месячный онлайн-интенсив 17.08-22.09.2015

Интенсив представлен по первым ссылкам записан в начале года. А здесь я залил самый последний на данный момент. Не проверял, но уверен, что они почти одинаковые. По этому тем, кто уже скачал прошлый – качать этот нет смысла.

Video: AVC, 1728×1080, 30.000 fps, 1116 Kbps
Audio: AAC LC, 48.0 KHz, 2 channels, 235 Kbps

Год: 2015
Язык: русский
Формат: pdf, mp4
Размер: 10.14 GB

HTML Academy. Интенсивный онлайн-курс «Продвинутый HTML и CSS» (2020)

Тема в разделе «Видеокурсы», создана пользователем Krump, 11 июл 2020 .

Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно.
Необходимо обновить браузер или попробовать использовать другой.

ЭТО ОБЪЯВЛЕНИЕ ДЛЯ НОВЫХ ПОЛЬЗОВАТЕЛЕЙ. У КОГО ЕСТЬ ДОСТУП, НЕ ВИДЯТ ЭТОГО ОБЪЯВЛЕНИЯ.

Если вы видите такое сообщение в темах, то у вас просто не оплачен доступ на форум!

У Вас нет прав для просмотра этой страницы или для выполнения этого действия.

HTML Academy | Интенсивный онлайн-курс «Продвинутый HTML и CSS» (2020) PCRec скачать торрент бесплатно

HTML Academy | Интенсивный онлайн-курс «Продвинутый HTML и CSS» (2020) PCRec [H.264]

Автор (режиссер): HTML Academy
Жанр: Веб-дизайн, HTML, CSS

Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации.

Продолжительность: 24: 08: 11
Качество видео: PCRec

Видео: AVC/H.264, 1152-1920×720-1080, 293-1012 Kbps
Аудио: AAC, 2 ch, 235-256 Kbps, VBR

Илон Маск рекомендует:  Код хаффмана
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL
Type Name Latest commit message Commit time
Failed to load latest commit information.
mishka Add files Dec 17, 2020