Изучите Bootstrap 4 в этом бесплатном курсе из 10 частей

1656649934 izuchite bootstrap 4 v etom besplatnom kurse iz 10 chastej
1*zCx3Kx42HlhcBm5oYMD2rA
Нажмите здесь, чтобы перейти к курсу.

Bootstrap 4 представляет собой полную переписку всей библиотеки, которая приносит несколько новых функций и концепций, о которых можно задуматься. Так что броситься с головой в документацию, чтобы изучить ее, может показаться потрясающим.

Вот почему мы объединились с Нилом Роу (ранее известным как CodersGuide) и создали бесплатный полнометражный курс о Bootstrap 4. Ранее Нил создал один из самых популярных курсов Bootstrap 3 на YouTube, поэтому мы очень рады, что он решил использовать Scrimba для своего дальнейшего курса. .

Вы можете пройти курс сегодня. Просто перейдите на страницу курса и вы станете мастером Bootstrap 4 в течение часа.

А теперь давайте поближе рассмотрим то, что вы узнаете!

№1 Введение в курс

1*zCx3Kx42HlhcBm5oYMD2rA

В первом ящике вы получите обзор самого Bootstrap, а также какие утилиты и компоненты он приносит с собой. Нил также рассказывает об основных преимуществах версии 4.

#2 Чуткая сетка

1*oOKLdoC4_mNFPV7HUfV-QA

Далее в курсе рассматривается один из важнейших компонентов Bootstrap – адаптивная сетка. Нил объясняет, как создавать разные сетки с разными точками разрыва, размерами столбцов и оползнями.

#3 Отзывчивые навигационные панели

1*h_AkQ1f7wBUorZ-lA2WXPA

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

#4 Модели

1*be0Vaj3kUcchHvRb3uE1ZA

Bootstrap также позволяет чрезвычайно легко создавать модалы, которые часто пригодятся. В этой лекции вы узнаете, как пошагово их создавать.

№5 Формы

1*2UPJmuKyHcySzxVcrzk3OA

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

#6 Список групп

1*N-WC9LzY_meovlsapChJUQ

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

№7 Карточки

1*UYPC0IHtsW6d6WMYYQ9_OQ

Bootstrap 4 представляет совершенно новый компонент под названием карты, заменяющий панели, скважины и миниатюры. Карта – это гибкий и расширяемый контейнер содержимого. В этой лекции вы узнаете, как создать такую ​​карту, используя различные компоненты, которые обычно составляют карту.

№8 Таблицы

1*FEODV-0VvpaGC89Q8C-3aw

Bootstrap 4 также содержит множество классов для модификации таблиц, и эта лекция продемонстрирует большинство из них. Они доступны, то есть вам нужно активно добавить класс таблицы, чтобы превратить таблицу в таблицу Bootstrap. Это не так, как это было раньше, когда обычные HTML таблицы автоматически превращались в таблицы Bootstrap.

#9 Уведомления

1*uVdJv8jn0yGSpgpHwLw0JQ

Уведомления не особенно увлекательны, и нет слишком много изменений по сравнению с предыдущими версиями библиотеки, поэтому если вы использовали Bootstrap 2 или 3, вы должны быть хорошо знакомы со всем этим. Однако важно ознакомиться с ними, поскольку отправка пользователям сообщений и уведомлений с помощью уведомлений может помочь сделать веб-сайт более удобным для пользователей.

#10 Параметры навигации

1*9gHQ3xg00UBaO5xbaBHM9g

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

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

Формат Scrimba

Наконец, давайте также кратко взглянем на технологию, лежащую в основе курса. Он создан с помощью Scrimba, инструмента интерактивного кодирования шкатулки. Scrim выглядит как обычное видео, однако оно полностью интерактивно. Это означает, что вы можете редактировать код в ящике.

Вот gif, объясняющий концепцию:

Приостановить скринкаст → Редактировать код → Запустить!  → Просмотрите свои изменения

Приостановить скринкаст → Редактировать код → Запустить! → Просмотрите свои изменения

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

Так чего вы ждете? Пройдите курс сегодня!

Спасибо за чтение! Меня зовут Пер, я соучредитель Scrimba и люблю помогать людям осваивать новые навыки. Следите за мной в Twitter, если хотите получать уведомления о новых статьях и ресурсах.

Спасибо за чтение! Меня зовут Пер Борген, я соучредитель Scrimba – самый простой способ научиться кодировать. Если вы хотите научиться создавать современный веб-сайт на профессиональном уровне, посетите наш курс по адаптивному веб-дизайну.

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

Добавить комментарий

Ваш адрес email не будет опубликован.