[Brad Hussey] Создание веб-сайта с нуля с помощью HTML & CSS

[Brad Hussey] Создание веб-сайта с нуля с помощью HTML & CSS

Build a Website from Scratch with HTML & CSS
Создание веб-сайта с нуля с помощью HTML & CSS

​

Автор: Brad Hussey
Название: Build a Website from Scratch with HTML & CSS
Продолжительность: 8 ч.
Формат: Видеокурс
Перевод: 2 дорожки (оригинал и русская)
Субтитры: на русском и английском
Дополнительно будут переведенные слайды в формате PDF (более 90 слайдов)
Переводчик:Samigg
Гарант: Prametei

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

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

• Основы HTML
• Структура Родительский/Дочерний элемент
• Основы CSS
• ID Селекторы
• Написание кода и стилей
• Из чего состоит веб-страница

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

Содержание и краткий обзор
В данном курсе содержится более 77 лекций и 8 часов контента, которые дадут вам основы, позволят вам начать понимать HTML и CSS. Данный курс нацелен на то чтобы вы начали писать код с самого начала, так что вы будете учиться через практику, вы так же к концу курса создадите свою собственную полностью работающую HTML и CSS веб-страницу.

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

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

Спойлер: Учебный план курса

Раздел 1: Начнем
Лекция 1: Добро пожаловать и Что мы изучаем
Лекция 2: Что такое HTML и CSS?
Лекция 3: Структура документа HTML: теги, атрибуты и элементы
Лекция 4: Конвенция имен файлов и папок
Лекция 5: Типичная структура файлов и папок вебсайта
Лекция 6: Настраиваем файлы проекта
Лекция 7: Инструменты продажи

Раздел 2: Основы HTML: Часть I
Лекция 8: Начнаем свою первую веб-страницу
Лекция 9: DOCTYPE
Лекция 10: Базовая структура HTML документа
Лекция 11: Название страницы
Лекция 12: Заголовки
Лекция 13: Параграфы
Лекция 14: Курсив и Жирный текст
Лекция 15: Структура родительский/дочерний элемент в HTML
Лекция 16: Замарай свои руки

Раздел 3: Основы HTML: Часть II
Лекция 17: Гиперссылки
Лекция 18: Списки
Лекция 19: Изображения
Лекция 20: Тег Address
Лекция 21: Замарай свои руки!

Раздел 4: Основы HTML: Часть III
Лекция 22: Таблицы
Лекция 23: Формы
Лекция 24: Специальные символы HTML
Лекция 25: Замарай свои руки!

Раздел 5: Основы HTML: Часть IV
Лекция 26: IDs и классы
Лекция 27: Элементы Span и Div
Лекция 28: Header и Footer
Лекция 29: Элементы Nav, Section и Article
Лекция 30: Элемент Aside
Лекция 31: Элемент Time
Лекция 32: Аббревиации и кавычки
Лекция 33: Замарай свои руки!

Раздел 6: Основы CSS: Часть I
Лекция 34: Правило Стиля
Лекция 35: Стили в строке
Лекция 36: Внутренние стили
Лекция 37: Внешние стили
Лекция 38: CSS Селекторы, свойства и значения
Лекция 39: Наследование свойств стилей
Лекция 40: Пиксели, проценты, точки и em!
Лекция 41: Замарай свои руки!

Раздел 7: Основы CSS: Часть II
Лекция 42: ID селекторы
Лекция 43: Селекторы классов
Лекция 44: Селекторы потомка
Лекция 45: Групповые селекторы
Лекция 46: Замарай свои руки
Лекция 47: Замарай свои руки — Небольшое обновление

Раздел 8: Основы CSS: Часть III
Лекция 48: Коробочная модель
Лекция 49: Colours (или Colors)
Лекция 50: Оформление и форматирование текста
Лекция 51: Сексуальные шрифты
Лекция 52: Рамки
Лекция 53: Фоновые изображения
Лекция 54: Стилизуем формы
Лекция 55: Замарай свои руки!

Раздел 9: Основы CSS: Часть IV
Лекция 56: Стилизуем ссылки
Лекция 57: Блочные и строчные элементы
Лекция 58: Свойства Float и Clear
Лекция 59: Позиционирование CSS
Лекция 60: Специфика CSS
Лекция 61: Замарай свои руки! (Часть1)
Лекция 62: Замарай свои руки! (Часть 2)

Раздел 10: Соединяем все вместе
Лекция 63: Финальный обзор веб-сайта
Лекция 64: О файлах курса
Лекция 65: HTML: Кодирование Header и Hero
Лекция 66: HTML: Кодирование основного контента
Лекция 67: HTML: Кодирование блока «Новости и события»
Лекция 68: HTML: Кодирование Footer
Лекция 69: CSS: Добавление Normalize.css
Лекция 70: CSS: Основные стили и оформление
Лекция 71: CSS: Оформление Header
Лекция 72: CSS: Оформление Hero
Лекция 73: CSS: Оформление основного контента
Лекция 74: CSS: Оформление блока «Новости и события»
Лекция 75: CSS: Оформление Footer
Лекция 76: Законченный продукт и подведение итогов
Лекция 77: В каком направлении двигаться дальше и Бонусы

Спойлер: Об авторе

Высококвалифицированный профессионал, Бред Хасси является страстным и опытным веб-дизайнером, разработчиком, блоггером и цифровым бизнесменом. Бред родом из города Йеллоунайф, который находится у северной границы Канады. Чтобы получить хорошее образование, развить в себе необходимые навыки и стать одним из главных людей в решении проблем веба, создания дизайнерских решений и обсуждения проблем программирования он переехал из Йеллоунайфа на восточное побережье Канады в город Ванкувер.

Решительность Бреда и любовь с которой он занимается своим делом привела его в очень интересные места, где он встретился с отличными людьми. Для него было большей честью работать с ними, предоставлять им решения их проблем. Он работал с огромным количеством компаний. Это были как мелкие, так и крупные игроки по всей Америке.

Бред пишет веб-сайты на заказ. Он так же предоставляет дизайнерские решения для огромного количества клиентов своей компании Brightside Studios. Он постоянно пишет статьи на тему пассивного дохода и жизни на полную катушку. Он так же предоставляет высококачественные учебники и курсы по веб-дизайну для десятков тысяч отличных людей, которые желают овладеть данным ремеслом.

40,000 Студентов не могут врать

Присоединяйтесь к Бреду и приключению в мир веб-дизайна, веб разработки и обсуждения кода. Вы об этом не пожалеете!

Демо от Samigg:

​

Переводы курсов Брэда Хасси (доступные для членов клуба):
Курс верстки PSD в HTML5/CSS3: Ручное кодирование красивого сайта за 4-часа!
Учебник по Twitter Bootstrap 3 - Основы Bootstrap для начинающих программистов

Собираемся на новый курс Бреда Хасси в 4-х частях:
[Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 1
[Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 2
[Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 3
[Brad Hussey] Разработка тем для WordPress с помощью Bootstrap - Часть 4

 

Предложение: разбить курс на 2 или 3 части

1. Основы хтмл
2. Основы цсс
3. Вёрстка

 

Я правильно понимаю, что стоимость перевода в 5 раз превышает стоимость самого курса?
Обижать никого не хочу, любопытство

 

Цена складчины выставлена с учётом стоимости курса, т.е. конечная.

 

Новое сверхдоходное направление - переводчик на складчине, не зависимо от стоимости курса, автор берет солидный заработок.
А главное конкуренции нет, поэтому даже не возражают по поводу цены)
Складчиков конечно же никто не заставляет участвовать, но все же.

 

Мое мнение - стоимость перевода обоснованная. Ведь перевод - это:

1. Потраченное время
2. Умение донести мысль переводимого текста
3. И знание специфики темы курса

Конкуренции практически нет. Но и при её отсутствии нужно приложить хорошие усилия, чтобы добиться положительных отзывов и авторитета.

 

У меня вопрос: Чем лучше западные инфобизнесмены от наших (россия). Извиняюсь если я не прав. У меня сайта нет- только собираюсь. Складчину ищу по созданию сайта.

 

Если честно даже слов нет, если такого вопросы задаете.... Никогда не думали почему все сидят на западных ресурсах? Наверное потому что стабильнеее, прибылние.....

 

кто ВСЕ? и почему СИДЯТ?

 

Если смотреть на курсы от Специалиста,ШП , то CSS HTML- там слезы, лучше купить за 1000 рублей без воды по делу!

 

Слёзы? Да ладно.. Евгений Петров (вроде так зовут) - был препод по HTML/CSS в Специалисте (курсы в паблике которые от 2010) - я лучшего препода по этой теме никого не слышал. Уж так все разжевано и дотошно (в хорошем смысле) по моему никто не преподавал. Причем очень грамотно, с постоянной отсылкой к официальной спецификации и т.п. Борисов тот же по PHP/web-программированию. Или например Advanced Training (сетевые технологии) - тоже отличные преподы и спецы. И даже частные типа ШП и ШСТ буквально на глазах поднимают свой уровень.
И вобще считаю (исключительно лично) что "культ Линды" - именно что культ, не всегда оправданный. Наши преподаватели ничуть не хуже (а имхо иногда даже и лучше). Мне лично не нравится "зарубежная" манера подачи материала, словесный интенсив, всякая взбалмошность и прочие атрибуты "современного обучения". Да на курсы от наших УЦ придется потратить гораздо больше времени (живое обучение все таки в основном, а не отредактированная запись), но кто хочет именно научиться и что то освоить - ему времени не будет жалко. ибо на пользу.

Прошу прощения за весь этот оффтоп.

Если сказать по теме то:

Я бы убрал как минимум 1 часть. Цена бы значительно снизилась, переводчику меньше работы. Вот верстку интерестно посмотреть и послушать.
Ну за HTML (тем более основы) уже должно быть стыдно платить такие деньги
Хотя с другой стороны пропадет целостность конкретного курса и авторской подачи материала. Этот тоже какбэ не дело. Тут бы голую совалку прикрутить

 

Лично мне попадались буржуйские курсы хуже. Я без фанатизма. Кроме тех, которые стоят очень дорого, и возможно узкоспециализированные. Поищите курсы Александр Куртенев, у него есть простые и понятные курсы по Joomla, и там есть основы "создания сайтов"

 

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

Samigg, сколько примерно времени уйдет на перевод курса со слайдами?

 

Да, в конце месяца могу приступить к переводу. У меня приблизительно 10% данного курса уже готово, начинал над ним работу на январских праздниках. В целом на перевод курса потребуется еще около 1,5 - 2 месяцев. Посмотрим сколько будет человек в конце апреля и решим переводить или еще подождать.

 

Добавил. Только видишь ли в чем дело. Гарантии никто не может дать, так как сколько раз уже было:

А если бы складчики не выписывались, плюс наоборот еще записалось десяток-другой, то глядишь цена была бы меньше 300 рублей, но в реальности стало больше. А всё из-за того, что кого там цена испугала и как только один побежал, тут же включается стадный инстинкт и паническое бегство.
Какой ОРГ может дать гарантии? Да не какой.
При нынешней ситуации - недобросовестности некоторых складчиков, которые подводят переводчика и ОРГа своим бегством.
Никаких гарантий, только приходится рассчитывать примерно, а как будет никто не знает.
Потом вверху стоит голосование:

Посмотрим дальше, как время покажет. Может еще удастся сбить стоимость до 400 руб.
Так что судьба перевода курса в руках самих складчиков.
Хотят ознакомиться поскорее так пусть продвигают и рекламируют складчину.
Нужно набрать еще столько же народу, прежде чем переводчик смог начать перевод .

 

Приступил к переводу

 

Здорово!!! Ждем с нетерпением!

 

Здорово то здорово, но народ как-то не спешит записываться и снижать цену.
Члены клуба ставьте в подпись складчину, чтобы привлечь еще больше складчиков, в ваших же это интересах.

 

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

 

Старта не будет в этому месяце, пока собираемся и снижаем цену.

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