Программирование [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 нету курса от их ?

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

 

[os]

Принимайте участие в конкурсе от PirateHUB и 1WIN и заберите новый iPhone 16 PRO MAX!

Информация о конкурсе​

 

[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

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

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