Курс верстки PSD в HTML5/CSS3: Ручное кодирование красивого сайта за 4-часа!

Курс верстки PSD в HTML5/CSS3: Ручное кодирование красивого сайта за 4-часа!
PSD to HTML5/CSS3: Hand Code a Beautiful Website in 4-Hours!

​

Автор: Brad Hussey
Название: PSD to HTML5 CSS3 Hand Code a Beautiful Website in 4-Hours!
Продолжительность: 3 ч. 45 м.
Формат: Видеокурс
Переводчик:Samigg
Гарант: Prametei

Лучший способ изучения HTML5 и CSS
Курс верстки PSD в HTML5/CSS3 - это простой курс в котором вы научитесь вручную переводить макет из Photoshop в прекрасный,
семантически верный HTML5 и CSS3 веб-сайт.

Вот тут вы можете увидеть веб-сайт, который мы напишем в данном курсе:

Начните говорить на языке с самого начала
Точно так же как вы изучаете иностранный язык, лучший способ его выучить это говорить на нем с первого дня.
Система обучения в данном курсе очень похожа на изучение иностранного языка,
так что мы начнем говорить на HTML5 и CSS3 с самого начала.

Я верю, что нет лучшего способа изучить HTML5 и CSS3!

Это просто. Это легко. Вы сможете это сделать!
Если вы всегда хотели узнать как создать свой собственный веб-сайт или вы хотели узнать простой,
исчерпывающий способ как погрузиться в мир HTML5 и CSS3 этот курс определенно вам подойдет.

Так чего же вы ждете?
Хотели бы вы написать свой первый веб-сайт за 4 часа? Давайте сделаем это!

Спойлер: Содержание

Раздел 1: Введение
1. Welcome to PSD to HTML5 & CSS3

Раздел 2: Подготовка
2. What we are building
3. What you need to start
4. Setting up our Folder Structure
5. Code Chunks

Раздел 3: PSD
6. Becoming Familiar with the Layout
7. Gathering Assets & Saving for Web
8. Photoshop Pop Quiz!

Раздел 4: HTML
9. Coding an HTML5 Skeleton
10. Coding the "Header"
11. Coding the "Content Section"
12. Coding the "Footer"
13. HTML5 Pop Quiz!

Раздел 5: CSS
14. Adding a Stylesheet to your Website
15. Normalize vs. Reset: What is the difference?
16. Global Styles & Typography
17. Layout: Styling the Navigation Bar
18. Layout: Styling the Header
19. Layout: Styling the "Content Section" — Part I
20. Layout: Styling the "Content Section" — Part II
21. Layout: Styling the Footer
22. CSS3 Pop Quiz!

Раздел 6: Валидация
23. Validating your HTML5
24. Validating your CSS3
25. Validation Pop Quiz!

Раздел 7: Заключение
26. Review

Раздел 8: Бонус лекция
27. How to Buy Domain & Hosting for your Website

Спойлер: Видео

​

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

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

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

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

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

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

Демо от Samigg:

​

Курсы Бреда Хасси:
Учебник по Twitter Bootstrap 3 - Основы Bootstrap для начинающих программистов
Создание веб-сайта с нуля с помощью HTML & CSS

 

Ищется грамотный, профессиональный переводчик.
Может @Силя Сильхи, возьмется за перевод этого курса .

 

Мог бы взяться, но чуть позже ))

 

Ищи среди фрилансеров, Prametei - ты толковый орг, уверен с задачей организовать переводчика справишься.

 

Хорошо, будем ожидать, когда будет возможность перевести курс .
Потом демо-ролик сделаешь, как народу соберется достаточно и цену озвучишь за перевод.

Ну, далеко не нужно ходить, на складчике хватает хороших переводчиков, вот Силя уже на примете есть .

 

Это можно узнать из демо в три минуты вырезка - достаточно того чтобы знать как товарищ наложит на дорожку свой голос и будет соответствовать ни как глухо-немое кино, а то что в действительности происходит на экране.
Простыми словами, дикция переводчика должна проработана быть на почетном уровне.
Если голос такой как у Евгения Попова, с прищепкой в носу или на гениталиях — это сразу Shift (CMD iMac) + Delete.

Голос, и есть товар - оценка которому будет дана каждым складчиком!

 

Могу заняться переводом данного курса. Вот мой сэмпл:

 

Первый кандидат уже есть. Подождем, что сами выскажутся складчики.
Может кто-то еще сделает демки?@Samigg, а можешь сделать еще одно видео из середины курса?

 

@Prametei, да, могу, переведу видео под названием: "Adding a Stylesheet to your Website" из раздела CSS. Перевод сделаю завтра.

 

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

 

Возможно будет демка от меня - примерно до конца недели.

 

Вот еще один кандидат намечается, будем ждать демо, посмотрим, послушаем, сравним .

 

@Prametei 13500 руб за перевод и еще 1500 за курс т.к. некоторые видео из курса, которые есть в свободном доступе - битые. Таким как раз и оказалось видео "Adding a Stylesheet to your Website". Поэтому вместо этого видео я переведу "Coding the Footer" из раздела HTML. Озвучу с толком, чувством, расстановкой На перевод целого курса понадобится 2 недели (Перевод первых текстовых лекций, перевод и озвучка видео).

 

было б хорошо в дополнение иметь и субтитры, чтобы и англ под натаскивать

 

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

 

@Prametei Отлично. Вот мой перевод видео Coding the Footer

 

Перевод отличный.

Эта тема твоя

 

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

 

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

 

Мне нравится, но фон английского ректора, чуть чуть потише