[Udemy] Разработка тем для WordPress с помощью Bootstrap. RUS (Бред Хасси)
Автор: Brad Hussey
Название: WordPress Theme Development with Bootstrap
Продолжительность: ~ 12 часов
Формат: Видеокурс
Перевод: Русская озвучка
Переводчик: Samigg
Описание
Вы хотите расширить ваши знания по HTML, CSS и PHP и научиться тому как использовать их в бизнесе, или же, позволит вам зарабатывать в качестве фрилансера?
Кем бы вы ни были - дизайнером-фрилансером, предпринимателем, сотрудником компании, в поисках нового направления, или пишите код в качестве хобби - этот курс научит вас тому, что позволит вам, либо:
Зарабатывать деньги на стороне
Так, что вы сможете накопить на отпуск, который вы так хотите, сможете рассчитаться с долгами - за машину, ипотеку, или, просто, получите дополнительные деньги, которые можно тратить на что угодно.
Создать постоянный доход
У разработчиков на WordPress есть различные варианты. Очень многие разработчики живут исключительно тем, что создают темы на WordPress и продают их на таких сайтах как ThemeForest. Фрилансеры-дизайнеры и разработчики так же могут создать проект на WordPress и начать зарабатывать дополнительные $1,000 - $5,000 в месяц.
Кому стоит записаться на данный курс?
Графические и Web-Дизайнеры
Графические дизайнеры очень талантливы, но попросите их написать код их дизайна и они оцепенеют! Из-за этого у них нет выбора, кроме как нанять web-разработчика. Любой профессиональный графический дизайнер знает, что найм web-разработчика может быть довольно дорогим.
Если вы дизайнер, изучение того, как написать ваш собственный сайт на WordPress может абсолютно изменить ваш бизнес! Теперь вы будете ценным не только как отличный дизайнер, но и как разработчик, который может сделать все! Так вы сможете зарабатывать дополнительные $1,000 - $5,000 с каждого проекта.
Предприниматели
У предпринимателей есть мечты и во многих случаях их бюджет ограничен. Чтобы выжить в этом мире очень важно иметь отличный веб-сайт. Так или иначе отличный веб-сайт стоит огромных денег.
Если вы научитесь создавать высококачественные веб-сайты для стартапов самостоятельно, то вы сэкономите целую кучу денег, во многих случаях сумма доходит до $10,000.
Каждая компания знает, что обучение и тренинг своих работников это ключ к процветанию команды.
В зависимости от типа компании в которой вы работаете, если вы понимаете как писать код и можете разработать веб-сайт на CMS, то вы можете начать вести переговоры с руководством о переводе на более престижную должность, или насчет повышения зарплаты.
Пишите код в качестве хобби
Очень весело учиться новому. Вы сможете добавить в свой арсенал создание динамических веб-сайтов. Вы даже сможете продать темы и плагины для WordPress! Возможности безграничны.
Люди, которые ищут новую работу
У вас нет работы? Ищите более высокооплачиваемую работу? Мечтаете о работе, которая позволит вам работать, практически, где угодно в мире? Возможно вам стоит стать веб-разработчиком.
Веб-разработчики отлично зарабатывают, от $33,000 до более чем $105,000 в год. Они либо работают в прекрасных компаниях, которые меняют мир, или же они создают свои собственные компании, становятся независимыми от места и работают из дома, из кофеен, в самолете, на пляже, или, где угодно!
Что получим в конце проекта?
На протяжении всего курса вы будете работать над созданием прекрасного, на 100% написанном вами с использованием Bootstrap, веб-сайта. Ваш веб-сайт на Bootstrap не будет выглядеть как типичный веб-сайт на Bootstrap, множество примеров которого вы видели в интернете. Это очень сильно изменённый дизайн, и это тот тип макета, который я использую для создания WordPress веб-сайтов для своих клиентов.
Особенности проекта:
Современный секси дизайн
Вы будете работать над современным, профессиональным дизайном и версткой.
Качественные HTML5 и CSS3
Вы научитесь вручную писать ошеломительные семантически верные HTML5 и CSS3 веб-сайты.
Очень простая в использовании CMS
Это позволит вашим клиентам без проблем обновлять веб-сайты, изменив ваши статичные веб-сайты на динамичные веб-сайты, используя WordPress.
Вы сможете очень серьезно увеличить вашу эффективность и прокачать ваши навыки веб-разработки. Делая это, вы сможете брать больше проектов, брать больше денег за проект и зарабатывать больше денег как фрилансер.
Почему стоит записаться на данный курс?
Я не занимаюсь ерундой. Я живу этим, и я делюсь с вами своим процессом того, как можно комфортно жить будучи работающим из дома веб-разработчиком. В этом курсе нет воды, просто 100% качественный контент и ничего больше. Если вы запишитесь на этот курс, последуете за мной и начнете действовать, я гарантирую, что вы не только полюбите данный курс, но вы так же увидите и реальные результаты. У вас будут необходимые навыки и вы сможете с уверенностью брать проекты на WordPress от клиентов и в целом получать больше денег за проекты.
Перестаньте тратить время впустую, начните учиться со мной! Запишитесь сегодня!
Требования к знаниям
Базовое понимание HTML, CSS и PHP.
Иметь доступ к редактору кода, бесплатному, или платному. Я предпочитаю Coda 2, использую только его.
Свежая версия Bootstrap и Wordpress (мы поговорим об этом в начале курса).
Загрузить и установить MAMP (или альтернативу - мы поговорим об этом в курсе).
Ваш любимый напиток.
Что я получу от этого курса
Более 82-х лекций и 12 часов контента!
Получите навыки, которые помогут вам зарабатывать деньги на стороне, в качестве обычного фрилансера, или будете работать весь день, как работающий из дома фрилансер.
Научитесь с легкостью создавать прекрасные HTML и CSS веб-сайты с помощью Bootstrap (они не будут выглядеть так, как обычные веб-сайты, написанные с использованием Bootstrap!)
Научитесь преобразовывать статические HTML и CSS веб-сайты в темы для WordPress.
Научитесь использовать PHP для создания сайтов и тем на WordPress.
Научитесь процессу превращения статичных веб-сайтов в динамические веб-сайты на WordPress.
Позволите вашим клиентам обновить свои веб-сайты, создавая аккаунты для пользователей.
Целевая аудитория
Этот курс подходит для тех, кто любит развиваться и действовать! Навыки, которые вы получите в этом курсе позволят вам создать доход на стороне, или же создать бизнес по созданию веб-сайтов на WordPress для клиентов.
У вас уже есть базовое понимание HTML, CSS и PHP? Этот курс прокачает эти навыки и превратит их в неоценимо ценные активы.
Если вы не имеете представление об HTML, CSS и PHP, то, этот курс будет довольно сложным для вас, поэтому, вам стоит предварительно освежить знания по этим направлением, прежде чем смотреть данный курс.
Этот курс вам не подойдет, если вы - не любите юмор, обучение из первых рук, или изучение вещей, которые могут изменить вашу жизнь.
Этот курс подойдет для тех, кто хочет начать бизнес по разработке веб-сайтов, или начать работать как фриласнер.
Учебный план курса
Раздел №1: Введение
01 Добро пожаловать на курс! Вы приняли верное решение - 04:28
02 (Прекрасный) Окончательный Веб-Сайт на WordPress, который вы напишите в данном курсе - 08:07
Раздел №2: Что вам необходимо знать о Bootstrap
03 Что такое Bootstrap? И почему умение работать с ним сэкономит вам сотни часов - 05:19
Раздел №3: Что вам необходимо знать о WordPress
04 Что такое WordPress? И почему вам стоит разобраться в нем - 04:14
05 Два способа создания веб-сайтов на WordPress, которые позволят вам зарабатывать больше - 09:57
06 Мои страхи относительно создания веб-сайтов на WordPress стоили мне $24,000 - 09:06
07 Статический, или Динамический веб-сайт, какой лучше? - 02:55
Раздел №4: Информация об архитектуре
08 Почему всегда стоит начинать разработку веб-сайта с создания макета - 04:54
09 Рекомендованные ресурсы для создания макета и шаблона вашего веб-сайта - 06:32
Раздел №5: Настройка окружения: Начинаем работу над проектом
10 Бесплатная загрузка: Bootstrap Framework - 04:13
11 Бесплатная загрузка: Конечные файлы курса + тема на WordPress! - 05:04
12 Настройка окружения вашего проекта - 04:36
Раздел №6: Шаблон Bootstrap: Домашняя страница
13 Пишем стандартный шаблон веб-страницы - 10:57
14 Добавление внешнего скрипта к вашему HTML документу - 05:42
15 Устанавливаем бесплатный шрифт иконок с FontAwesome - 05:52
16 Устанавливаем бесплатный шрифт иконок с TypeKit & Google Fonts - 06:28
17 Пишем раздел Header и Navigation - 12:04
18 Пишем раздел Hero - 09:37
19 Стилизуем раздел Hero с помощью CSS - 13:23
20 Учимся тому как создать эффект параллакса при скролинге меньше чем за 5 минут - 06:32
21 Учимся писать раздел 'Opt-In' - 07:17
22 Учимся создавать модальное вплывающее окно используя Bootstrap - 08:24
23 Пишем раздел 'Boost Your Income' - 05:30
24 Пишем раздел 'Who Should Take This Course' - 05:25
25 Пишем раздел 'Course Features' используя спрайты CSS - 12:22
26 Пишем раздел 'Final Project' - 07:07
27 Пишем раздел особенности и встраиваем видео с YouTube - 07:11
28 Пишем раздел Instructor (Плюс бонус: Впечатления Элвиса!) - 12:37
29 Пишем прекрасные круги на CSS3 - 10:14
30 Простой трюк для вертикального выравнивания вашего контента внутри элемента - 05:18
31 Пишем отзывы и учимся превращать квадратные изображения в круглые с помощью CSS3 - 11:25
32 Пишем раздел Sign Up Раздел - 09:51
33 Пишем Footer - 08:56
34 Отзывчивые медиа запросы и основная очистка CSS - 09:15
Раздел №7: Шаблоны Bootstrap: Обзор блога
35 Пишем базовую структуру макета - 05:53
36 Пишем отрывок блога на HTML - 10:55
37 Стилизуем отрывок бога на CSS - 15:33
38 Пишем и стилизуем сайдбар и виджеты - 12:27
Раздел №8: Шаблоны Bootstrap: Сообщение блога
39 Пишем Сообщение блога - 06:20
40 Пишем раздел комментариев блога - 16:15
Раздел №9: Шаблоны Bootstrap: Страница ресурсов
41 Важность страницы ресурсов - 05:09
42 Пишем макет страницы ресурсов, состоящий из трех колонок - 14:58
Раздел №10: Шаблоны Bootstrap: Страница контактов
43 Пишем форму контактов - 10:50
Раздел №11: Тема WordPress: Настройка
44 Загружаем последнюю версию WordPress - 01:41
45 Создаем начальную тему Underscores' - 03:53
46 Устанавливаем WordPress на локальный компьютер быстрее чем за 5 минут - 07:18
47 Устанавливаем тему Underscores - 03:23
48 Конвертируем ваш статический Header в динамический Header - 08:33
49 Используем ресурсы (Добавляем стили, скрипты, шрифты и изображения) - 10:31
50 Очищаем вашу таблицу стилей и редактируем CSS для WordPress - 13:20
51 Конвертируем ваш статический Footer в динамический Footer - 03:28
Раздел №12: Конвертируем ваш статичный шаблон: Домашняя страница
52 Создаем шаблон домашней страницы для WordPress - 13:18
53 Пишем Hero & Используем 'Custom Fields' для дополнительной информации - 17:00
54 Прекрасный Plugin: Advanced Custom Fields - 04:30
55 Пишем раздел 'Boost Your Income' с использованием Advanced Custom Fields - 24:55
56 Пишем раздел 'Who Should Take This Course' с использованием Advanced Custom Fields - 08:41
57 Прекрасный Plugin: Custom Post Types UI - 03:50
58 Добавляем 'Course Features' используя CPT & Advanced Custom Fields - 22:13
59 Добавляем 'Project Features' используя Custom Post Types UI - 12:27
60 Пишем раздел Instructor используя Advanced Custom Fields - 15:43
61 Пишем раздел отзывов используя Custom Post Types - 08:41
62 Очищаем шаблон используя get_template_part() - 17:57
Раздел №13: Конвертируем ваш статический шаблон: Страница ресурсов
63 Создаем шаблон страницы ресурсов - 04:00
64 Добавляем изображение Feature и Fallback - 06:47
65 Как добавить ресурс и отобразить его в вашей теме - 16:48
Раздел №14: Конвертируем ваш статический шаблон: Блог
66 Настраиваем страницу Index в вашем блоге - 05:21
67 Пишем индивидуальные выдержки из блога - 17:15
68 Пишем целое сообщение блога - 05:31
69 Стилизуем и настраиваем раздел комментариев - 05:12
70 Настраиваем шаблон архивов - 06:58
71 Настраиваем шаблон результатов поиска - 05:47
Раздел №15: Конвертируем ваш статический шаблон: страница контактов
72 Создаем и настраиваем шаблон во всю ширину - 07:40
73 Устанавливаем плагин Contact Form 7 и добавляем Custom Form - 12:31
Раздел №16: Заканчиваем работу над WordPress шаблоном
74 Добавляем и настраиваем виджеты сайдбара - 09:56
75 Настраиваем меню WordPress - 10:24
76 Создаем полезную страницу 404 - 13:53
Раздел №17: Запускаем ваш веб-сайт на WordPress
77 Во первых, вам нужен надежный и доступный веб хостинг - 07:40
78 Устанавливаем WordPress как профессионал - 03:44
79 Устанавливаем и настраиваем вашу WordPress тему на Live Server - 11:23
Раздел №18: Последние детали
80 Отслеживайте ваших посетителей с помощью Google Analytics - 03:24
81 Вы создали вашу собственную тему на WordPress! Теперь что? - 05:25
Раздел №19: Бонусная лекция: Советы & Трюки
82 Почему никогда не нужно удалять CSS Outlines - 02:38
Об авторе
Высококвалифицированный профессионал, Бред Хасси является страстным и опытным веб-дизайнером, разработчиком, блогером и цифровым бизнесменом. Бред родом из города Йеллоунайф, который находится у северной границы Канады. Чтобы получить хорошее образование, развить в себе необходимые навыки и стать одним из главных людей в решении проблем веба, создания дизайнерских решений и обсуждения проблем программирования - он переехал из Йеллоунайфа на восточное побережье Канады в город Ванкувер.
Решительность Бреда и любовь, с которой он занимается своим делом привела его в очень интересные места, где он встретился с отличными людьми. Для него было большой честью работать с ними, оказывать помощь в решении их проблем. Он работал с огромным количеством компаний. Это были как мелкие, так и крупные игроки по всей Америке.
Бред пишет веб-сайты на заказ. Он так же предоставляет дизайнерские решения для огромного количества клиентов своей компании Brightside Studios. Он постоянно пишет статьи на тему пассивного дохода и жизни на полную катушку. Он так же предоставляет высококачественные учебники и курсы по веб-дизайну для десятков тысяч людей, которые желают овладеть данным ремеслом.
70,000+ студентов не могут врать
Присоединяйтесь к Бреду и приключению в мир веб-дизайна, веб разработки и обсуждения кода.
Вы об этом не пожалеете!
Складчина состоит из папок и файлов:
1
01 Введение
1. Разработка тем для WordPress с помощью Bootstrap.avi [31m 514k 846]
2. (Прекрасный) Окончательный Веб-Сайт на WordPress, который вы напишите в данном курсе.avi [92m 509k 308]
02 Что вам необходимо знать о Bootstrap
3. Что такое Bootstrap И почему умение работать с ним сэкономит вам сотни часов.avi [0]
03 Что вам необходимо знать о WordPress
4. Что такое WordPress И почему вам стоит разобраться в нем.avi [33m 312k 359]
5. Два способа создания веб-сайтов на WordPress, которые позволят вам зарабатывать больше.avi [0]
6. Мои страхи относительно создания веб-сайтов на WordPress стоили мне $24,000.avi [0]
7. Статический или Динамический веб-сайт, какой лучше.avi [20m 929k 860]
04 Информация об архитектуре
8. Почему всегда стоит начинать разработку веб-сайта с создания макета.avi [34m 960k 666]
9. Рекомендованные ресурсы для создания макета и шаблона вашего веб-сайта.avi [60m 659k 343]
05 Настройка окружения. Начинаем работу над проектом
10. Бесплатная загрузка Bootstrap Framework.avi [38m 922k 617]
11. Бесплатная загрузка Конечные файлы курса + тема на WordPress!.avi [0]
12. Настройка окружения вашего проекта.avi [46m 161k 526]
06 Шаблон Bootstrap. Домашняя страница
13. Пишем стандартный шаблон веб-страницы.avi [80m 788k 654]
14. Добавление внешнего скрипта к вашему HTML документу.avi [54m 513k 476]
15. Устанавливаем бесплатный шрифт иконок с FontAwesome.avi [63m 97k 847]
16. Устанавливаем бесплатный шрифт иконок с TypeKit & Google Fonts.avi [69m 511k 530]
17. Пишем раздел Header и Navigation.avi [111m 846k 416]
18. Пишем раздел Hero.avi [90m 885k 405]
19. Стилизуем раздел Hero с помощью CSS.avi [120m 951k 366]
20. Учимся тому как создать эффект параллакса при скролинге меньше чем за 5 минут.avi [0]
21. Учимся писать раздел Opt-In.avi [68m 151k 771]
22. Учимся создавать модальное вплывающее окно используя Bootstrap.avi [83m 788k 155]
23. Пишем раздел Boost Your Income.avi [60m 384k 126]
24. Пишем раздел Who Should Take This Course.avi [70m 568k 235]
25. Пишем раздел Course Features используя спрайты CSS.avi [115m 76k 625]
2
06 Шаблон Bootstrap Домашняя страница
26. Пишем раздел Final Project.avi [80m 965k 859]
27. Пишем раздел особенности и встраиваем видео с YouTube.avi [88m 618k 80]
28. Пишем раздел Instructor.avi [172m 936k 423]
29. Пишем прекрасные круги на CSS3.avi [117m 713k 397]
30. Простой трюк для вертикального выравнивания.avi [65m 890k 403]
31. Учимся превращать квадратные изобажения в круглые.avi [128m 279k 460]
32. Пишем раздел подписки.avi [116m 123k 315]
33. Пишем Footer.avi [93m 831k 585]
34. Отзывчивые медиа запросы.avi [111m 873k 378]
07 Шаблоны Bootstrap Обзор блога
35. Пишем базовую структуру макета.avi [78m 885k 306]
36. Пишем отрывок блога на HTML.avi [115m 923k 24]
37. Стилизуем открывок бога на CSS.avi [162m 207k 831]
38. Пишем и стилизуем сайдбар и виджеты.avi [147m 271k 162]
08 Шаблоны Bootstrap Сообщение блога
39. Пишем Сообщение блога.avi [86m 946k 380]
40. Пишем раздел комментариев блога.avi [193m 527k 345]
09 Шаблоны Bootstrap Страница ресурсов
41. Важность страницы ресурсов.avi [80m 505k 954]
42. Пишем макет страницы ресурсов, состоящий из трех колонок.avi [204m 496k 560]
10 Шаблоны Bootstrap Страница контактов
43. Пишем форму контактов.avi [125m 476k 564]
11 Тема WordPress Настройка
44. Загружаем последнюю версию WordPress.avi [18m 464k 838]
45. Создаем начальную тему Underscores.avi [33m 584k 360]
3
11 Тема WordPress Настройка
46. Устанавливаем WordPress быстрее чем за 5 минут.avi [77m 409k 966]
47. Устанавливаем тему Underscores.avi [34m 109k 147]
48. Конвертируем ваш статический Header в динамический Header.avi [109m 134k 918]
49. Используем ресурсы (Добавляем стили, скрипты, шрифты и изображения).avi [137m 893k 885]
50. Очищаем вашу таблицу стилей и редактируем CSS WordPress.avi [151m 717k 950]
51. Конвертируем ваш статический Footer в динамический Footer.avi [39m 908k 351]
12 Домашняя страница
52. Создаем шаблон домашней страницы WordPress.avi [146m 49k 915]
53. Пишем Hero & Используем Custom Fields.avi [187m 482k 271]
54. Прекрасный Plugin - Advanced Custom Fields.avi [47m 751k 582]
55. Пишем раздел Boost Your Income, используя Advanced Custom Fields.avi [255m 152k 350]
56. Пишем раздел Who Should Take This Course, используя Advanced Custom Fields.avi [96m 179k 917]
57. Прекрасный Plugin - Custom Post Types UI.avi [51m 972k 42]
58. Добавляем Course Features, используя CPT & Advanced Custom Fields.avi [230m 300k 701]
59. Добавляем Project Features, используя Custom Post Types UI.avi [148m 540k 669]
60. Пишем раздел Instructor, используя Advanced Custom Fields.avi [186m 245k 702]
61. Пишем раздел отзывов, используя Custom Post Types.avi [106m 48k 848]
4
12 Домашняя страница
62. Очищаем шаблон используя get_template_part().avi [248m 765k 698]
13 Страница ресурсов
63. Создаем шаблон страницы ресурсов.avi [53m 851k 286]
64. Добавляем изображение Feature и Fallback.avi [103m 495k 951]
65. Как добавить ресурс и отобразить его в вашей теме.avi [225m 700k 120]
14 Блог
66. Настраиваем страницу Index в вашем блоге.avi [73m 181k 913]
67. Пишем индивидуальные выдержки из блога.avi [207m 185k 400]
68. Пишем целое сообщение блога.avi [73m 422k 915]
69. Стилизуем и настраиваем раздел комментариев.avi [67m 42k 625]
70. Настраиваем шаблон архивов.avi [84m 589k 888]
71. Настраиваем шаблон результатов посика.avi [68m 641k 785]
15 Cтраница контактов
72. Создаем и настраиваем шаблон во всю ширину.avi [97m 232k 819]
73. Устанавливаем плагин Contact Form 7 и добавляем Custom Form.avi [141m 99k 626]
16 Заканчиваем работу над WordPress шаблоном
74. Добавляем и настраиваем виджеты сайдбара.avi [120m 285k 313]
75. Настраиваем меню WordPress.avi [109m 812k 647]
76. Создаем полезную страницу 404.avi [148m 294k 495]
17 Запускаем вебсайт на WordPress
77. Во первых, вам нужен надежный и доступный веб хостинг.avi [88m 830k 83]
78. Устанавливаем WordPress как профессионал.avi [41m 714k 313]
79. Устанавливаем вашу WordPress тему на Live Server.avi [143m 257k 499]
18 Последние детали
80. Отслеживайте посетителей с помощью Google Analytics.avi [38m 826k 970]
81. Вы создали вашу собственную тему на WordPress!.avi [67m 162k 977]
19 Бонусная лекция
82. Почему никогда не нужно удалять CSS Outlines.avi [37m 494k 461]
Исходники
__MACOSX
Course Files
01 - Design Assets
._Badges.psd [106k 990]
._Carousel_Large.psd [120]
._Carousel_Medium.psd [120]
._Carousel_Small.psd [120]
02 - Starter Assets
._bootstrap [216]
._index.html [296]
bootstrap
._.DS_Store [120]
._css [216]
._js [216]
images
._item_psd2html5.jpg [316]
._item_webhosting101.jpg [317]
._logo.png [315]
includes
._.DS_Store [120]
css
._bootstrap-glyphicons.css [202]
._styles.css [294]
fonts
._glyphiconshalflings-regular.eot [202]
._glyphiconshalflings-regular.otf [202]
._glyphiconshalflings-regular.svg [202]
._glyphiconshalflings-regular.ttf [202]
._glyphiconshalflings-regular.woff [202]
js
._.DS_Store [120]
._jquery-1.8.2.min.js [309]
._modernizr-2.6.2.min.js [305]
._script.js [300]
03 - Sans Photoshop
images
._.DS_Store [120]
._badge_bootstrap.jpg [316]
._badge_css3.jpg [317]
._badge_html5.jpg [316]
._carousel_large_01.jpg [316]
._carousel_large_02.jpg [318]
._carousel_large_03.jpg [316]
._carousel_medium_01.jpg [316]
._carousel_medium_02.jpg [317]
._carousel_medium_03.jpg [317]
._carousel_small_01.jpg [315]
._carousel_small_02.jpg [317]
._carousel_small_03.jpg [314]
._item_psd2html5.jpg [316]
._item_webhosting101.jpg [317]
._logo.png [318]
04 - Code Chunks
._B - navbar.html [300]
._C - carousel.html [299]
._D - callout.html [297]
._E - features.html [296]
._F - tabbable.html [297]
._G - modal.html [296]
._H - courses.html [296]
._I - footer.html [296]
05 - Final Website
._bootstrap [216]
._index.html [299]
bootstrap
._.DS_Store [120]
._css [216]
._js [216]
images
._badge_bootstrap.jpg [318]
._badge_css3.jpg [316]
._badge_html5.jpg [318]
._carousel_large_01.jpg [316]
._carousel_large_02.jpg [317]
._carousel_large_03.jpg [318]
._carousel_medium_01.jpg [318]
._carousel_medium_02.jpg [318]
._carousel_medium_03.jpg [316]
._carousel_small_01.jpg [316]
._carousel_small_02.jpg [317]
._carousel_small_03.jpg [317]
._item_psd2html5.jpg [316]
._item_webhosting101.jpg [317]
._logo.png [316]
includes
._.DS_Store [120]
css
._bootstrap-glyphicons.css [202]
._styles.css [294]
fonts
._glyphiconshalflings-regular.eot [202]
._glyphiconshalflings-regular.otf [202]
._glyphiconshalflings-regular.svg [202]
._glyphiconshalflings-regular.ttf [202]
._glyphiconshalflings-regular.woff [202]
js
._.DS_Store [120]
._jquery-1.8.2.min.js [309]
._modernizr-2.6.2.min.js [305]
._script.js [300]
Course Files
01 Design Assets
Badges.psd [498k 516]
Carousel_Large.psd [7m 284k 594]
Carousel_Medium.psd [4m 747k 311]
Carousel_Small.psd [2m 919k 67]
02 Starter Assets
index.html [1k 362]
bootstrap
css
bootstrap.css [82k 499]
bootstrap.min.css [67k 2]
js
bootstrap.js [57k 234]
bootstrap.min.js [27k 221]
images
item_psd2html5.jpg [58k 972]
item_webhosting101.jpg [59k 927]
logo.png [2k 965]
includes
css
bootstrap-glyphicons.css [7k 587]
styles.css [933]
fonts
glyphiconshalflings-regular.eot [33k 358]
glyphiconshalflings-regular.otf [18k 116]
glyphiconshalflings-regular.svg [51k 353]
glyphiconshalflings-regular.ttf [32k 896]
glyphiconshalflings-regular.woff [18k 944]
js
jquery-1.8.2.min.js [93k 435]
modernizr-2.6.2.min.js [15k 414]
script.js [109]
03 Sans Photoshop
images
badge_bootstrap.jpg [12k 572]
badge_css3.jpg [11k 530]
badge_html5.jpg [11k 274]
carousel_large_01.jpg [121k 97]
carousel_large_02.jpg [118k 956]
carousel_large_03.jpg [120k 95]
carousel_medium_01.jpg [60k 206]
carousel_medium_02.jpg [59k 720]
carousel_medium_03.jpg [60k 177]
carousel_small_01.jpg [30k 630]
carousel_small_02.jpg [30k 158]
carousel_small_03.jpg [30k 286]
item_psd2html5.jpg [58k 972]
item_webhosting101.jpg [59k 927]
logo.png [2k 965]
04 Code Chunks
A - layout.html [565]
B - navbar.html [2k 453]
C - carousel.html [1k 521]
D - callout.html [1k 195]
E - features.html [1k 999]
F - tabbable.html [3k 172]
G - modal.html [2k 274]
H - courses.html [1k 822]
I - footer.html [1k 406]
05 Final Website
index.html [20k 903]
bootstrap
css
bootstrap.css [82k 499]
bootstrap.min.css [67k 2]
js
bootstrap.js [57k 234]
bootstrap.min.js [27k 221]
images
badge_bootstrap.jpg [12k 572]
badge_css3.jpg [11k 530]
badge_html5.jpg [11k 274]
carousel_large_01.jpg [121k 97]
carousel_large_02.jpg [118k 956]
carousel_large_03.jpg [120k 95]
carousel_medium_01.jpg [60k 206]
carousel_medium_02.jpg [59k 720]
carousel_medium_03.jpg [60k 177]
carousel_small_01.jpg [30k 630]
carousel_small_02.jpg [30k 158]
carousel_small_03.jpg [30k 286]
item_psd2html5.jpg [58k 972]
item_webhosting101.jpg [59k 927]
logo.png [2k 965]
includes
css
bootstrap-glyphicons.css [7k 587]
styles.css [3k 173]
fonts
glyphiconshalflings-regular.eot [33k 358]
glyphiconshalflings-regular.otf [18k 116]
glyphiconshalflings-regular.svg [51k 353]
glyphiconshalflings-regular.ttf [32k 896]
glyphiconshalflings-regular.woff [18k 944]
js
jquery-1.8.2.min.js [93k 435]
modernizr-2.6.2.min.js [15k 414]
script.js [361]