Vikhrmodels/habr_qa_sbs huggingface dataset:
Вопрос: Замена содержимого и появление div при клике. Как реализовать?

Лучший ответ:
Способов масса. Вот один из:HTML:<button class="js-button" data-toggle-text="Close">Open</button>
<div class="js-container hidden">
Some text here.
</div>CSS:.hidden {
  display: none;
}
Если вы не используете jQuery в проекте, то посмотрите пример на чистом JavaScript:JavaScript: (Демо: codepen.io/anon/pen/EjzYpy );(function($D){
    var $button    = $D.querySelector('.js-button'),
        $container = $D.querySelector('.js-container');
  
    $button.addEventListener('click', function(e){
      var data = e.target.dataset,
          toggleText = $button.innerHTML,
          isVisible = $container.style.display == 'block';
      
      $button.innerHTML = data.toggleText;
      data.toggleText = toggleText;
      
      $container.style.display = isVisible ? 'none' : 'block';
    });
})(document);
Если используете jQuery, посмотрите следующий пример:jQuery: (Демо: codepen.io/anon/pen/MwdgEN )$(function(){
  var $button    = $('.js-button'),
      $container = $('.js-container');
  
  $button.on('click', function(){
    var toggleText = $(this).data('toggle-text');
    
    $(this).data('toggle-text', $(this).text())
           .text(toggleText);
    
    $container.toggleClass('hidden');
  });
});

Худший ответ:
Пример jQuery . Пример JSВот это прочитать.
Мой вариант на js.
css:.Open{
    background:#508;
}
.Close{
    background:#fd3;
}
html:<div id='click'>click</div>
js:t = document.getElementById('click')
t.onclick = function(){
    this.className = (this.className == 'Open')?' Close':'Open'
}
document.onclick = function(e){
    if(e.target.id != 'click'){
        t.className = ' Open'
    }
}
Прокомментируйте, какой код лучше, тот что "пример js" или которой я выложил.
Меня интересует ваше мнение.
Вопрос: Возможно ли подписаться на топ хабра

Лучший ответ:
habrahabr.ru/rss/ — а это не оно?

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

Лучший ответ:
Может быть попробовать запускать через системную команду nohup? Для консоли это идеальный вариант, вероятно и Вам подойдет.

Худший ответ:
Спасибо. Команда nohup помогла.
Вопрос: Что выбрать для высоконагруженного сайта?

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

Худший ответ:
1. Найти, таки, людей :)
2. Если обязательно самому - сделать прототип. Если взлетит, брать людей для того, чтобы делать для хайлоада.
3. Разобраться, действительно, ли ожидается хайлоад. Может с тем, что вы хайлоадом считаете, на самом деле справится и простая система.
4. Если таки всё таки хайлоад и таки нужно сразу и таки без людей - разобраться со значением слова "масштабируемость". И понять, что слова "нагруженный" и "быстро" совершенно в данном контексте никак не связаны. И платформы, языки и базы данных совершенно второстепенны.
Вопрос: Проигрывание рипов на старом железе

Лучший ответ:
litvinuke.hut.ru/articles/qv.htm
Главное чтоб звук цепануло, и с этим, скорее всего, будут проблемы.

Худший ответ:
оу, даже не знаю, попробуйте coreAVC?
Вопрос: Рассылка писем пользователям сайта

Лучший ответ:
Да, желательно отправлять отдельное письмо каждому пользователю. Кроме того лучше размазать отправку во времени. Обычно создают где-нибудь очередь отправки(например в БД) и постепенно опустошают ее, отправляя письма. Также есть уже готовые решения типа phplist. А еще можно воспользоваться внешними сервисами почтовых рассылок, например WebAsyst.
PS ни phplist, ни WebAsyst я лично не пользовался, так что отзыв об их работе дать не могу. Лично я всегда реализовывал эту функциональность через очередь в БД.

Худший ответ:
Попробуй Postmark. Пользуемся, нареканий нет.
Вопрос: Ширина html страницы на мобильных устройствах?

Лучший ответ:
Попробуйте HTML-фреймворки HTML5 Boilerplate. В них уже все сделано. Не могу сказать точно относительно айпада, но на Android-планшете верстка с media queries отлично работает с обеими ориентациями экрана.

Худший ответ:
Коллеги. Большое спасибо за подсказки. Есть продвижения в верстке для мобильных устройств.

Я добавил в блок  тег /> 
Андроидовский смартфон стал после этого нормально отображать страницу, причем при смене ориентации ширина меняется и внешний вид подстраивается под нее. А вот ipad при смене ориентации страницу только масштабирует. Жаль что нет под рукой iphone, чтобы этот момент как то протестировать.

Продолжаю знакомиться с темой верстки для мобилок, спасибо еще раз за подсказки.
Вопрос: Что должно быть в портфолио веб-разработчика?

Лучший ответ:
А этот год Вы что делали? Вот это и выкладывайте.
Вопрос слишком общий, веб — он разный. Сделайте то, чем хотели бы заниматься. Если планируете заниматься, ну не знаю, разработкой магазинов для ИП-шников, то сделайте пример такого магазина. Если хотите игры делать — делайте игру.
Опять же, заказчики тоже разные бывают. Одним надо красивенький дизайн, а другие будут смотреть, например, на наличие вклада в open-source проекты. И все смотрят опыт работы в годах.
Поэтому, в любом случае, я бы рекомендовал пару лет провести работая в команде над каким-нибудь сложным проектом, а то год опыта — это пшык.

Худший ответ:
Во что сам поверишь, то и скидывай, можешь даже чужие макеты натырить, разработчик не обидеться :) 
Человек который любит свое дело, всегда рад что его продукт используют, даже если не по назначению.
Вопрос: Ноутбук 7500 грн (310$)?

Лучший ответ:
возьмите какой то lenovo, выбор тут не особо большой, это лучшие предложение цена/качество

Худший ответ:
Я бы прежде чем покупать ноут обязательно посмотрел существующие предложения на предмет параметров, и конечно же обратил внимание на отзывы реальных покупателей. Все это легко делается на Яндекс.Маркете...
Вопрос: PUT &amp; POST при написании API

Лучший ответ:
Кратко: POST — создание, PUT — обновление
Авторитетного источника применительно к REST не будет, так как REST, строго говоря, не определяет ни POST, ни PUT. REST просто допускает использование HTTP. Следовательно наиболее авторитетный источник по поводу POST/PUT — это спецификация HTTP 1.1:

The POST method is used to request that the origin server accept the entity enclosed in the request as a new subordinate of the resource identified by the Request-URI in the Request-Line.

The PUT method requests that the enclosed entity be stored under the supplied Request-URI.

То есть POST используется для создания подчиненной сущности, а PUT для сохранения сущности.
POST в случае успеха всегда должен возвращать статус 201 (Created) и Location на новый ресурс.
PUT же может возвращать как 201 (если ресурс не найден), так и 204 (No Content) — если ресурс обновлялся.

Худший ответ:
1. Как мне кажется наиболее эффективный метод работы выглядит следующим образом
GET /reports(.:format) reports#index (коллекция)
GET /reports/:report_id/images image#index (коллекция)
POST /reports(.:format) reports#create (создание)
GET /reports/new(.:format) reports#new (инициализация, удобный прием, в разрезе REST можно не рассматривать)
GET /reports/:id/edit(.:format) reports#edit (иницаилизация, данные для редактирования)
GET /reports/:id(.:format) reports#show (конкретный объект)
PUT /reports/:id(.:format) reports#update 
DELETE /reports/:id(.:format) reports#destroy
DELETE /reports/:report_id/images images#destroy
PUT для коллекций ниразу не пришлось использовать, выдумывать ничего не буду

2. Вторая часть рест — коды ошибок
Например эффективно используется в связке с jQuery: евенты success, error и т.д. отзываются корректно.

3. (самое важное) Межсистемное взаимодействие.
Restfull API интуитивно понятен разработчикам сторонней системы, если конечно разработчики представляют что такое рест
В любом случае, при межсистемном взаимодействии, важно пользоваться единым стандартом, а разрабатывать его налету — опасно. Большинство выбрали REST, если я не заблуждаюсь.

4. Никакой путаницы.
Ни в приложении, ни во фронтенде, ни в API, при использовании REST, вы совершаете одинаковые действия, с одинаковыми объектами, обращаясь на одинаковые URL, с одинаковыми наборами параметров. Поведение всех систем предсказуемое, все подвластно единой концепции.
Вопрос: Какие есть преимущества у laravel5 перед symfony2?

Лучший ответ:
Если вы ощущаете себя в Symfony как рыба в воде, то ничего нового вам Laravel не даст - построен он на компонентах Symfony, архитектурные принципы те же. Только в Laravel всё это скрыто за удобными фасадами.
С другой стороны, если вы понимаете Symfony, и вообще имеете приличный опыт разработки и голову на плечах, то вы больше времени на чтение ответов здесь потратите, чем на изучение Laravel.

Худший ответ:
строчку в резюме это может дать
Вопрос: Где получить базовые математические знания начинающему программисту?

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

Худший ответ:
На мехмат на 1-2 года. Можно и не заканчивать, если нужны именно знания, а не бумажка.
Вопрос: Бесплатная альтернатива Nero Burning ROM?

Лучший ответ:
Сто лет уже не писал диски, но когда то пользовался infrarecorder.org/

Худший ответ:
пользуюсь плагином под тотал коммандер — aBurner
Вопрос: Можно ли осваивать программирование для android с минимального уровня в процессе фриланса?

Лучший ответ:
Встаньте на место заказчика, вы сами себе сделали бы заказ ?

Худший ответ:
Если просто, коротко и ясно ─ ДА, остальное детали.
Вопрос: Можно ли установить Windows и Mac OS на один жёсткий диск?

Лучший ответ:
В смысле, у вас не мак, а обычный ноут? Конечно, как и с любыми двумя и больше системами, Win и OS X могут жить на одном диске, достаточно его подготовить. Порезать на разделы, отформатировать в подходящие файловые системы и установить независимо друг от друга. Только проблема не в этом! Apple разрабатывает свою ОС под ограниченный список железа и OS X не должна быть установлена на что-то без логотипа яблока на корпусе. Поэтому, прежде чем разбираться в тонкостях установки более одной ОС на диск, стоит погуглить слово «хакинтош».

Худший ответ:
Можно, если сможете подобрать драйвера под свое железо
Вопрос: Как эффективно изучать JS?

Лучший ответ:
Я рекомендую изучать JS примерно таким путем:
– чтение learn.javascript.ru (чтение и, естественно, практика);
– параллельное прохождение модулей по JS на codeschool;
– держите перед глазами актуальные вопросы для собеседования JS-разработчика (habrahabr.ru/post/239065/), стараясь на них ответить;
– читайте хороших авторов: Дуглас Крокфорд, Джон Рейзиг, Стоян Стефанов;
– найдите на GitHub людей, которые согласятся ревьюить Ваш код, я серьезно!
Ну и не забывайте: чем чаще Вы пишите код, тем лучше получается; чем сильнее стараетесь разобраться в основах языка, тем легче будут даваться в освоении фреймворки и паттерны.
Желаю успеха!

Худший ответ:
Из книги: Вадим Дунаев Самоучитель JavaScript
потом
javascript подробное руководство 5 или 6-ое издание
Вопрос: Как работает SMTP отправка писем по сравнению с mail()?

Лучший ответ:
А mail через голубиную почту отправляет что ли?

Худший ответ:
mail() - отправляется с локального сервера, не нуждается в наличии почтового сервера
smtp - можно как с локального так и с удаленного, необходим почтовый сервер. Можно использовать GMAIL и другие (проверять нужно, не помню). Например хост: smtp.gmail.com, логин example@gmail.com (ваш почтовый ящик) и пароль от него, порт и так далее.
стандартной функции mail() вам хватит с головой, просто нужно проверить ваш IP в спам базах и настроить SPF запись для домена (что бы не было проблем с доставкой)
Вопрос: Пробелма cookies в разных браузерах?

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

Худший ответ:
Если нет требований к IE < 8 и сервер не нужен для доступа к кукам, советую использовать localStorage
Вопрос: Wi-Fi роутер для большого дома?

Лучший ответ:
Apple AirPort Extreme, дом 300кв+ охватывает отлично, есть N стандарт и 5Ghz

Худший ответ:
У нас на загороднем участке стоит Ubiquiti PicoStation M2-HP, на 300м2 хватит с лихвой.
Вопрос: Как изменить input без перезагрузки?

Лучший ответ:
ajaxГотовый код не прошу, но должны же быть решения готовые!!?эта пять

Худший ответ:
Для тех кому интересно. нашел!!!!<script type="text/javascript">
         function send(url,form_id,result_div)
         {    // Отсылаем паметры
             $.ajax({
                 type: "POST",
                 url:  url,
                 data: $("#"+form_id).serialize(),
                 // Выводим то что вернул PHP
                 success: function(html)
                 {   $("#"+result_div).empty();
                     $("#"+result_div).append(html);
                 },
                 error: function()
                 {  $("#"+result_div).empty();
                     $("#"+result_div).append("Ошибка!"); } }); }
   </script>
                                </head>
                                <body>
        <div id="result">
 в форме обязательно:<form  role="form" action="javascript:send('file.php','myform','result');" id="myform"   method="post">
Вопрос: Имеет ли смысл создавать связи таблиц MySQL?

Лучший ответ:
Если вы о внешних ключах (foreign keys), то они нужны для сохранения ссылочной целостности и никак не упростят выборку данных.
Вот здесь неплохо это расписано.

Худший ответ:
Да, целостность данных... ну, как я понял "каскадное удаление"  все обеспечивают средствами php, эту возможность MySQL не используют
Вопрос: Выбор операционки для нетбука?

Лучший ответ:
Подключить кабелем и в убунте:
System -> Administration -> Hardware drivers
и поставить проприетарные драйвера от производителя.

Худший ответ:
Там 470 атом, ютюб будет летать на семерке.
Вопрос: Есть ли у нас аналог DARPA?

Лучший ответ:
Если кратко, то нет. 
Если подробнее, то (… много мата...) нет. 
Вообще у истории забавные казусы. 
В СССР была очень грамотная система планирования R&D вообще — государство заказывало не просто отдельные изыскания и проекты, но систему целиком (то есть страна покупала не просто новый самолёт, а завод по производству этих самолётов вместе со всеми патентами, смежными производственными линиями, ремонтными базами и так далее). Американцы очень кусали локти по этому поводу, так как экономия для государства получалась колоссальной. 
С другой стороны, результаты отдельных исследований и патенты, хотя и принадлежали формально государству, охранялись намного строже, чем в странах дикого капитализма — и не из-за режима секретности, а чтобы о них не пронюхали парни из соседнего НИИ. В итоге страна владела кучей изобретений, которые не покидали родной завод.

Худший ответ:
Кстати, в нашей стране, в советское время, разработкой цифро-аналоговой связи (и оборудования, и протоколов и прочего) на дальние расстояния занималось МПС для нужд советской железной дороги. Вполне себе аналог DARPAnet, со временем могло бы вырасти в советский аналог интернета.
Вопрос: Легальный вывод с upwork — миф или реальность?

Лучший ответ:
>И поэтому меня мучает вопрос - является ли схема с user agreement и инвойсами (хз что это) чисто белой или это полусерая схема, лишь бы хоть как-то обелить доходы перед налоговой?
Налоговая как не интересовалась Вами пока Вы не платили налоги, так и не будет интересоваться, когда платить начнете. Особенно с 2016 по 2018 - пока действуют надзорные каникулы. Заинтересуется только когда будете закрывать ИП (если будете), и то, если последние три года вашей деятельности не будут состоять из нулевых деклараций.
Даже когда заинтересуется, если сумма уплаченных налогов соответствует движению средств по счету, даже если у Вас вообще нету никаких документов объясняющий откуда деньги, максимум что Вам светит, это штраф 30 000,  не чаще чем раз в квартал. Могут еще и нервы потрепать, но не по закону, а на правах любого недоброжелательного встречного, что в органах встречается все реже.
Реальные проблемы у Вас будут (точнее могут быть) с валютным контролем банка с которым будете работать. У основной массы банков ориентированных на предпринимателей схема работы с Upwork отлажена. У модульбанка логотип Upwork - вообще на странице валютного контроля https://ext.modulbank.ru/?cityid=f27b4452-0f6f-e41...
Банки требуют именно правильно оформленные публичную оферту и инвойсы. Некоторым банкам вместо инвойсов достаточно скриншотов, но при закрытии ИП скриншотами Вы не отделаетесь. Убедиться, что правильно оформленных инвойсов и публичной оферты Вам хватит для закрытия ИП - Вы можете заранее у своего налогового инспектора (не исключено, что именно Вам придется его просвещать и показывать соответствующие законы).
К юристам обращаться бесполезно - даже лучшие из них в теме чаще всего плавают. Слишком редко им попадаются такие клиенты/вопросы и слишком много специфики в деятельности Upwork. Исключение - юристы специализирующиеся на внешнеэкономической электронной коммерции. Найдете такого, познакомьте меня с ним. 
Лучшие консультации Вам дадут сотрудники валютного контроля того же модульбанка или банка Точка. Чистота сделки в глазах контролирующих органов - одна из услуг которую они предоставляют.
Если не готовы вручить свою судьбу валютному контролю банка, соберите в гугле ссылки на статьи по теме легализация oDesk|Upwork и перечитывайте по одной ссылке в день или неделю. То что раньше казалось спорным или китайской грамотой, через несколько недель или месяцев станет простым и очевидным.

Худший ответ:
А какие у вас обороты? Нет смысла беспокоиться, если в месяц выводите меньше 600 тыс. рублей.
Вопрос: Где взять Source SDK Base 2007?

Лучший ответ:
Правой кнопкой позначку стима (он должен быть установлен), откройте магазин. Там в верхнем меню нажмите «Просмотр» и выберите «Инструменты». В списке будет куча всего, там есть и Source SDK.

Худший ответ:
или steam://run/218
Вопрос: Вопрос к линуксоидам/хостерам?

Лучший ответ:
Совершенно верно, модуль не будет работать на Virtuozzo, и это еще не самое страшное, еще куча вещей в iptables может не работать (модули), но элементарные вещи, как закрытие портов, вы совершенно спокойно можете настроить руками.

Худший ответ:
Я тоже не такой уж админ — взял и настроил в консольке iptables, как надо. Инструкции же в инете есть совершенно пошаговые. Хуже когда надо что-то такое настроить, а хостер SSH-доступ предоставляет только на сутки и только после предоставления сканов паспорта — вот это я понимаю, проблема (реальный случай).
Вопрос: Как можно усовершенствовать мой примитивный код?

Лучший ответ:
из первой части:function changeDelegate(diff) {
    
    return function(event) {
        var $count = $(this)
                .parent('div')
                .children('.count')
            ,
            mc = $count.text();
        $count.text(parseInt(mc, 10) + diff);
    };
}
$('.plus')
    .click(changeDelegate(1));
$('.minus')
    .click(changeDelegate(-1));

Худший ответ:
$(".plus").click и прочие
заменить на 
$(document).on('click',".plus",function(){});
$("div").is(".cart-item-"+classNum)
заменить на
$("div.cart-item-"+classNum).length!=0
это то, что сразу бросается в глаза
$(this).parent("div").children('.count')
заменить как вы сделали с th
Ну и вообще я бы на вашем месте сделал объект блока cart-item- (например, cartItem), включающий в себя html и свойства, включающие дочерние элементы
а дальше при событии click на .add делал var newCartItem = cartItem.clone()
Вопрос: Красный или синий?

Лучший ответ:
Кажись ссылка урезалась...
Если по хар-кам совпадает - берите.
Хотя за 600р можно четыре штуки из поднебесной заказать :)

Худший ответ:
осправьте ссылку
Вопрос: Как обычно верстаются такие цифры?

Лучший ответ:
Генератор CSS 3D текста. поможет.

Худший ответ:
text-shadow несколько параметров через запятую
Вопрос: Законно ли использовать базу музыки вконткте.ру?

Лучший ответ:
грабь награбленное! :)

Худший ответ:
Будет считаться незаконным распространением.
Вопрос: PHP скрипт с огромным временем выполнения — как правильно такое писать?

Лучший ответ:
Я оформлял такие скрипты в виде консольной команды на PHP.
И работало все по такому принципу:
1) Запускаем команду, она пишет в базу (в специальную табличку) что она запущена
2) На фронтенде запускается ajax который время от времени проверяет табличку с состоянием команды по ее идентификатору.
3) Команда завершилась ошибкой и записала в табличку свое состояние «error» например и сообщение ошибки, ajax запрос увидел это и сообщил уже веб интерфейсу.
4) Команда завершилась успехом — аналогично пункту (3)

Худший ответ:
Вот ещё хоть и извращенческо-костыльный, но в некоторых случаях почти незаменимый вариант (требуются базовые знания PHP и HTML/JavaScript):

1. Пишется скрипт, парсящий XML и составляющий в виде HTML табличку с урлами картинок.
2. Пишется скрипт, которому передаётся два параметра: значение строки в табличке из п. 1 и номер (индекс) строки в этой табличке. Задача скрипта: в PHP-части залить картинку и записать что надо в базу, а в onload на body (javascript) прописать редирект на себя же, но со значением (получается из javascript) и индексом следующей строки таблички. Если индекс равен количеству строк, выдать alert, что заливка закончилась.
3. Пишется простенькая html-страничка из двух фреймов: в первом фрейме скрипт из п. 1, во втором — скрипт из п. 2 со стартовыми значениями. Эта страничка открывается в браузере, после чего можно пойти поспать. Комп желательно держать на надёжном канале в инет и бесперебойнике, чтобы связь не прервалась.
Вопрос: Хорошо ли плодить переменные внутри JS объекта?

Лучший ответ:
В общем случае, ради единственного вызова переменную заводить не стоит. Но могут быть исключения. Например, вы собираетесь реализовать использование этой переменной в будущем, и хотите дать это понять в коде. Или просто для читабельности, если метод небольшой и легко видно, где переменная используется (как в примере).

Худший ответ:
Я в своей практике описываю всё, что собираюсь использовать, а потом выкидываю лишнее. Крайне трудно писать сразу начисто, так что лучше потом почистить, чем дописывать создание с учётом контекста.
В общем, лучше делать как Микеланджело, только отсекать лишнее придётся от того куска гранита, в который мы сами и вылили свои мысли (в гранит ведь можно лить — так премьер сказал, а он — юрист, всё знает).
Вопрос: Nginx + Passenger обрезает ответы на запросы (присоединенные файлы в Redmine)

Лучший ответ:
Попробуйте в настройках nginx'ов (кстати зачем плодили сущности если не секрет? Можно ведь все в одном сделать...)
В http
client_max_body_size 128M;
client_body_buffer_size 4096k;
после proxy_pass
proxy_read_timeout 3600;
proxy_send_timeout 3600;

Настраивать как нравится.

Худший ответ:
Плодили потому что один под рутом (вот не помню почему под рутом, думаю надо от этого тоже избавиться), а другой под пользователем нужным для redmine.

Спасибо за информацию, попробую – отпишусь.
Вопрос: ASP.Net или ASP.Net MVC?

Лучший ответ:
ASP.NET MVC актуальнее конечно.
Но не исключено, что ASP.NET WebForms тоже может пригодиться, на нем немало было проектов сделано, которые и сейчас поддерживаются и дорабатываются.

Худший ответ:
MVC перспективнее. Стоит ещё знать о ASP.NET MVC 6 или vNext habrahabr.ru/post/242243 . Вероятно оно станет основной технологией.