Rou1997

Делать для начала все самому без фреймворков или же сразу начинать учить фреймворк?

Как получаться будет.

если да приложение будет стабилно работать...

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

или это будеть потерии времини

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

Это не WYSIWYG, просто textarea и кнопки, вставляющие тэги, не понимаю, в чем у вас трудность.

как у тостера

Как вариант, клавиша F12 в браузере.

Для этого существуют фреймворки - Angular, React.js и др., сперва стоит посмотреть их, и подумать, если ни один не понравится - писать свой фреймворк, а jQuery-плагины вообще-то имеют иное назначение, это если вам надо добавить какие-то свои функции к стандартным "объектам" jQuery:
$("#id").your_own_function();
Плагин jQuery, расширяющий функционал или ускоряющий разработку (функции-"хелперы"), тоже можно включить в состав своего фреймворка, но не надо все подряд делать jQuery-плагинами.

Ну, блок должен загружаться из базы, либо просто при перезагрузке страницы, либо AJAXом, хотя зачем AJAX, это же не чат.

Непонятно, причем здесь JavaScript, вообще-то параметры GET-запроса нужно обрабатывать на сервере, например, PHP;

<?php
echo $_GET['id'];
?>

Но можно и на клиенте средствами JavaScript распарсить window.location.href

Самое простое: сделать запрос на сервер, а на сервере уже по-человечески реализовать отправку.

Изображение в JSON - это перебор, вы где такое видели?
В JSON надо ссылку на изображение передавать... А лучше только его id, а там пусть JavaScript формирует ссылку с id, поскольку в JSON нужно вообще минимум байт передавать, он и без того не очень быстро парсится.

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

Во-первых, если это веб-приложение (скажем, онлайн видео-редактор), то нет смысла индексировать ничего, кроме лендинга на его главной страницы.

Во-вторых, с чего вы взяли, что современные поисковые боты работают только с HTTP и HTML и не умеют выполнять JS?
Особенно бот от Гугла, который вообще-то разработал свой браузер, едва ли не лучший в мире, и "движок" V8, это вас тоже не смущает?
Проведите эксперимент, сделайте простейшую страницу с AJAX, добавьте ссылку в поисковики и посмотрите, сравните с версией без JS.

В-третьих, если браузер не поддерживает JS, то можно отдавать клиенту версию без JS.

Скрипт для Photoshop? Слишком уж специфическая задача получается. Последний раз я 3 года назад об этом слышал, так что думайте...
Может, там есть возможность просто создать интерфейс на HTML+CSS, вместо того, чтобы использовать API ExtendScript? Очень уж редкое, поэтому вряд ли кто-то поможет бесплатно, другое дело - за деньги.

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

"А если у меня клиентское приложение просто. Запросы через нттр рекуэтст"
В каком смысле - клиентское? Причем здесь HTTP-запросы, какое они имеют отношение к тому сайту?

У вас просто отдельное десктопное приложение, и нужно записать/считать из localstorage браузера, который установлен на том же ПК?
Тогда так и надо ставить вопрос.
Ну, как-то же на диске эти данные хранятся.
Значит, HEX-редактор... Гугель... Изучение исходников браузера... И т.д.
Я однажды копал какие-то подобные данные браузеров, для любопытства. В принципе, осилил бы. Но практического применения я не вижу, поэтому делать не стал.

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

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

DOM-элементы загружаются сверху-вниз, это касается и head с body (сначала head, т.к. он выше).
Если расположить свой script ниже элемента shortstory, то он будет работать. Иначе - только с ready и т.п. (это событие специально отслеживает, когда все элементы загружены).

HTTP и Fiddler, Wireshark
либо Phantom.js

$("***").mouseenter(
    function() {
setTimeout(function () {
  $(this).parents('****').addClass('active');}, 1000);
    });

Или так:

var thizz; //глобально

$("***").mouseenter(
    function() {
    thizz = $(this);
setTimeout(function () {
  thizz.parents('****').addClass('active');}, 1000);
    });

Вообще странно, зачем секунду ждать, а если юзер мышь отведет за это время?!