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

[parovozovo]

​

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

Спойлер: Информация о видео:

Автор (режиссер): HTML Academy
Жанр: Фронт-энд
Продолжительность: 19:00:58
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео: ~753-1170 kbps
Размер кадра: 1152x720-1728x1080
Аудиокодек: 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, 1728x1080, 30.000 fps, 1116 Kbps
Audio: AAC LC, 48.0 KHz, 2 channels, 235 Kbps

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

Скачать:

Авторизуйтесь, чтобы посмотреть скрытый контент

​

Макеты из рассылки HTML Academy можно найти здесь.
Возможно Вам так-же будет интересен курс по Javascript от ItBursa.

​

 

[xasd]

parovozovo, по js нету курса от их ?

 

[parovozovo]

parovozovo, по js нету курса от их ?

Нет, от них нету.

 

[PirateCrypto]

Хотите влиться в мир криптотрейдинга, но нет знаний? Доверьте это профессионалам!

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

Выбрав копитрейд сервис, вы вкладываетесь в криптовалюты, но только в те, которые имеют реальный шанс принести доход.

Все что вам остается - это включать бота и разрешить ему торговлю.

Подробнее

 

[parovozovo]

parovozovo, по js нету курса от их ?

Специально для Вас залил этот. Говорят неплохой.

 

[xasd]

Специально для Вас залил этот. Говорят неплохой.

благодарю, но этот я давно нашел) ничего, другим тоже пригодится. Действительно говорят что это лучшее что есть по js на русском языке.

 

[parovozovo]

благодарю, но этот я давно нашел) ничего, другим тоже пригодится. Действительно говорят что это лучшее что есть по js на русском языке.

Мотивация для того, чтобы учить английский. Без него в ИТ все равно никак

 

[neogonna]

Проходил этот интенсив где-то пол года назад)
на мой взгляд, это самые лучшие курсы по верстке

 

[nomoney]

Спасибо за материал! Хотел бы спросить - там на уроке по js в обновленном интенсиве наставник говорит про 2 дополнительных скринкаста по jquery - их нельзя где-нибудь достать?

 

[Hemaru]

Шикарный курс для новичков, пересматривал его 2 раза, СОВЕТУЮ: записывать в тетрадть нужные моменты по мере просмотра видео.

 

[Antek]

@parovozovo, если торренты отличаются на 3Gb, то,наверное, разница какая-то есть.

 

[parovozovo]

@parovozovo, если торренты отличаются на 3Gb, то,наверное, разница какая-то есть.

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

 

[Antek]

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

Вы меня не поняли -
Torrent
(распакованные файлы 7.4Гб, и
Torrent
(распакованные файлы 10.1Гб, раздача 10-24 UTC,)

 

[parovozovo]

Вы меня не поняли -
Torrent
(распакованные файлы 7.4Гб, и
Torrent
(распакованные файлы 10.1Гб, раздача 10-24 UTC,)

Ааам, вот Вы о чем. Ну да, это ведь разные интенсивы, понятно, что они отличаются. Но программа курса у них почти идентична.

 

[Xeka]

Ааам, вот Вы о чем. Ну да, это ведь разные интенсивы, понятно, что они отличаются. Но программа курса у них почти идентична.

Какой курс вы бы посоветовали пройти? Первый или второй?

 

[GeorgeZ]

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

 

[Xeka]

Ааам, вот Вы о чем. Ну да, это ведь разные интенсивы, понятно, что они отличаются. Но программа курса у них почти идентична.

Какой именно торрент - 11 интенсив? То есть последний.

 

[sa93n]

что это?

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

 

[Dropshey]

Почему то не получаться скачать с торрент ссылки,при нажатии на нее пишет что:"Не удается получить доступ к сайту".В чем может быть проблема?

 

[sa93n]

Почему то не получаться скачать с торрент ссылки,при нажатии на нее пишет что:"Не удается получить доступ к сайту".В чем может быть проблема?

Вот свежий

Авторизуйтесь, чтобы посмотреть скрытый контент

 

[arrow_sl]

2016 базовый + продвинутый HTML И CSS

Авторизуйтесь, чтобы посмотреть скрытый контент

Авторизуйтесь, чтобы посмотреть скрытый контент