Twitter Bootstrap — фронтенд-фреймворк

Клиентский html-, css- и js-фреймворк, использование которого позволяет существенно ускорить разработку клиентской части сайта или веб-приложения. Из основных возможностей — динамический дизайн по сетке, типографика, множество компонентов (веб-формы, таблицы, навигационные элементы, кнопки и прочие контролы), javascript-плагины (выпадающие меню, слайдеры, оповещения и прочее)...

Twitter Bootstrap — набор инструментов для создания сайтов и веб-приложений, основанный на современных наработках в CSS и HTML. Он включает в себя HTML и CSS шаблоны оформления для многих компонентов веб-интерфейсов и JavaScript расширения, которые позволяют достаточно просто создавать интерактивные и динамичные интерфейсы.

Основные компоненты Bootstrap:

  • Сетки и Шаблоны — заранее заданные размеры колонок, которые можно сразу же использовать, поддерживает фиксированный и резиновый шаблон документа, а также отзывчивый (адаптивный) дизайн.
  • Типографика — средства для описания стилей и размеров шрифтов, определение некоторых классов для шрифтов.
  • Таблицы — средства оформления таблиц, вплоть до добавления функциональности сортировки.
  • Формы — средства для оформления не только форм, но и некоторых событий происходящих с ними.
  • Навигация — средства оформления для вкладок, постраничной навигации, обычных и выпадающих меню.
  • Алерты, Модальные окна — средства для оформления оповещений, диалоговых окон, подсказок и всплывающих окон.

Cтатьи по теме:

Все технологии фронтенд-разработки: язык разметки HTML, таблицы стилей CSS и язык программирования JavaScript
Содержание и внешний вид каждой страницы сайта определяется HTML-кодом и содержанием таблицы стилей CSS, а поведение интерфейса — скриптами JavaScript.
Валидность и семантичность HTML
Валидность и семантичность HTML кода определяет качество сайта с точки зрения поисковых систем.
Адаптивный и отзывчивый дизайн
​Для обеспечения хорошего отображения сайтов на мобильных устройствах (планшетах и смартфонах) обычно создаётся отзывчивый или адаптивный дизайн. Суть подхода заключается в изменении размера и расположения блоков, коррекции размера шрифтов, а также в отключении не самых важных блоков в случае, если пользователь заходит на сайт с устройства с небольшим экраном.
Поддержка устаревших браузеров
Поддержка устаревших браузеров, как правило, накладывает ограничения на функционал и гарантированно увеличивает стоимость разработки и сопровождения.
Кроссбраузерность — корректная работа сайта в разных браузерах
Браузеров много и они несколько по-разному отображают страницы. Способность сайта корректно отображаться в разных браузерах называется кроссбраузерность.
HTML5 — новая версия стандарта
HTML — это язык для структурирования и представления содержимого, HTML5 (HyperText Markup Language, version 5) — это пятая версия стандарта, которая ещё находится в разработке, но уже является вполне рабочей. Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий при сохранении удобочитаемости кода для человека и простоты анализа для парсеров (в частности, поисковых систем).
Увеличиваем скорость работы сайта при помощи оптимизации JavaScript
Сайт может работать быстрее, если выполнены следующие рекомендации по оптимизации JS-кода. Если же этого не сделать, то сайт будет недостаточно быстро отображаться на стороне клиента.

Тематические технологии:

Язык разметки HTML
CSS — каскадные таблицы стилей
Язык программирования JavaScript
Библиотека React
Библиотека MobX
Библиотека MobX State Tree
Система сборки WebPack
Платформа NodeJS