+7(499)495-49-41

Бутстрэппинг: плюсы и минусы

Содержание

Bootstrap и SharePoint. Как заставить Bootstrap корректно работать под SP

Бутстрэппинг: плюсы и минусы

Разрабатывая и дорабатывая решения на основе SharePoint, я всё больше стал сталкиваться с повышенными ожиданиями пользователей от стандартных форм создания и редактирования элементов. Всех окружают такие удобные и привычные Яндекс, Gmail, , и другие. Симпатичные, быстрые и понятные интерфейсы стали нормой. Многие ожидают интерфейсы подобного уровня и в корпоративных системах.

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

У разработчиков, которые используют front-end фреймворки, обычно этот результат заказчиков удовлетворяет.

Однако остается вопрос, почему именно Bootstrap? Для этого рассмотрим типичные «хотелки»:

  • Возможность безболезненно заполнить форму с мобильного устройства (начиная с IPad, заканчивая Android смартфонами с разрешением 800х600 точек);
  • Современное оформление — всем очень надоел стандартный интерфейс SharePoint;
  • Сложные, составные контролы.

Если перевести эти желания на технический язык, получится следующее:

  1. Адаптивная вёрстка;
  2. Предустановленные стили, темы и т.д.;
  3. Сложные контролы, обычно это куча логики на JS + CSS.

Для решения этих задач я провел небольшое исследование текущих front-end фреймворков. Выбор пал на Boostrap по нескольким причинам.

Отмечу только те, которые применительны к ситуации:

  1. Самый популярный — обычно, это означает, что на все вопросы уже даны ответы;
  2. Отличная документация и примеры;
  3. Реализуя разметку на бутстрапе, мы не занимаемся созданием стилей, HTML разметки и т.д.

    , по сути, мы берем готовые блоки и вставляем в нашу форму;

  4. Нет нужды писать свои сложные модули и контролы, можно брать уже готовые скрипты, подключать на страницу и использовать согласно документации разработчика;
  5. Низкий порог вхождения – достаточно понимать базовые принципы HTML JS CSS и вы уже можете начать использовать все возможности бутстрапа.

Конкретно по задачам:

  1. Адаптивная верстка — для наглядности — http://www..com/watch?v=5wMk4iXnpG0#t=75  (справедливости ради, адаптивность, сейчас, стандарт для современных фронт-энд фреймворков);
  2. Помимо того, что бутстрап сам по себе выглядит современно, на его основе создано тысячи тем, в том числе бесплатных, например — http://ironsummitmedia.github.

    io/startbootstrap-sb-admin/index.html;

  3. Для бутстрапа написано бесчисленное множество плагинов и библиотек, отыскать готовое решение труда не составит, другое, дело, что все их, скорее всего придётся дорабатывать, но это общая болезнь open source решений.

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

Задача

Необходимо за короткий промежуток времени реализовать форму в виде визарда с кастомной валидацией. Заполнять её будут пользователи, в т.ч. с мобильных устройств. В организации встречаются все виды браузеров, IE8+ и т.д. Одно из главных требований — «чтобы выглядело современно». Изучив примеры, решил попробовать реализовать.

Результат отличный: Но если присмотреться, видны проблемы:

Изучив вопрос, выяснилось, что Bootstrap использует стиль — box-sizing: border-box, применяет его ко всему документу и, таким образом, ломает верстку SharePoint, где значение box-sizing:content-box. В первом варианте при расчете положения элемента граница считается внутри элемента, а  во втором — снаружи.

Рекомендую ознакомиться: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp

В бутстрапе применяется именно border-box, т.к. это упрощает расчет конечной ширины блоков системы адаптивной верстки.

В полный рост встал вопрос: и как? Отказаться от bootstrap? Нет! Одно из первых решений — это использовать кастомный Masterpage (под 2013, под 2010). У этого решения есть как плюсы, так и минусы:

[+] Бутстрап работает без всяких ухищрений; [+] Любые темы и сниппеты взятые из сети встают быстро и хорошо выглядят; [-] Это кастомный мастерпейдж, не всегда есть возможность его установить; [-] Если применяется кастомный мастерпедж — придется дорабатывать и этот.

Решение

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

  • Создал форк и новую ветку проекта Bootstrap на гитхабе (https://github.com/dimkk/bootstrap/tree/bootstrap-scoped);
  • Внес изменения в LESS файлы + поправил стили к Body и Html;
  • Скомпилировал и положил в папку /scoped/ этой ветки;
  • Теперь для того, чтобы стили бутстрапа заработали, достаточно реализовать следующую разметку: [Тут работаем как с обычным бутстрапом]

Подключил этот файл в свой проект, стало ок, но не совсем! Так как данный визард для примера я брал с bootsnipp, там используются дополнительные стили, которые тоже необходимо «заскоупить» на наши стили бутстрапа. Результат оказался очень даже неплохой:

Исходник этого приложения доступен по ссылке: https://github.com/dimkk/sharepoint.app.bootstrap

К сожалению, этот способ тоже не панацея. Имеет свои плюсы и минусы: [+] Лёгкость реализации — подключил, добавил разметку, и работай в любом месте SP без риска поломать остальную верстку; [-] Если копировать готовые решения, придется дорабатывать верстку под специфичный  «scope», однако, надо сказать, что, порой встречаются готовые решения которые удовлетворят самых взыскательных заказчиков, тогда, в случаях, когда masterpage использовать не удасться — этот способ будет реальным решением проблем. Для разворачивания примера необходимо:

  • В случае Sharepoint Online :

  • В центре администрирования SharePoint создать частное семейство сайтов, выбрать шаблон — сайт разработчика, остальные параметры как обычно.
  • Открыть скачанный проект в студии, щёлкнуть по проекту, нажать F4 — в окне свойств в поле Site URL ввести URL только что созданного сайта
  • Нажать Deploy — посмотреть на результат

  • В случае On-Premise SharePoint 2013: 

  • В случае, если у Вас не развернута Apps инфраструктура, необходимо её развернуть, например, по этому руководству: Текстом
  • Открыть скачанное решение, так же ввести Site Url — развернуть решение

P.S. В ближайшее время планирую рассказать о том, как собрать логику к этой форме, используя Angular, а так же о способах тестирования кода Angular под Visual Studio. Более подробно остановлюсь на деплое Аппа.

Источник: https://habr.com/post/249739/

О фреймворках, bootstrap и прочем, что вроде бы должно облегчить нам жизнь

Бутстрэппинг: плюсы и минусы

Доброго времени суток! Часто приходится отвечать на вопросы о всевозможных инструментах для front-end разработки. Поэтому решил объединить ответы в данном материале. В данной статье речь пойдет об инструментах, призванных облегчить жизнь front-end разработчика. Постараюсь объяснить, почему в большинстве случаев следует хорошо обдумать все «за» и «против», прежде чем их использовать.

Bootstrap

Начнем с Bootstrap. В Joomla он появился с попытками унифицировать интерфейс (JUI). Одинаковые кнопки, одинаковые поля форм, вид таблиц и т.д.

обеспечивают совместимость сторонних расширений с шаблоном.

Верстка с использованием bootstrap является хорошим решением для back-end разработчиков и тех, кто хочет иметь аккуратный интерфейс, не прилагая к этому излишних усилий.

Также из плюсов Bootstrap несомненно стоит выделить его JavaScript составляющую. Очень хорошая вещь.

А теперь минусы.

  • Все сайты, использующие Bootstrap, похожи друг на друга, т.е. отсутствует уникальность. Подобные сайты-близнецы попросту не запоминаются.
  • Негибкость. Если нам нужен интерфейс Bootstrap, тогда никаких проблем. Если требуется что-либо более-менее отличное, то приходится с самых первых шагов бороться со стилями по умолчанию. На практике получается двойной труд:
    1. верстаем то, что требуется
    2. заставляем это работать поверх стилей Bootstrap.

    Не проще ли оставить только 1-й пункт? Это же можно сказать и про компоненты JavaScript. Если бы не его тесная связка с css составляющей, можно было бы его использовать во многих случаях (если не в большинстве).

  • Избыточный код. То, что реально сделать двумя вложенными блоками, зачастую делается пятью. Любые изменения влекут за собой часы мучений.
  • Ввиду своей кажущейся простоты, некоторые используют компоненты Bootstrap не по прямому назначению. Посмотрите форму авторизации стандартного шаблона beez2 🙂 Возникает вопрос: а нужна ли такая унификация?

Для большинства уникальных шаблонов Bootstrap противопоказан. Нужно его переделывать в шаблон, а не создавать шаблон при помощи этой библиотеки. Поначалу кажется, что все должно быть наоборот. На практике чаще всё оказывается совершенно иначе.

Можно долго перечислять все недостатки и достоинства Bootstrap, но смею надеяться, что Вы уже уловили суть: либо переделываем библиотеку под задачу, либо сталкиваемся со всем вышеперечисленным. Есть еще третий вариант — не используем вообще.

Templates Frameworks

Так называемые Templates Frameworks или «шаблонные фреймворки». Разрабатываются со смыслом облегчить жизнь верстальщикам клубов, которые их разрабатывают. Можно на этом и ограничиться в объяснениях 🙂 Но все же поясню.

Любая из этих громоздких надстроек создается с целью сокращения времени на изготовление шаблона. Клубные дизайнеры изначально рисуют макет с учетом реалий фреймворка. Своеобразное LEGO. Посмотрите на работы RocketThemes.

До появления Gantry Framework, каждый их шаблон был уникален и оригинален. После – однообразие, отличаются только цветами.

Когда-то мне нравился Gantry Framework. Любовь прекратилась после того, как коллега попросил меня подкорректировать стили в уже готовом клубном шаблоне. Работа, которая в обычных условиях заняла бы от силы 1 час, заняла более 4х часов. И это учитывая, что на тот момент я неплохо ориентировался в Gantry.

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

Если требуется сверстать один шаблон, то использовать что-либо подобное не имеет смысла. Вы в несколько раз увеличите время на разработку. Ваш шаблон будет работать медленнее, нежели без использования фреймворков.

В конце концов, нужно сперва учить HTML, CSS, PHP, JavaScript. И только имея знания и опыт в этих дисциплинах, реально что-либо там сделать.

Многие обманываются именно этим, считая, что оно само за них выполнит всю работу.

LESS & SASS

LESSSASS – очень модные и актуальные препроцессоры. Просто обязаны сокращать и оптимизировать наш труд. Условия и миксины – то, что нужно! А теперь посмотрим сюда 🙂 Все те же переменные. Есть в планах и вложенность, и прочее, что так отстаивают в препроцессорах их поклонники. 

По поводу сокращения трудозатрат — вопрос сам по себе спорный. Препроцессоры скорее усложняют работу. Кода всегда получается больше, чем при работе обычными способами. Его больше, как в исходнике, так и в генерируемом css. И в этом коде всегда много лишнего.

Например, для border-radius уже давно не нужны вендорные префиксы. Современные браузеры сами обновляются до актуальных версий, а старые браузеры не поддерживают CSS3 с любыми префиксами.

Тем не менее, препроцессоры мило предоставляют возможность не дублировать свойства со всевозможными -moz- и -webkit-.

Форматирование генерируемого кода просто чудовищно. Очень трудно ориентироваться в том, что получается на выходе в файле с расширением .css. Быстрее и проще все сделать без использования препроцессора.

В любом случае, использование препроцессоров в верстке небольших примитивных шаблонов нерационально. А такова основная масса индивидуальных шаблонов для Joomla, которые люди создают для себя сами, или нанимают для этого фрилансеров.

Для саморазвития, конечно же, стоит поработать со всеми доступными инструментами. Я лишь стараюсь описать их недостатки и подводные камни.

Все вышеописанное является моим субъективным мнением, построенном на личном опыте. Нужно было хорошо освоить всё перечисленное (набить множество «шишек»), чтобы в конечном счете отказаться от их использования. Чем сложнее становились задачи, тем меньше эти инструменты годились к использованию.

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

Источник: https://joomlaportal.ru/blogs/templates/2428-o-frejmvorkakh-bootstrap-i-prochem-chto-vrode-by-dolzhno-oblegchit-nam-zhizn

Когда Использовать Bootstrap для Вашей WordPress Темы (А Когда Нет)

Бутстрэппинг: плюсы и минусы

Сделайте запрос в Google – 'WordPress Темы с Bootstrap' и вы увидите сотни результатов. Там будут гайды объясняющие вам, как использовать Bootstrap для создания темы, а также платные и бесплатные темы на основе Bootstrap фреймворка.

Сделайте запрос 'Bootstrap' на странице официальных тем для WordPress и вы увидите 199 результатов. Большой выбор.

Как можно заметить разработка WordPress тем с Bootstrap довольно популярна. Но всегда-ли это лучших подход при разработке вашей темы?

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

Что такое Bootstrap?

Сайт Bootstrap'а даёт нам такой ответ:

Самый популярный HTML, CSS и JS фреймворк для разработки адаптивных, mobile first проектов для веб.

Это говорит вам о паре вещей:

  • Bootstrap адаптивный и mobile first.
  • Он использует HTML, CSS и JavaScript.

Если вы обратили внимание, здесь ничего не говорится о PHP.

В то время, как Bootstrap является фреймворком для создания веб-приложений, он не является фреймворком для создания тем: в нём нет никаких шаблонов, которые понадобятся для работы над WordPress темой.

Вместо этого, данный фреймворк даёт вам набор стилей и скриптов, которые позволят легче разрабатывать адаптивный веб-сайт, добавят интерактивности и событий, требующих JavaScript.

Bootstrap был создан, как фреймворк, который должен был помочь разработчикам работать более эффективно и стабильно. Изначально он назывался Blueprint, затем ему дали имя Bootstrap, после того, как всё больше разработчиков было вовлечено и проект начал расти.

Релиз фреймворка с открытым исходным кодом состоялся в 2011 и с тех пор он был использован во множестве веб-приложений, включая темы для WordPress.

Когда мне впервые довелось столкнуться с Bootstrap, его главным козырем была адаптивность, в то время большинство веб-сайтов (включая сайты на WordPress) всё ещё были, в большинстве своём, довольно статичные. Изначально он не был адаптивный: адаптивность добавили в 2012-ом, затем фреймворк был переработан основываясь на парадигме mobile-first в 2013-ом.

Если вы скачаете Bootstrap, вы увидите, что он состоит из набора таблиц стилей (включая минифицированные версии), JavaScript файлы и шрифтовые иконки (glyphicons), находящиеся в файлах шрифтов. Всё это не заменяет файлы вашей темы: вместо этого вы добавляете их в свои таблицы стилей и в файл functions, по мере необходимости.

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

Плюсы при Создании Тем с Bootstrap

Самая главная причина популярности Bootstrap, как фреймворка для создания WordPress тем – это то, что ему действительно есть место и применение при разработке. Так что давайте посмотрим на плюсы использования Bootstrap.

Он Адаптивный и Mobile-First

Bootstrap автоматически даёт вам адаптивность и mobile-first подход при стилизации вашей темы. Если вы испытывали какие-то трудности при разработке адаптивных тем, он сэкономит вам уйму времени, которую вы потратили-бы на обучения, как же сделать ваши стили адаптивными и добавить к ним нужные медиа запросы.

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

Плюсы данного подхода включают:

  • Если вы не знакомы с медиа запросами (media queries), вам не придётся писать их самим.
  • Система сеток использует объектно-ориентированный CSS, предоставляя вам гибкие способы по стилизации элементов на ваших страницах.
  • С парадигмой mobile-first ваш CSS более чистый и эффективный, нежели стили при desktop-first подходе.

Он Использует Современный, Чистый и Привлекательный Дизайн

По моему мнению лэйаут и типография, которую вы получаете с Bootstrap – очень хорошая. Вы не выиграете никаких дизайнерских наград, но вам наверняка удастся создать современную, отзывчивую и надёжную тему. Есть определённые особенности стилизации, которые мне особенно по душе:

  • Использование элемента для дополнительного текста в заголовках
  • Стили для цитат и блоков с цитатами (blockquotes)
  • Стилизация таблиц гораздо лучше, чем те, которые я видела в большинстве WordPress тем

Он Хорошо Совместим с HTML5

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

Он Даёт Вам Набор Готовых Скриптов

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

  • переходы (transitions)
  • модальные окна (modals)
  • выпадающие меню (dropdowns)
  • подсказки при наведении (tooltips)
  • подсказки при клике (popovers)
  • кнопки

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

Минусы при Создании Тем с Bootstrap

Однако я не думаю, что Bootstrap подойдёт каждому разработчику WordPress тем. Вот некоторые минусы Bootstrap при создании тем.

Много Учить

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

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

Только лишь стили адаптивной сетки, отвечающие за маленькие экраны, занимают 155 строчек кода: довольно много и большинство тем пожалуй не требует этого.

Прибавьте к этому классы шрифтовых иконок, кнопок и так далее.

Если вашей теме требуются большинство этих стилей (или Bootstrap будет использоваться в нескольких темах), пожалуй вам стоит потратить время на изучение, как они работают. Но в том случае если вам нужно всего-навсего пару колонок и адаптивный дизайн, пожалуй все эти стили будут лишними.

Он Использует Фиксированные Медиа Запросы

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

Вот пример медиа запросов:

/* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* Small devices (tablets, 768px and up) */ @media (min-width: @screen-sm-min) { … } /* Medium devices (desktops, 992px and up) */ @media (min-width: @screen-md-min) { … } /* Large devices (large desktops, 1200px and up) */ @media (min-width: @screen-lg-min) { … }

За последние несколько лет, более популярным и практичным подходом при адаптивной вёрстке стал так называемый подход основанный на брейкпоинтах зависящих от дизайна (design-based breakpoints), вместо заранее, строго обозначенных медиа запросов.

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

Если вы захотите добавить медиа запрос к вашим стилям, вам придётся модифицировать и подстраивать под ваш новый брейкпоинт, 155 строк отвечающих за лэйаут – не самое интересное занятие!

Он Добавляет Лишний Код

Да, я предполагаю вы ждали этого – скептический ответ любого веб-разработчика, узнавшего о новом фреймворке или инструменте.

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

Минифицированные файлы – это хорошо, но действительно-ли вам нужен неиспользуемый код в вашей теме.

Он Может Мешать Творческому Процессу

Добавьте файлы Bootstrap вашей теме, импортируйте их в ваши таблицы стилей, готово! У вас есть адаптивный дизайн, который выглядит неплохо. Многим из нас, возможно, понравится такой сценарий, немного изменить цвета, пожалуй, и на этом всё.

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

Проблема заключается в том, что большинство тем использующих Bootstrap выглядят довольно одинаково. В последнее время, разработчики тем для WordPress отлично научились избавляться от внешнего вида – 'выглядит, как WordPress', хотели-бы вы, чтобы все ваши темы смотрелись, как – 'выглядит, как Bootstrap'?

Bootstrap и WordPress Очень Разные

В конце концов, по моему мнению, самый значительный фактор не использовать Bootstrap – это то что он не разрабатывался для работы с WordPress, и по сути они сильно различаются.

Обычно фреймворк для создания WordPress тем даст вам всё, что есть в Bootstrap, и это будет более оптимальный метод работы для WordPress разработчика.

Фреймворк не должен быть дорогим и обладать огромным количеством кода: к примеру Wonderflux – бесплатная тема с открытым исходным кодом, включает в себя адаптивную систему сеток (тоже самое, что и Bootstrap, но в разы минималистичнее), а также библиотеку функций и хуков, которую вы не получите с Bootstrap.

Пример того, как Bootstrap и WordPress несовместимы, можно найти в дизайне навигации. Навигация WordPress по умолчанию не будет работать с Bootstrap, вам придётся её кастомизировать. Это не так сложно сделать, если вы привыкли к коду WordPress, но в то же время добавляет один лишний шаг при создании темы.

Заключение

У Bootstrap несомненно есть плюсы. Если вам нужен привлекательный дизайн, чистый и адаптивный лэйаут, набор JavaScript эффектов, в этом случае он поможет вам упростить процесс разработки.

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

В заключении я хочу рассказать в каких ситуациях следует воспользоваться Bootstrap:

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

Я рекомендую не использовать Bootstrap в следующих случаях:

  • Если вам нужно больше гибкости относительно брейкпоинтов, дизайна и лэйаута
  • Если вы будете использовать только один скрипт, или если вам не нужна сетка
  • Если вам нужно быстро что-либо отладить, или добавить – Bootstrap тут не поможет
  • Если вы можете использовать фреймворк для создания WordPress тем, или начальную тему (starter theme), которые вам подходят и обладают набором хуков и функций

В конце концов решение за вами!

Источник: https://code.tutsplus.com/ru/tutorials/when-to-use-bootstrap-for-your-wordpress-theme-and-when-not-to--cms-23561

Bootstrapping: что это? 10 принципов стартапа без внешнего финансирования

Бутстрэппинг: плюсы и минусы

Все чаще сегодня можно услышать вопрос: “Bootstrapping – что это?” И это неудивительно, ведь сейчас часто можно услышать об организации очередного стартапа при достаточно скромном финансировании. Поэтому тема развития бизнеса с ограниченным бюджетом более чем актуальна.

Bootstrapping: что это такое?

Данный термин используется для передачи нескольких образов, связанных с предпринимательством. Речь идет о следующих понятиях:

– самонастройка;

– самозагрузка;

– раскрутка;

– самообеспечение;

– начальная загрузка и т. д.

Если брать во внимание словарный запас, который используют стартаперы, то такой термин, как bootstrapping, можно перевести следующим образом: “затягивание поясов”. В данном случае речь идет о полном финансировании создания и развития бизнес-проекта исключительно за свои собственные средства. Допускаться может только незначительная финансовая помощь со стороны.

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

Bootstrapping: плюсы и минусы

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

Если говорить о преимуществах более подробно, то нужно выделить следующие положительные факторы, сопряженные с данной моделью:

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

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

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

4. Поскольку bootstrapping – бизнес с нуля, без денег, владелец компании вынужден прилагать все усилия для получения максимальной прибыли. Это означает формирование достойного сервиса и грамотной стратегии работы с клиентами в принципе. А в условиях современно рынка хорошее обслуживание является ключевым условием успешного роста компании.

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

6. Стоит понимать и тот факт, что чем позже будут привлечены инвесторы, тем большая доля компании окажется в руках ее фактического создателя.

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

Давая ответ на вопрос «bootstrapping – что это», нужно коснуться и минусов подобной формы развития компании. Одним из ощутимых недостатков бутстрэппинга является отсутствие чистой прибыли на первых этапах развития предприятия. Это обусловлено тем фактом, что все заработанные средства необходимо сразу же инвестировать в проект.

Еще один минус, заслуживающий внимания, – это необходимость действовать быстро и предельно грамотно. Именно от правильности действий зависит, сможет бутстрэппер выжить или нет.

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

Быстрый доход

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

Если же доход будет низким или нестабильным продолжительное время, то компания может и вовсе прекратить свое существование.

Основательное изучение конкурентов и рынка

Поскольку bootstrapping – бизнес с нуля, который должен приносить доход быстро и сразу, перед запуском конкретного проекта необходимо тщательно проанализировать рынок на предмет актуальности конкретного продукта или услуги. Не стоит упускать из внимания и деятельность конкурентов, которые уже имеют опыт в реализации похожих проектов.

Чтобы отвоевать место под солнцем в рамках конкретного сегмента рынка, необходимо сделать акцент на двух направлениях: качество и УТП. Под УТП стоит понимать уникальное торговое предложение. Речь идет о таком позиционировании себя, которое позволит выделиться среди конкурирующих компаний. Качество необходимо для того, чтобы новые клиенты превращались в постоянных.

Для изучения спроса можно организовать различные опросы и практиковать пробные заказы.

Креативный маркетинг

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

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

Его отличительной чертой является не продажа товара, а презентация потенциальным клиентам полезной, интересной информации, которая имеет косвенное отношение к продукту компании. Подобные методы обязательно должны быть использованы в таком формате предпринимательства, как bootstrapping.

Собственный бизнес без вложений способен развиться на малобюджетном креативе до впечатляющих высот.

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

При этом вовсе не обязательно тратить много денег на создание сайта. Достаточно сделать понятный и удобный ресурс, на котором будет размещена грамотная презентация продукта. Тратить значительные средства на сайт в начале предпринимательской деятельности – это неразумно.

Активное личное участие

Рассматривая такое понятие, как bootstrapping (что это, уже должно быть понятно), нужно осознать тот факт, что организатор бизнеса такого формата должен свести к минимуму расходы компании. Это означает, что ему придется выполнять несколько должностных обязанностей лично. Причем перечень функций, которыми займется автор проекта, должен быть максимальным, но, разумеется, без перегрузки.

Тщательно продумывать бюджет

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

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

Личное участие в пиаре

По возможности нужно суметь привлечь внимание СМИ, а также интернет-изданий к своему проекту. Для этого придется лично контактировать с представителями медийного пространства, которые с охотой берут интервью у основателей различных стартапов.

Подобная реклама не окажет нагрузки на бюджет и поможет презентовать миру информацию о собственной компании.

Личные расходы

Стартапер, который становится на путь бутстрэппинга, должен быть готов ограничивать себя по максимуму. Такой маневр позволит брать с бизнеса минимум денег, инвестируя львиную долю средств в развитие проекта.

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

Не снижать наценку

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

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

Обратная связь с клиентами

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

https://www.youtube.com/watch?v=kr8wPkdHFA0

Другими словами, нужно тонко организовать взаимодействие с клиентами и завоевать их симпатию.

Как можно заметить, оказаться на вершине, выбрав бутстрэппинг, реально. Главное – действовать быстро и грамотно.

Источник: http://fb.ru/article/220356/bootstrapping-chto-eto-printsipov-startapa-bez-vneshnego-finansirovaniya

Успешный бутстрэппинг стартапа. Возможно ли это? | INOSTUDIO — Студийные записи

Бутстрэппинг: плюсы и минусы

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

Что такое «бутстрэппинг»?

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

Бутстрэппинг — это противоположность процесса создания бизнеса путем принятия значительного внешнего финансирования со стороны венчурных капиталистов (VC) и/или бизнес-ангелов.

Rusbase предоставляет более лаконичное определение бутстрэппинга: «Бутстрэппинг – способ финансирования компании на свои деньги, без привлечения внешних инвестиций».

Большинство стартапов в мире по-прежнему идут по этому пути, либо потому, что нет альтернативы, либо из-за возможности быть абсолютно независимыми от внешних инвесторов.

Основатели наиболее успешных технологических компаний 20-го и 21-го века первоначально использовали бутстрэп-подход: Apple, AppSumo, Craigslist, , Hewlett-Packard, MailChimp, Microsoft и Oracle.

Плюсы и минусы бутстрэппинга

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

Преимущества бутстрэппинга:

  • В основном это дешевле и эффективнее, чем привлечение внешнего финансирования: использование только ваших собственных средств (и, возможно, небольшой части финансов от друзей, членов семьи и/или коллег), чтобы подпитать ваши бизнес-силы для запуска работоспособного стартапа, и сократить количество ненужных трат.

  • Позволяет вам сохранить полный контроль над владением вашей компанией: венчурные инвесторы, ангелы и другие внешние финансовые спонсоры чаще всего не только требуют, чтобы вы предоставили им долю вашей компании, но еще и хотят участвовать в управлении (характерно для поздних стадий инвестиций).

    Создание компании путем бутстрэппинга облегчит получение финансирования в будущем: если в какой-то момент вы будете готовы искать внешнее финансирование, инвесторы будут впечатлены тем фактом, что вам удалось создать компанию полностью самостоятельно.

  • Позволяет развить в себе таланты и делать то, что поначалу казалось невозможным.

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

Недостатки бутстрэппинга:

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

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

  • Значительно более рискованно с точки зрения финансовых потерь (и, возможно, юридических последствий).

    Причина проста — бутстрэппер инвестирует свои собственные деньги (и, возможно, деньги своих близких друзей, родственников). Проблемы и последствия потери значительных денежных сумм существенно увеличены, по сравнению с инвестициями из чужого капитала. Бутстрэппинг часто приносит ощущение постоянного стресса и давления.

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

1. Подтвердите свою идею

Самыми главными аспектами успешного бутстрэппинга стартапа являются:

  • Выявление и проверка монетизируемой боли клиента;
  • Вычисление спроса и предложения на прогнозируемом целевом рынке;
  • Создание, тестирование и улучшение MVP.

Часть этих ключевых процессов включает проверку идеи продукта. К счастью, это можно сделать без существенных денежных затрат.

https://www.youtube.com/watch?v=ALq8ihw4pwU

Стартап предприниматели могут использовать одну или несколько из следующих стратегий для проверки идеи продукта перед тем, как запускать его на рынке:

  • Двадцатидолларовый Старбакс тест. Вы покупаете кофе прохожим, в обмен на объективную и честную обратную связь о вашей идее.
  • «Стук в дверь». Подход в котором используют онлайн-опросы и персонализированные сообщения на интернет-форумах для сбора отзывов.
  • Тестовая рекламная кампания. Например, создайте дешевый, но эффективный лендинг, который презентует уникальное ценностное предложение и позволяет посетителям регистрироваться (или даже предварительно заказывать) ваш будущий продукт. Затем оцените результаты рекламной кампании.
  • Использование сайтов для продвижения бета-версии, например, Betalist. Рекламируйте свое приложение среди тестировщиков/ранних пользователей.
  • Посещение митапов и конференций для сбора отзывов и получения бесплатной помощи/консультаций от экспертов в вашей отрасли.

2.Постоянно что-то делайте

Стартап предприниматели любят это высказывание: «Кто пассивно ждёт — в конце концов получает ожидаемое, но только то, что осталось после тех, кто действовал энергично».

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

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

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

Предприниматели, не получающие внешние инвестиции, как правило, не могут позволить себе нанимать sales-менеджеров, маркетологов и PR-специалистов.

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

Инвестируйте время в изучение продаж, маркетинга, пиара, рекрутинга, аккаунтирования, бизнес-кейсов и т. п.

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

3. Сосредоточьтесь на прибыли; заставьте кэш работать на вас!

Cледите за своими деньгами, как ястреб, и реализуйте бизнес-модель, которая быстро генерирует наличные деньги с самого начала.

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

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

Поэтому бутстрэпперы не могут позволить себе тратить деньги. Их прибыль — это деньги на финансирование бизнеса. Из-за этого бутстрэпперу необходимо растить платежеспособных клиентов. Они должны иметь возможность выплачивать зарплату, оплачивать счета и вкладываться в развитие компании — все за счет прибыли компании.

4. Будьте изобретательными и бесстрашными

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

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

Ниже приведем некоторые примеры изобретательности:

  • Обеспечение достаточного количества средств для финансирования вашего стартапа, даже когда вы пытаетесь привлечь инвесторов: существует множество правительственных грантов, которые могут помочь продвинуть вашу компанию. А также частная поддержка, предлагаемая такими компаниями, как Microsoft и конкурсы Hacker Cup и Google Code Jam.
  • Использование мощных, но бесплатных (или почти бесплатных) инструментов, таких как Google Docs, Slack, MailChimp и многих других, что упрощает запуск стартапа на ранней стадии.
  • Будьте умными (то есть «экономным») по отношению к вашими деньгами: выберите функциональное офисное пространство или обойдитесь вообще без офиса на первых порах. Начните с бесплатных версий QuickBooks и Dropbox. Печатайте бесплатные визитные карточки. Купите подержанный компьютер вместо новейшего MacBook.

Запомните! Никогда не будет лучшего времени для запуска стартапа

Ваши единственные ограничения — это ваше собственное творчество, страсть и готовность воплотить ваши мечты в реальность.

Источник: https://inostudio.com/ru/article/bootstrap.html

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.