Vikhrmodels/habr_qa_sbs huggingface dataset:
Вопрос: Как начать работу ИП? Как собрать пазл: я — договор — клиент — оплата — банк — налоговая — налоги?

Лучший ответ:
Скажу так - дела Ваши, достаточно, печальный - если Вы задаетесь подобными вопросами. Срочно начинайте изучать все организационный вопросы.
0) Нашли от Лебедева - переделайте под себя и не мучайтесь. Чем меньше договор - тем хуже, меньше предусмотрено всякого рода подводных камней.
1) ТЗ отдельным приложением к договору, причем, неотъемлемой его частью. Будете вставлять в договор - это Вам придется каждый раз договор переписывать. Более того, каждый раз надо будет перезаключать, по сути, новый договор - если в ТЗ что-то поправить надо будет.
2) Даже не знаю как здесь сказать. Проще, в Вашем случае будет загуглить: "Счет на оплату" - первое что попадется, использовать как пример. Соответственно Вам придется только поменять реквизиты и вписать позиции.
3) Вчитайтесь внимательно. Подумайте. Что значит отражать этот договор на счете? Договор - это Ваши взаимоотношения с партнером, они кроме Вас, ни кого больше не интересуют. 
4) Указывайте нумерацию как хотите, можно вообще не указывать, самое главное это дата договора и его суть.
5) Обратитесь к бухгалтеру - пусть он обслуживает Вас, а то В так далеко не уедете. Вообще что с налогами делать, надо посмотреть что у Вас за система налогообложения.
6) Вы можете все прописать в договоре. В ИП, принимайте деньги как хотите. Чтоб не платить с этого налоги, Ваш бухгалтер или Вы не должны указывать это в отчетности (для этого, деньги проще принимать на другой счет, на тот, который не фигурирует в налоговой). 
7) Так и отражайте. У Вас, в договоре, наверняка есть/будет пункт относительно порядка и сроков сдачи и оплаты - вот там это и отражайте.
8) Вы оказываете услуги, следовательно, акт приема работ должен быть. Более ничего особого не надо.
Самый главный совет - в первом предложении, моего коммента.

Худший ответ:
ИП на УСН? смысл брать деньги в темную при нынешних страховых взносах и возможности их компенсировать за счет налога? или такие обороты, что налога больше, чем 35 тыщ в год?
Вопрос: ООП PHP не работает класс?

Лучший ответ:
1. Включите вывод всех ошибок и тогда интерпретатор сам вам будет говорить, почему не работает.
2. Вы объявляете свойства устаревшим способом. Очень-очень устаревшем (еще в 4 версии атк делали). Надо так:public $firstname;
public $lastname;
3. В конструкторе у вас неправильно обращение к переменным. Уберите второй знак доллара:public function __construct($firstname, $lastname) {
    $this->firstname = $firstname;
    $this->lastname = $lastname;
  }
Должно получиться вот так:<?php
class Info {
    public $firstname;
    public $lastname;

    public function __construct($firstname, $lastname) {
        $this->firstname = $firstname;
        $this->lastname = $lastname;
    }

    public function GetInfo() {
        $n = $this->firstname.' '.$this->lastname;
        return $n;
    }
}

$a = new Info('Ivan', 'Pupkin');
echo $a->GetInfo();
И вам надо сменить учебник, по которому вы это делаете. Он очень устарел и больше вреден, чем полезен.

Худший ответ:
Должно быть так: $this->firstname = $firstname;
$this->lastname = $lastname;
Вопрос: Где и как найти работу Ruby on Rails junior developer в Москве?

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

Худший ответ:
Попробуйте зарефакторить свой код, и продолжайте поиски.
https://codeclimate.com/github/risentveber/flashcards
https://codeclimate.com/github/studpad/studpad
Вопрос: Какие прорывы совершились в отрасли изготовления очков за последнее время?

Лучший ответ:
В целом усилия были направлены на облегчение линз, что достигалось за счет применения пластиков, антирефлексных покрытий. А так же всякая защита от царапин, водоотталкивающие покрытия и т.п.
Сравнивая очки, купленные за ~1т.р. рублей на всякий случай и полностью «заряженые» за 20т.р. на каждый день могу сказать, что сумма себя оправдала. Глаза устают меньше, страха поцарапать не то что бы нет, но защита пластиковых линз приближает их к привычному стеклу в плане небрежности в выборе протирочного материала. Для примера гуглите линзы Rodenstock, у них на сайте вполне подробно описано большинство последних достижений индустрии.
Весь «хайтек» наворачивается хоть на просто «диоптрии», хоть на «фотохромы» (хамелеон).
А внешне да, особо ничего не изменилось, разве что оправу найти стало проще.

Худший ответ:
Утемнительныe очки, это наверное линзы хамелионы.
Также есть антибликовые линзы, упрочненные(со спец. слоем) линзы и т.д. Хотя я в этом не профессионал. Просто не так давно очки сломал, новые заказывал.
Вопрос: Почему созданные переменные не равные нулю в c++?

Лучший ответ:
Потому что вы посчитали бредом главу учебника по C++ про создание переменных и инициализацию оных. При создании переменной в стеке на С++ -  ячейка памяти, на которую смотрит переменная не меняет своего значения. Поэтому там мусор встретить можно на раз. если для вас важно начальное значение переменной - инициализируйте переменную ВРУЧНУЮ)

Худший ответ:
используйте универсальную инициализацию:int a{};
теперь a = 0
Вопрос: Как лучше верстать подобный узор?

Лучший ответ:
Я бы отрезал от волны бесшовный кусочек и сохранил в PNG без фона. Далее сделал бы блок во всю ширину и сделал заливку фона этой PNG-шкой. Можно сделать тоже самое с помощью SVG. Если нужна совместимость, можно сделать fallback с помощью Modernizr.

Худший ответ:
На бело-коричневой границе паттерн из гифа, у которого верхняя часть непрозрачная с белым паттерном (верхняя прямоугольная граница на таких шумах незаметна), а нижняя часть прозрачная, но цвет matte не дефолтный белый, а цвета коричневого фона. Будет немного шумновато, но визуально незаметно.
На нижней картинке придётся использовать полупрозрачный png.
Вопрос: Какие единицы измерения часов указываются в расписаниях ВУЗов?

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

Худший ответ:
Прозреваю, что это в академических часах. Академический час - это 45 минут. Пара, это два академических часа. Ну и так далее.
Вопрос: Чем можно закриптовать коммерческий PHP-скрипт?

Лучший ответ:
Сделать API на своем сервере, а продавать открытые клиенты-пустышки с персональными ключиками к этому API. Железный вариант.

Худший ответ:
ionCube — если нет средств купить саму программу, на сайте есть онлайн энкодер, за один файл дешево выходит.
Вопрос: Как настроить gulp-autoprefixer для Gulp?

Лучший ответ:
autoprefixer ориентируется на данный ресурс, согласно которому лисе уже последних 20 версий не нужен вендорный префикс для градиента, но если очень хочеться можно написать что-то вроде:.pipe(prefix({ browsers: ['last 25 versions'] }))

Худший ответ:
вот мой кодgulp.task('sass:watch', function() {
    gulp.watch('./project/**/*.scss', ['sass']);
    gulp.src('./project/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(autoprefixer({
            browsers: ['last 4 versions']
        }))
        .pipe(gulp.dest('./project/css/'))
});
Когда включаю все ок, добавляет префиксы. Но когда я меняю scss и сохраняю, все префиксы слетают. Подскажите в чем проблема?
Вопрос: Масштабное изменение IP?

Лучший ответ:
Я бы советовал вам переорганизовать сеть и построить должную документацию.
Настроить всю статику на DHCP привязав IP к MAC. В итоге любые изменения в будущем не сильно займут время. Да я понимаю что это долго, но проблем с этим может быть намного больше потом. DNS в данном случае также можно задать определенным адресам свой и т.д.

Худший ответ:
Тут один мой комментарий, думаю может помочь.
Вопрос: Как получить определенный элемент массива в Perl?

Лучший ответ:
$el - это ссылка на хэш. Ее надо разыменовать, прежде чем обращаться к самому хэшу:foreach my $el (@series){
  print $el->{'login'};
}

Худший ответ:
в perl массивы не имеют именованных ключей
используте Хэши
Вопрос: Как лучше создать декоративное меню — под углом, с множественными элементами?

Лучший ответ:
1. Общий поворот меню.
2. Элементы меню с overflow:hidden.
3. Элементы с box-sizing:border-box, а для некоторых вместо рамки позиционируются псевдоэлементы.
4. Внутри элементов картинка, превышающие размеры элемента примерно в 1.5 раза (не менее, чем корень из 2-х) и с поворотом в обратную сторону.

Худший ответ:
То есть ниже представленный способ гуманный и не развалится?
codepen.io/anon/pen/pJoXLe
Вопрос: Github: как стянуть комит на форке с папы?

Лучший ответ:
Что значит комиты в виде бранчей? Вы бы лучше написали что хотите сделать, что хотите получить.

Что бы вытащить отдельный комит можно сделать патч — git format-patch или diff — git diff, и потом можно его накатить куда нужно.

Если же нужно синхронизировать репу в одном направлении, то вам нужно будет иметь как минимум 2 ветки:
1. оригинальный код, который будет периодически git fetch, скажем, с RosYama.2
2. ваши изменения + мерж ветки 1

Все что от вас будет требоваться — это периодически вытаскивать обновления и мержить их в ветку 2.

Худший ответ:
Как-то странно.
Все эти бранчи должны же в итоге вливаться в основную ветку?
Вопрос: Выбор жесткого диска на 1тб?

Лучший ответ:
Я предпочитаю продукцию WD, но это мои личные предпочтения.Конкретная модель зависит исключительно от предполагаемого режима использования.
Надежность у всех одинакова. Есть утилиты для мониторинга, и резервное копирование.
А там как повезет. Никакая фирма не может вам гарантировать того, что транспортная компания не уронит контейнер с дисками.

Худший ответ:
Статистика надежности HDD-накопителей:
ru.gecid.com/news/backblaze_obnovila_statistiku_na...
Вопрос: Выбор Apple iPad

Лучший ответ:
Не забывайте что на ipad 2 и ipad с retina дисплеем огромная разница в разрешении экрана  и вполне вероятно сайты будут по разному отображаться.

Худший ответ:
Спасибо! Буду покупать iPad 2 - сделаю к НГ подарок :)
Вопрос: Что писать в резюме начинающему программисту?

Лучший ответ:
пассивный поиск в сто раз хуже для новичка чем активный
так что рассылать
звонить
ходить на собеседования
ну и неплохо бы делать каждое резюме под отдельную вакансию

Худший ответ:
Устраивайтесь на любую работу. С момента поступления, не торопясь, ищите что получше.
Вопрос: Как организовать дизайнерскую работу?

Лучший ответ:
неплохая книга  Дженифер Титдел точного названия не помню("эффективное взаимодействие паттернов", а так вообще главное это практика, еще недавно лазил на просторах авардас и наткнулся на отличную коллекцию книг,  как найду сылку скину! и вообще  соглашусь у нас отличные дизайнеры!

Худший ответ:
Есть подозрение, что вы не понимаете для чего и что такое UX в процессах и продукте.
Вы пишите про данные во главе угла, затем про наблюдение (видимо за пользователями) — вещи абсолютно разные.
Дело в том, что есть несколько методик разработки интерфейса, одни из них Data Centered Design, где основываемся на данных, без учета людей вообще, например чисто по статистике измеряем эффективность решения, а есть User Centered Design, где все решения идут от человека, за которым следим и на котором тестируем (не на одном само собой, больше разговоров и взаимодействия проектировщика с людьми). Вы же это почему-то равняете к одному знаменателю, это не верно. Совершенно разные подходы.
Есть ещё например Customer Centered Design, System Centered Design.
Почитать про генерацию идей, да, Де Боно норм,
я бы ещё методику Дизайн Мышления посоветовал и Lean UX (хотя по сути тоже самое).
Вопрос: В какой программе лучше всего делать дизайн сайтов и мобильных приложений (Photoshop или Sketch или InDesign)?

Лучший ответ:
Будет полезно. Фотошоп vs Иллюстратор.
Забудьте про «индизайн».
Если рассматривать «скетч», то он выигрывает в организации макета. И на должном уровне знания продукта  ускоряет вашу работу. Не забываем, что это векторный редактор.
Кстати, я не поленился и «погуглил». Вот статья. Достаточно разжёвано. 
Спрашивать мнение у массы в данном случае, не выход из положения. У обеих программ свои плюсы и минусы, и каждый смотрит на это со своей колокольни. Это как в статье где чувак сравнивает «фотошоп» и «люстру», но спор скорее идёт о растре и векторе, чем о программах. «Фотошоп» и «скетч»? Те же яйца, только в профиль.

Худший ответ:
Какие есть хорошие программы для проектирования структуры программ?
Вопрос: Как добавить поле id из другой таблицы?

Лучший ответ:
Могу посоветовать почитать на тему типы связей в БД, 1 к 1, 1 ко многим, многие ко многим. Связать вы хотите скорее всего не базы а таблицы.

Худший ответ:
SELECT `tableone`.`id`, `tabletwo`.`id` as `idtwo` FROM `tableone` AND `tabletwo` WHERE `tabletwo`.`name`=`tableone`.`name`;
здесь развернутый пример запроса из двух таблиц с условием. выше крыши хватит...
Выхлоп: `id`,`idtwo`
Вопрос: Почему анимация в хроме тормозит?

Лучший ответ:
Тормозит потому, что ты изобретаешь собственный велосипед. Зачем? Существует множество библиотек, которые нормально работают во всех браузерах. Зайди, например, на http://jquery.page2page.ru/index.php5/Эффекты и посмотри, как это реализовано в jQuery.

Худший ответ:
Достаточно быть попроще в описании анимации.
jsfiddle.net/q0htgx0f@-webkit-keyframes test {
	0% {
		-webkit-transform: scale(.3);
		opacity: 0;
	}
	50% {
		-webkit-transform: scale(1.15);
	}
	90% {
		-webkit-transform: scale(.98);
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes test {
	0% {
		transform: scale(.3);
		opacity: 0;
	}
	50% {
		transform: scale(1.15);
	}
	90% {
		transform: scale(.98);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.modal-animation-spring {
	-webkit-animation: test .5s;
	animation: test .5s;
}
Вопрос: Как сохранить страницу сайта со всем ее зависимым содержимым?

Лучший ответ:
Погоди.... Phantom.js это несколько другое.... 
Если тебе просто выкачать сайт нужно сохранив все пути и зависимые файлы, то юзай wget!wget -r -k -l 7 -p -E -nc http://site.com/
Где -r—указывает на то, что нужно рекурсивно переходить по ссылкам на сайте, чтобы скачивать страницы.-k—используется для того, чтобы wget преобразовал все ссылки в скаченных файлах таким образом, чтобы по ним можно было переходить на локальном компьютере (в автономном режиме).-p—указывает на то, что нужно загрузить все файлы, которые требуются для отображения страниц (изображения, css и т.д.).-l—определяет максимальную глубину вложенности страниц, которые wget должен скачать (по умолчанию значение равно 5, в примере мы установили 7). В большинстве случаев сайты имеют страницы с большой степенью вложенности и wget может просто «закопаться», скачивая новые страницы. Чтобы этого не произошло можно использовать параметр -l.-E—добавлять к загруженным файлам расширение .html.-nc—при использовании данного параметра существующие файлы не будут перезаписаны. Это удобно, когда нужно продолжить загрузку сайта, прерванную в предыдущий раз.P.S. ты пишешь что это будет сервис, тогда в принципе ничего сложного написать BASH реализацию скрипта. Однако нужно учитывать все тонкости твоей задачи...

Худший ответ:
Софтом типа teleport для винды или deep vacuum для мака
Вопрос: Как подключить библиотеки, используя composer?

Лучший ответ:
создаете проектcomposer.phar init
подключаете зависимостиcomposer.phar require sabberworm/php-css-parser
Оно это дело пропишет и установит, и в файлике, в котором хотите эти зависимости использовать (или в точке входа) пишите:require __DIR__ . '/path/to/vendors/autoload.php';
иии все.

Худший ответ:
у вас в проекте должен быть файл composer.json в него нужно добавить строчку
"sabberworm/php-css-parser": "*"
и запусть composer update
Если у вас в проекте не используется composer, то установить можно вручную скачав с github
Вопрос: Сколько GH/s нужно для того, чтобы намайнить 25 BTC в неделю?

Лучший ответ:
ИМХО майнить начинать уже поздно. Начинайте что-то другое. Свои пулы делать или еще что-то...

Худший ответ:
Если начинать прямо сейчас, то что-то около 27097 GH/s
Вопрос: Как понять файловые системы Linux?

Лучший ответ:
Есть книжка по архитектуре UNIX, вот в ней можешь найти все принципы устройства.
"Архитектура операционной системы UNIX." Бах Морис
Можешь и какие-нибудь упрощённые книжки поискать для поверхностного изучения.
1. Если директива и файл это просто inode с разным флагом внутри него, тогда откуда VFS или ядро знает что условно в папке /etc/ лежат всякие файлы(другие inodes) - это я пока не понял, не могу найти ни каких внутренних ссылок между собой файлов и директорий ?!
Есть начальный inode, который указывает на список дальнейших inode, которые указывают на списки дальнейших inode.
Директория является как бы файлом, в котором записаны пары (имя, inode) других директорий и файлов.Где вообще этот жуткий "/" хранится?
В файловой системе (в заголовке) записан адрес на диске, где начинается самый первый inode. Потом он читается и из него получаются адреса последующих inode.
А сам inode представляет из себя метаданные (данные о данных), где указаны всякие флажки и адрес на диске, где хранится уже содержимое файла.

Худший ответ:
Inodes относятся к внутренней реализации конкретной фс, к ядру отношения они не имеют. Например в FAT нет inodes, но ядро умеет с ней работать.
Вопрос: Письма не адаптируются под экран — что делать?

Лучший ответ:
Придется переверстать письмо — сделать его адаптивным.
Есть пара неплохих вебинаров на эту тему тут (под видео ссылка на "продолжение").

Худший ответ:
как победить эту беду? брать все красивости и писать только текст
example motherfuckingwebsite.com
Вопрос: Скайп vs Linux

Лучший ответ:
Виноват pulseaudio. Я писал как-то в скайп про этот баг, они ничего внятного не ответили. Запустите скайп, сделайте pulseaudio -k — вуаля!

Худший ответ:
сложно что-то сказать… предыдущую версию скайпа пробовали?
Вопрос: Какие есть способы передачи контактов с сайта в смартфон?

Лучший ответ:
ru.wikipedia.org/wiki/QR-код

Худший ответ:
www.memiana.com/
Загружаете vCard в Outlook или в Gmail и передаете на любой смартфон.
Вопрос: Ссылочный тип данных JavaScript?

Лучший ответ:
В первом случае вносятся изменения в объект arr, соответсвенно, раз в newArr хранится ссылка на объект arr, то и newArr меняется. Во втором переменной arr просто присваивается новое значение.

Худший ответ:
Потому что в Javascript копирование и передача производится by sharing.
В переменной хранится значение (или копия) ссылки. Объект немутабельный, а свойства очень даже.
Дмитрий Сошников хорошо всё это описывает.
В вашем примере вы записали в переменную значение примитива, но в другой переменной значение осталось прежним.
Вопрос: Какую CMS лучше всего использовать для создания доски объявлений?

Лучший ответ:
Osclass лучшая бесплатная CMS сайта объявлений osclass.pro

Худший ответ:
И тут тоже Joomla!
Вопрос: Можно ли настроить VPN только для одного пользователя ПК (Vista Home Premium)?

Лучший ответ:
Но с трудом верится, что такая на вид несложная вещь на деле недостижима.
дело в том, что в этих ваших компьютерах принята определённая модель взаимодействия открытых систем, которой стараются придерживаться: нижние уровни систем ничего не знают о верхних. то есть сетевой стэк не обязан знать, что система вообще может быть многопользовательская и решает только задачу «передать данные», а не «передать данные Коли или Васи».

то, что вы просите, всё же, реализуемо на линуксе — там есть возможность дискриминировать пакеты в netfilter и iproute2 по критерию uid, но на винде — никогда. лучшее, что вы можете сделать — вписать маршруты к нужным вам узлам, требующим анонимности, через VPN, либо направить ваши приложения через прокси-сервер

Худший ответ:
Как вариант, можно завести виртуальную машину, и пробросить её через vpn. Заодно и безопасность с анонимностью можно повысить — очень просто и удобно при необходимости загружать снапшоты с «чистой» системой.
Вопрос: Откуда берется мусор в переменной с плавающей запятой в Delphi?

Лучший ответ:
Из-за того, что число 340,788 невозможно точно отобразить в плавающей запятой. Никакой: ни single, ни double, ни extended. А FloatToStr на стандартных настройках предполагает точность не то double, ни то extended.

Худший ответ:
Наверно все таки бинарно хранятся дроби а не десятичной ещё в школе это все проходят
Вопрос: Как определить уровень зарядки батарейки АА подручными средствами?

Лучший ответ:
Языком, языком. 
А по сабжу - раз приборов дома нет, втыкайте все по очереди. Если мышка умеет работать от одной батарейки - то втыкайте по одной, ещё проще будет. Даже на разряженных батарейках она может какое-то время поработать (час, хотя бы) - потихоньку разрядите все и сдадите в утиль.

Худший ответ:
свежая батарейка даёт нормальный ток
Вопрос: Модульность в C++ как это может выглядеть?

Лучший ответ:
Пакеты Джавы и сборки Дотнета - это про модули в терминах крупной структуры приложения, они тут не при чем.
Речь идет о модулях на уровне программного кода.
Хотите примерно понять как это будет выглядеть - посмотрите, например, на юниты в Паскале. Это примерно и есть то, что хотят получить в конечном счёте - возможность по-человечески, на уровне языка, объявлять интерфейсы модулей, подключать их друг к другу, следить за зависимостями между модулями (разве что модули C++ вроде как не привязываются к единице компиляции, в отличие от юнитов Паскаля).
Сейчас в C++ это достигается большим хаком на уровне препроцессора (а не компилятора языка), называющимся include-файлы. Этот механизм, основанный на правиле "много объявлений, одно определение", унаследован из Си, и по сути представляет собой замену отсутствующей возможности передавать метаданные от одной единицы компиляции к другой при сборке проекта. С помощью инклудов вы напихиваете в один файл ВСЕ, что может потребоваться компилятору. По факту выливается в то, что бОльшая часть единицы компиляции после обработки препроцессором - это содержимое инклуд-файлов. И всё это обрабатывается компилятором каждый раз заново (в каждой единице компиляции). В Си это еще куда ни шло, но в плюсах, где многие библиотеки содержат тяжелый шаблонный код, это становится совсем печальным. Помимо этого, сама работа с инклудами - это непростая практика, и если следовать ей неверно, особенно новичкам, они могут получить от компилятора удивительнейшие ошибки. За примером далеко ходить не надо - попробуйте в большом проекте не ставить защиту от множественного инклуда.
Вся эта препроцессорная магия красоты и прозрачности языку не добавляет. Пока в других языках пишут "package foobar" и "import foobar", мы пишем "#pragma once" или даже "#ifndef FOOBAR_H ...". Уже грустно как-то становится.
Вышесказанное в одно предложение: модули хотят сделать настоящими, вместо имитации средствами препроцессора.

Худший ответ:
По сути измениться поведение #include. Не будет такой глубокой рекурсии включения всего в один большой текстовый файл. Сейчас каждый cpp компилируется отдельно, все заголовки парсятся каждый раз заново.
Вопрос: Какой выбрать дистрибутив после Arch Linux?

Лучший ответ:
Дебиан консервативен и потому весьма стабилен, в смысле, так, как в арче "обновил и что-то отломилось" не получится с очень высокой вероятностью.

Худший ответ:
За Mint.
Еще взгяните на CrunchBang (ubuntu + openbox).
Тоже пользователь Arch, бывает у них такое, теперь перед обновлением стараюсь зайти на их сайт и глянуть новости, обычно там пишут о проблемах при обновлении и их решении.
Вопрос: С помощью каких языков программирования написаны геймофицированные обучающие проекты?

Лучший ответ:
В качестве первого языка программирования я всегда советую Python. Учиться и практиковаться - это хорошо, конечно; потом всё написанное вы выбросите и начнёте сначала, и не один раз, но это правильно и так нужно. :) Разбейте процесс на части.
- Коли вы уже знакомы с HTML, вам не составит труда сделать примитивную вёрстку на Bootstrap. И этого достаточно на первых порах. Займитесь лучше серверной частью - пусть это будет Python плюс какой-нибудь веб-фреймворк, пусть Django. Это позволит вам достаточно быстро сделать основные функции и ваше приложение будет уже как-то работать. Django многие вещи сделает за вас.
- Вы будете своё приложение совершенствовать, изучая постепенно понятия языка и фреймворка.
- А уж потом вы можете перейти к клиентским делам и украшательствам - вёрстке, JS, etc, etc.
Ну а так вы делаете обёртку без конфеты. Если угодно - в профиле есть почта, пишите. Мне интересна тематика.

Худший ответ:
Площадка https://repl.it/