WebForMySelf | HTML5 и CSS3 с нуля до профи (2016) PCRec

Автор (режиссер): Андрей Бернацкий
Жанр: HTML5, CSS3, web

Описание:
Без преувеличения на сегодняшний день это самый полный и актуальный курс в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков, образующих собой пошаговую практическую систему.

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

В нашем новом курсе ВСЕ макеты верстаются сразу АДАПТИВНЫМИ и КРОССБРАУЗЕРНЫМИ.

Изучение курса построено по принципу «от простого к сложному» и от «теории к практике».

Я не просто научу вас верстать простейшие веб-страницы, мы с вами очень подробно (вплоть до малейших деталей) проработаем верстку на примере трех различных по своей сложности наиболее популярных видов веб-сайтов в современном Интернете:

• сайта-визитки

• блога и...

• интернет-магазина

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

Видео: AVC/H.264, 1024x768, ~283 - 681 Kbps
Аудио: AAC, 2 ch, 106 Kbps

ПЕРВАЯ ЧАСТЬ
Верстка макета сайта-визитки

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки для страницы
Урок 3. Описание стилей шапки сайта
Урок 4. Описание стилей основного блока сайта. Часть1
Урок 5. Описание стилей основного блока сайта. Часть2. Заключение

ВТОРАЯ ЧАСТЬ
Верстка макета блога

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки шапки сайта
Урок 3. Подключение нестандартных шрифтов
Урок 4. Описание стилей шапки сайта
Урок 5. Описание разметки основного блока сайта
Урок 6. Описание разметки блока постов
Урок 7. Назначение стилей для блока постов
Урок 8. Описание разметки боковой колонки
Урок 9. Назначение стилей для боковой колонки
Урок 10. Описание разметки постраничной навигации
Урок 11. Назначение стилей для постраничной навигации
Урок 12. Верстка footer’а сайта
Урок 13. Доработка верстки макета
Урок 14. Адаптация верстки под мобильные устройства. Часть 1
Урок 15. Адаптация верстки под мобильные устройства. Часть 2
Урок 16. Добавление эффектов CSS3 на страницу. Часть 1
Урок 17. Добавление эффектов CSS3 на страницу. Часть 2

ТРЕТЬЯ ЧАСТЬ
Верстка макета интернет-магазина

Урок 1. Введение
Урок 2. Подключение нестандартного шрифта к странице
Урок 3. Определение разметки шапки сайта
Урок 4. Описание стилей шапки сайта. Часть 1
Урок 5. Описание стилей шапки сайта. Часть 2
Урок 6. Подключение слайдера к странице
Урок 7. Назначение стилей и настройка слайдера
Урок 8. Описание разметки блока новостей
Урок 9. Назначение стилей для блока новостей
Урок 10. Описание разметки блока «Популярные продукты»
Урок 11. Назначение стилей для блока «Популярные продукты». Часть 1
Урок 12. Назначение стилей для блока «Популярные продукты». Часть 2
Урок 13. Улучшение блока «Популярные продукты»
Урок 14. Описание разметки блока «О магазине»
Урок 15. Назначение стилей для блока «О магазине»
Урок 16. Описание разметки блока «Подписка»
Урок 17. Назначение стилей для блока «Подписка»
Урок 18. Описание разметки для footer’a
Урок 19. Назначение стилей для блока «footer»
Урок 20. Делаем макет адаптивным. Часть 1
Урок 21. Делаем макет адаптивным. Часть 2
Урок 22. Делаем макет адаптивным. Часть 3
Урок 23. Делаем макет адаптивным. Часть 4
Урок 24. Делаем макет адаптивным. Часть 5
Урок 25. Заключение

БОНУС 1
Премиум курс. Учебник по основам HTML

Урок 1. Введение. Основы HTML
Урок 2. Структура HTML документа
Урок 3. Теги форматирования текста
Урок 4. Изображения
Урок 5. Ссылки. Ссылки-изображения
Урок 6. Списки
Урок 7. Таблицы
Урок 8. Формы

БОНУС 2
Премиум курс. Учебник по основам CSS

Урок 1. Способы подключения
Урок 2. Назначения классов и id
Урок 3. Свойства шрифта
Урок 4. Свойства текста
Урок 5. Фон
Урок 6. Ширина, высота. Тег Div и Span
Урок 7. Рамка
Урок 8. Отступы
Урок 9. Основы CSS. Float, Clear, Display
Урок 10. Основы CSS. Свойство position

БОНУС 3
Премиум курс. Верстка сайтов для начинающих

Урок 1. Определение разметки
Урок 2. Описание разметки
Урок 3. CSS шапки сайта
Урок 4. CSS области контента
Урок 5. Доработка верстки

БОНУС 4
Премиум курс. HTML 5: основы

Урок 1. Структура документа HTML 5
Урок 2. Обзор тегов header и footer
Урок 3. Тег article
Урок 4. Тег section
Урок 5. Теги nav, main и aside
Урок 6. Теги figure и figcaption
Урок 7. Кроссбраузерное оформление
HTML 5 тегов
Урок 8. Тег input. Новые типы тега в html 5.
Часть 1
Урок 9. Тег input. Новые типы тега в html 5. Часть 2
Урок 10. HTML 5 video. Вставка видео на сайт
Урок 11. HTML 5 audio. Вставка аудио на сайт
Урок 12. HTML 5 canvas. Рисование в HTML 5
Урок 13. HTML 5 geolocation. Определение местоположения в HTML 5

БОНУС 5
Премиум курс по CSS3

Урок 1. Работа с фоном в CSS3
Урок 2. Тени и закругленные углы
Урок 3. Прозрачность фона, картинки, текста и цвета в CSS
Урок 4. Линейные градиенты CSS
Урок 5. Колонки
Урок 6. Радиальные градиенты
Урок 7. Шрифт
Урок 8. Работа с текстом в css 3
Урок 9. Псевдоклассы
Урок 10. Селекторы
Урок 11. Трансформация

БОНУС 6
Анатомия прибыльного лендинг пейдж

Урок 1. Анатомия прибыльного лендинг пейдж

БОНУС 7
Создание лендинг пейдж за один вечер

Урок 1. Введение
Урок 2. Подключаем нестандартный шрифт к странице
Урок 3. Определяем разметку шапки сайта
Урок 4. Описываем стили шапки сайта
Урок 5. Определяем разметку слайдера
Урок 6. Назначаем стили для слайдера
Урок 7. Верстаем блок "Особенности"
Урок 8. Верстаем блок "Галерея"
Урок 9. Определяем разметку блока видео
Урок 10. Описываем стили блока видео
Урок 11. Верстаем блок "Скачать приложение"
Урок 12. Просматриваем макет. Устраняем недочеты
Урок 13. Определяем разметку блока контактов
Урок 14. Описываем стили блока контактов
Урок 15. Верстаем футер
Урок 16. Адаптируем слайдер
Урок 17. Заключение

Просмотр доступен только для зарегистрированных пользователей

Скриншоты:

Время раздачи: 24/7 (до появления первых 3-5 скачавших)

Vadim7423
Извините, что ответил лично вам. Менее всего хотелось вступать с вами в полемику.Просто предупредил зелёных новичков - не учиться плохому.

Thyrane писал(а):

cphrz писал(а):

В 2016-ом пользоваться Dw это О нет

Тоже самое про float....Вместо этого я бы лучше продлил подписку на htmlacademy(не реклама). Это ещё мелочи но это просто атас: nav ul li {float: left;}. Нет слов.

Скажите, а что с nav ul li {float: left;} не так? Если есть более лучший вариант, скажите какой?

inline-block, не, не слышал? А вообще почитайте на досуге: https://habrahabr.ru/post/114256/

kostyshko писал(а):

Vadim7423
Извините, что ответил лично вам. Менее всего хотелось вступать с вами в полемику.Просто предупредил зелёных новичков - не учиться плохому.

100% поддерживаю!

Откровенно говоря курс разочаровал. Немного разбавлен новым материалом, но на 60-70% сверстан из старого материала, допкурс по HTML5 вообще отстой. Да и для создания блога и интернет-магазина можно было бы подобрать более интересные варианты, а не этот хлам. Для бесплатного курса было бы в самый раз. Посмотреть их курс конечно можно, но покупать такое- нет, не хочу. Деньги на ветер.

Правильное название курса "НИ О ЧЕМ". То есть- такое даже даром нет смысла смотреть, даже вредно; а его продавали, между прочим. Не тратьте время.
Совсем недавно у них был курс по Бутстрапу, вел его Андрей Кудлай. Так тот курс заслуживает внимания.
Хотите базовый курс по HTML5 CSS3? Брэд Хасcи вам в помощь. Где-то тут был.
P.S.
Выкладывающему- все равно спасибо за попытку. Вашей вины в этом курсе нет.

jaffagold писал(а):

P.S.
Выкладывающему- все равно спасибо за попытку. Вашей вины в этом курсе нет.

За какую такую попытку? Тут никто не жаждет вашей похвалы.

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

Благодаря их курсам начал неплохо зарабатывать во фрилансе!

Интересо у них будет когда нибудь курс по соверменным фреймворкам laravel, yii2, symfony?

спс вам будут еще в этой версии уроки

Dimentruu писал(а):

nav ul li a {}

Это кошмар

В чем кошмар? ТИпа все в кучу? Или этот курс считаешь лажей??

Просвети неучей)) Только без на Цензура

))) Не хочется лажу изначально познавать.

!	Примечание от Leshiy64:
	2.2. Использование в общении и переписке нецензурной брани или эвфемизмов, обсценной лексики и фразеологии, включая завуалированный мат, а также любое их цитирование. Устное предупреждение, для начала.

Большое спасибо!!!!!

Да курс хороший для новичков! Жаль только про флексбоксы нет ничего. С ними всё гораздо проще, если нужен адаптивный сайт

ajhdfhl писал(а):

Благодаря их курсам начал неплохо зарабатывать во фрилансе!

да ,ладно - меня в Google взяли только благодаря этому курсу! :показывает язык:

Ну тут по крайней мере преподаватель курса не картавый и не шепелявый. И качество звука нормальное