Последние новости: Coursehunters.club

Bootstrap 4 Bootcamp - Видеоуроки

The Bootstrap 4 Bootcamp
Duration 11:42:50
Открыть все курсы от udemy

Научитесь создавать красивые отзывчивые веб-сайты с последней версией Bootstrap (4.1.3), Flexbox, HTML5 и CSS3! Bootstrap в настоящее время является самой популярной библиотекой на Github, перегоняя другие инструменты, такие как React и Angular! Он очень популярен и не без оснований: он делает создание сайтов легким.

Этот курс поднимет вас от новичка до специалиста Bootstrap 4 за считанные часы! Или, если вы уже знаете Bootstrap 3, этот курс послужит полным руководством для всех новых изменений и улучшений в Bootstrap 4. К тому времени, когда мы закончим, вы освоите каждый отдельный компонент, мощную систему сетки и совершенно новые классы. К концу курса мы будем создавать полные, отзывчивые веб-сайты, которые отлично смотрятся на всех устройствах. Мы научимся писать и компилировать SASS для настройки собственной версии Bootstrap. Кроме того, поскольку Bootstrap 4 теперь построен поверх Flexbox, мы потратим много времени на изучение возможностей Flexbox по пути!

Что делает этот курс особенным

Большинство курсов Bootstrap следуют аналогичной схеме: «Наблюдайте за моим кодом. Наблюдайте за мной, делайте как я. Наблюдайте за мной». У вас никогда не будет возможности практиковать то, что вы смотрите. Этот курс отличается. Каждый раздел содержит по крайней мере одно упражнение, действие или викторину, чтобы вы практиковали как можно скорее. Иногда я показываю вам макеты, и вы сами создаете макет. В других случаях я даю вам намеренно сломанный код и прошу вас исправить его. Все действия основаны на моем опыте обучения бутстрапа в классе и предназначены для того, чтобы вы занимались и учились :)

Я приложил массу усилий, чтобы сделать этот курс лучшим курсом Bootstrap.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Course Welcome and Introduction 00:02:49
  • Урок 2. Intro To Bootstrap 00:08:17
  • Урок 3. Do Bootstrap Sites All Look The Same?! 00:05:54
  • Урок 4. Comparing Bootstrap 3 and 4 00:05:41
  • Урок 5. Intro to My Editor: VSCode 00:05:34
  • Урок 6. Using Emmet 00:05:27
  • Урок 7. The Live Server Extension 00:06:06
  • Урок 8. Optional: My Theme and Colors 00:03:57
  • Урок 9. The Bootstrap 4 Documentation 00:02:55
  • Урок 10. Including Bootstrap 4 00:11:21
  • Урок 11. Your First Exercise: Intro 00:03:47
  • Урок 12. Your First Exercise: Solution 00:03:58
  • Урок 13. Colors 00:09:28
  • Урок 14. Buttons 00:09:54
  • Урок 15. Typography 00:14:05
  • Урок 16. Jumbotrons 00:10:47
  • Урок 17. Exercise Intro 00:05:21
  • Урок 18. Exercise Solution 00:09:22
  • Урок 19. Bootstrap 4 Breakpoints 00:07:12
  • Урок 20. The Display Utility 00:11:17
  • Урок 21. Borders and Shadows 00:06:50
  • Урок 22. Margin and Padding 00:12:47
  • Урок 23. Exercise Intro 00:03:11
  • Урок 24. Exercise Solution 00:04:23
  • Урок 25. Form Controls 00:14:21
  • Урок 26. Checkboxes/Form Checks 00:05:48
  • Урок 27. Custom Inputs 00:08:31
  • Урок 28. Input Groups and Icons 00:10:41
  • Урок 29. Inline Forms 00:04:25
  • Урок 30. Exercise Intro 00:04:46
  • Урок 31. Exercise Solution 00:18:23
  • Урок 32. The Nav Component 00:06:12
  • Урок 33. Flexbox and Navs 00:13:19
  • Урок 34. OPTIONAL Flexbox Review 00:08:09
  • Урок 35. Navbars 00:13:40
  • Урок 36. More About Navbars 00:10:06
  • Урок 37. Even More About Navbars 00:05:40
  • Урок 38. Exercise Intro 00:02:32
  • Урок 39. Exercise Solution 00:10:49
  • Урок 40. Intro To The Grid 00:10:57
  • Урок 41. The Responsive Grid 00:07:40
  • Урок 42. Grid Alignment 00:09:45
  • Урок 43. Offsets and Nesting 00:10:06
  • Урок 44. Forms And The Grid 00:08:30
  • Урок 45. Exercise Intro 00:05:34
  • Урок 46. Exercise Solution 00:06:19
  • Урок 47. List Groups 00:09:10
  • Урок 48. Cards Basics 00:13:59
  • Урок 49. Cards With Images 00:08:40
  • Урок 50. Cards Layout 00:07:27
  • Урок 51. Badges 00:05:23
  • Урок 52. Breadcrumbs 00:03:57
  • Урок 53. Button Groups 00:05:22
  • Урок 54. Pagination 00:06:24
  • Урок 55. Progress Bars 00:06:21
  • Урок 56. Alerts 00:07:27
  • Урок 57. Tooltips 00:07:35
  • Урок 58. Popovers 00:05:36
  • Урок 59. Dropdowns 00:10:13
  • Урок 60. Collapse and Accordions 00:13:46
  • Урок 61. Modals 00:06:59
  • Урок 62. Scrollspy 00:07:53
  • Урок 63. Carousels 00:14:13
  • Урок 64. Exercise Intro 00:04:35
  • Урок 65. Exercise Solution 00:09:52
  • Урок 66. Intro to SASS and Koala 00:07:22
  • Урок 67. Meet the Bootstrap Source Files 00:09:16
  • Урок 68. Customizing Colors 00:12:43
  • Урок 69. Intro to Aurora Grove 00:04:29
  • Урок 70. SASS Setup 00:08:02
  • Урок 71. Adding the Navbar 00:13:14
  • Урок 72. Building the Showcase 00:11:48
  • Урок 73. Adding an Overlay 00:06:03
  • Урок 74. The Icons and About Section 00:05:56
  • Урок 75. Explore/Experience 00:05:09
  • Урок 76. Adding in Quotes 00:05:13
  • Урок 77. Image Carousel 00:07:31
  • Урок 78. Social Media Gallery 00:05:09
  • Урок 79. Footer and Contact Form 00:08:22
  • Урок 80. The Booking Modal 00:12:42
  • Урок 81. Museum of Candy Part 1 00:05:17
  • Урок 82. Museum of Candy Part 2 00:14:02
  • Урок 83. Museum of Candy Part 3 00:12:42
  • Урок 84. Museum of Candy Part 4 00:16:40
  • Урок 85. Museum of Candy Part 5 00:09:42
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 30.12.2018. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 24 урока
treehouse Bootstrap 4 Basics
Научитесь использовать Bootstrap 4, один из самых популярных фреймворков с открытым исходным кодом, который поможет вам в кратчайшие сроки построить функциональный дизайн и структуру.
Duration 02:06:44
29 1
30-11--0001 en 85 уроков
udemy Learn Bootstrap 4 Web Development From Scratch
Изучайте HTML, CSS, Javascript и Bootstrap 4 и продавайте премиальные шаблоны онлайн - создавайте премиальные темы и зарабатывайте деньги! Вы хотите повысить свой доход в качестве веб-разработчика? Может быть у вас много идей для веб-приложений, но не знаете с чего начать? Или вы ищете работу в веб-разработке которая наконец даст вам свободу и гибкость, о которой вы мечтали? Bootstrap 4 упрощает разработку веб-сайтов. Он создан для людей всех...
Duration 13:32:22
6 4
22-11-2017 ru 15 уроков
webformyself Фреймворк Bootstrap 4
Bootstrap прост в использовании, чем и завоевал любовь многих верстальщиков  и разработчиков. Четвертая версия Bootstrap принесла довольно много интересных изминений, которые сообщество давно хотело увидеть. В этом курсе мы их и рассмотрим.
Duration 04:32:22
55 4
30-11--0001 ru 5 уроков
itvdn Twitter Bootstrap 4
Bootstrap 4 - Фреймворк не нуждающийся в представлении. Bootstrap позволяет сделать разработку фронтенд более быстрой, гибкой, кроссбраузерной и легкой. Этот курс призван рассмотреть самую новую версию фреймворка в деталях. 
Duration 04:04:10
5 4

Последнее добавленное

Firebase c React, v2

Firebase c React, v2

en
Иногда у вас есть отличная идея для приложения и вы хотите как можно быстрее представить его миру. Лучше потратить время на работу над тем, что делает приложение особенным, чем на настройку и защиту серверов. Firebase позволяет вам получить критически важные - и ужасно утомительные для реализации...
Electron v2

Electron v2

en
Electron - это платформа для создания собственных кроссплатформенных настольных приложений с использованием веб-технологий (например, HTML, CSS и JavaScript). На этом семинаре вы научитесь создавать несколько настольных приложений с использованием Electron. Мы обсудим, как реализовать...
Universal React с Next.js - Полное руководство

Universal React с Next.js - Полное руководство

en
Узнайте, как создавать удивительные server-rendered приложения React с помощью Next.js. Хотите создавать удивительные, производительные и в целом лучшие приложения React? Смотрите не дальше, чем Next.js. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Next.js. В нем мы...
JavaScript: Расширенные возможности

JavaScript: Расширенные возможности

en
Курс состоит из 8 уроков, на которых учащиеся смогут ознакомиться с новыми, а также расширенными возможностями языка JavaScript. Студенты рассмотрят возможность использование событий для мобильных устройств, реализацию возможностей ES6, ES7, ES8, ES9, и использование Promises RxJS в написании...
ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

en
Если вы потратили время на программирование на JavaScript, вы слышали о ES6, ECMAScript или ES2015. Может быть, это был отвратительный сотрудник, который пытался вас унизить, другой курс удеми, или в встречались с ними на stackoverflow. Если вы не знакомы с ним или все еще задаетесь вопросом...
Просто Express (с кучей node и http). В деталях.

Просто Express (с кучей node и http). В деталях.

en
Нет MERN или MEAN ... просто Express. Для тех, кто немного узнал о самом крутом фреймворке node и хочет больше. У вас есть представление о том, что такое Node, Express и http, иначе вас бы здесь не было. Node и серверная часть JavaScript взяли мир штурмом, [НЕКОТОРАЯ БОЛЬШАЯ КОМПАНИЯ] переехала...
Разработка модуей Drupal 8 с примерами

Разработка модуей Drupal 8 с примерами

en
Никогда не было лучшего времени для изучения разработки модулей Drupal 8. Это потому, что Drupal 8 уже является лучшим технологически и более быстрым способом создания приложений Drupal (по сравнению с Drupal 7). Drupal 8 построен поверх Symfony, поэтому хорошие новости заключаются в том...
Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

en
Appium курс - 200+ лекций по мобильной автоматизации от основ с примерами в реальных проектах. Курс полностью обновлен 12 ноября с последней версией Appium 1.8.2. Узнайте все, что вам нужно знать о мобильной автоматизации (Android + IOS), даже если вы никогда не программировали раньше.
chat
logo