Добро пожаловать в интерфейсный веб-интерфейс фреймворков и инструментов: Bootstrap 4.
Я рад, что вы решили присоединиться к этому курсу, чтобы узнать
о самом популярном интерфейсе Web UI Framework: Bootstrap.
Мы рассмотрим различные аспекты Bootstrap.
Через несколько примеров вы узнаете, выполняя упражнения в рамках этого курса.
Давайте посмотрим на некоторые детали дальше.
Прежде чем начать этот курс,
пожалуйста, убедитесь, что у вас есть достаточный опыт,
чтобы иметь возможность успешно пройти этот курс.
Перед началом курса вы должны иметь хорошие знания HTML, CSS и JavaScript.
С моей точки зрения, веб-дизайн и разработка состоит из двух аспектов:
один - это дизайн веб-сайта и веб-страницы,
второй - фактическое создание и развертывание самой веб-страницы.
С точки зрения дизайна,
я имею в виду дизайн пользовательского интерфейса и пользовательский опыт,
визуальный дизайн, прототипирование,
элементы цветов,
графики и анимации, которые могут представлять интерес.
В этой специализации мы не рассматриваем этот аспект веб-разработки.
Вместо этого мы рассматриваем второй аспект,
который заключается в разработке, создании
и развертывании веб-сайтов и веб-страниц, используя технологии, такие как интерфейсные
веб-интерфейсы, такие как Bootstrap,
возможно, фреймворк JavaScript, такой как Angular или библиотека, как React
и гибридные мобильные для проектирования
мобильных приложений, а также разработки на стороне сервера с использованием Node,
Express, MongoDB, основного стека более подробно.
Если вы смотрите на специализацию,
думая о дизайне сайта,
то вы, возможно, захотите переосмыслить еще раз.
Эта специализация сосредоточена
на разработке и развертывании веб-сайтов и веб-страниц,
чисто технических знаний по использованию HTML
, CSS и Javascript навыков для реальной разработки веб-сайта.
Вы также, вероятно, задаетесь вопросом о том, что подразумевается под полной веб-разработкой стека.
Мы рассмотрим более подробную информацию о полной веб-разработке стека в следующем уроке.
В частности, если вы смотрите на то, как этот курс
позиционируется в общем контексте веб-разработки полного стека,
в этом курсе мы имеем дело с разработкой интерфейса веб-интерфейса.
В частности, пользовательский интерфейс Framework Bootstrap 4.
Мы рассмотрим остальные аспекты
полной веб-разработки стека в остальной части этой специализации.
Этот курс подробно рассматривает Bootstrap.
Мы также рассмотрим адаптивный веб-дизайн и как Bootstrap поддерживает
адаптивный веб-дизайн через систему Bootstrap Grid.
Мы рассмотрим компоненты на основе CSS и JavaScript в Bootstrap и как вы
можете использовать их при создании вашего веб-сайта и ваших веб-страниц.
По пути мы узнаем об этой веб-разработке, используя командную строку.
Таким образом, мы изучим много веб-инструментов, которые
основаны на командной строке и экосистеме Node.js.
Мы кратко рассмотрим Git,
добавим Node.js и рассмотрим инструменты на основе Noje.js, включая бегунов задач, таких как Grunt и Gulp.
Этот курс, сам по себе, структурирован на полные модули.
Каждый модуль примерно соответствует одной неделе работы.
В первом модуле
мы получим представление о полной веб-разработке стека,
затем вы получите быстрое введение в Git и Node.js.
Затем мы познакомим вас с Bootstrap, а затем просмотрим систему Bootstrap Grid.
Это приведет вас к первому заданию в этом курсе.
Второй модуль имеет дело с компонентами Bootstrap CSS.
Мы рассмотрим дизайн навигационной панели Bootstrap
и как мы можем использовать ее для поддержки навигации.
Мы будем смотреть на ввод пользователя через
кнопки и формы, затем мы посмотрим, как мы можем отображать контент с помощью таблиц и карт.
Затем мы рассмотрим, как мы можем включить изображения и медиа в нашу веб-страницу, используя изображения
, миниатюры и медиа-объекты.
И, наконец, мы смотрим на то, как мы оповещаем пользователей с помощью тегов,
предупреждений и индикаторов прогресса.
Это должно привести тебя к твоему второму заданию.
Третий модуль имеет дело с компонентами Bootstrap JavaScript.
Мы посмотрим на картину,
как работают компоненты Bootstrap JavaScript, мы рассмотрим вкладки,
таблетки и вкладки навигации,
затем мы посмотрим, как коллапс и аккордеон могут быть использованы для отображения и скрытия контента.
И тогда мы рассмотрим использование всплывающих подсказок,
popovers и modals, чтобы показать контент, который будет отображаться на вашей странице.
А затем мы рассмотрим компонент карусели,
который позволяет отображать скользящую информацию на вашей веб-странице.
Это должно привести вас к третьему заданию в этом курсе.
Последний модуль имеет дело с Bootstrap и jQuery и различными инструментами разработки.
Мы, в частности, посмотрим, как Bootstrap и jQuery взаимодействуют и как вы можете
написать код jQuery и JavaScript, чтобы управлять вашим компонентом Bootstrap JavaScript.
Мы рассмотрим различные методы, которые поддерживаются компонентами Bootstrap JavaScript,
которые могут быть использованы для написания
кода JavaScript для управления поведением этих компонентов.
Затем мы рассмотрим язык предварительной обработки CSS, как LESS и Sass.
Затем, наконец, мы рассмотрим, как мы можем создавать и развертывать наш сайт
с помощью сценариев NPM или бегунов задач, таких как Grunt и Gulp.
Это должно привести вас к окончательному заданию в этом курсе.
Я надеюсь, что вы будете иметь много удовольствия, делая
различные части этого курса, а также наслаждаться упражнениями, которые вы
столкнетесь на каждом этапе, которые позволят вам лучше
понять различные аспекты веб-интерфейса Bootstrap.