Дмитрий Беляев

https://www.sweetjs.org/

Angular 4 (почти 5)

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

советую Ubuntu

CentOS не понравился, замороченный слишком

ну и да, бздов вообще не надо

Что за ночь то такая))) Одни "спецы" валят))
По сабжу: Не надо так делать. Тем более если не умеешь))))))

И на это есть весомые причины!
Я конечно не знаю зачем, но если просто "для прикола", что скорее всего, то всегда нужно помнить одну простую истину: как можно меньше, а лучше вообще не менять и не лезть ручонками в стандартное поведение браузера если на то нет веских(!) оснований. Это не придаст сайту +100 к крутости или выше позицию в выдаче! Это также не убережет Ваш драгоценный контент от воровства, если вы надумали следующим вопросом узнать "Как отключить правую кнопку мыши?" или "Как запретить выделение текста". Те кому надо нажмут f12, ctrl+shift+i, зайдут через менюшку и т.д. (для сохранности контента есть другие методы, не требующие подобных издевательств над посетителем).
А вот что может, так это только разозлить МНОГОУВАЖАЕМЫХ посетителей, ведь именно так Вы к ним относитесь?:)
И если Вы подумали "Ну хотя бы скроллбары можно стилизовать?" - да, но только в админке:)))) Т.к. согласно исследованиям (уже не вспомню кто и где их проводил), даже казалось бы такая мелочь как стилизованные скроллбары - нет-нет да и тянет на себя тот кусок излишнего внимания, из-за отсутствия которого посетитель не увидит нужный ему пункт меню, кнопку, etc...
Потому что ему будут "мозолить глаза" - Ваши красивые скроллбары))
Не надо на Новый год также пускать снег на страницу, вполне хватит шапки деда мороза на лого.
Максимально сохраняйте привычную атмосферу, в которой посетитель будет себя комфортно чувствовать.

А крутости... Крутости может добавить оптимизация кода, когда любая страница Вашего ресурса в w3 валидаторе будет зеленой! Это и в серпе кстати подымет немного. А если мало крутости - добейтесь показателей 100/100 в googlePageSpeedInsights! Таких сайтов я не видел вообще! (кроме своих конечно)))) Это и прирост в выдаче даст (побольше чем w3 error-ов) и скорость увеличится, а соответственно и отклик в виде (продаж, адсенс-объяв и т.д.)

Разве что webGL использовать. Есть библиотека для работы с этим делом three.js, там можно прямо 3D-модель стакана загрузить и лепить на него всё, что угодно)) А готовый результат можно даже повертеть))
Вот, когда-то с чайничком так ирался))

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

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

И пусть. Нормально сделанной базе плюс-минус лям пользователей - не вопрос.

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

С этим сложнее. Если есть пользовательский контент - то сначала необходимы люди, которые будут его модерировать (не забудьте сделать внятный инструмент модератора для поиска и удаления пачкой комментариев по шаблону). Антиспам автоматика не исключает необходимости в людях, которые будут проверять вручную. Вы видели спам на stackoverflow? А попадается и там.
И капча, разумеется, не панацея тоже.

1. Есть другие способы защиты.
2. Есть каптчи, которые не видны пользователю (https://www.google.com/recaptcha/intro/)
3. Бывает лишней

В поток сознания очень сложно вникнуть. Но что могу точно сказать - не делайте SPA на jquery. Сойдете с ума.

Приобрести у своего провайдера внешний IP и настроить IP-forwarding в своем роутере. Для удобства можно приобрести домен и привязать к нему IP.

Angular 1, он же AngularJS - это устаревшая версия, не совместимая с другими

Angular (он же Angular 2, его более новая версия Angular 4 и ожидаемые Angular 5 и 6) это современная версия, по сути большой фреймворк. Ориентирован на Enterprise-приложения, но может использоваться и в других видах проектов. Из плюсов - строгая типизация(Typescript), много всяких удобных средств для решения проблем доступно сразу, из коробки. Из минусов - достаточно большой размер бандла, но есть техники, как сделать его очень маленьким, а также не самые лучшие StackTrace при отладке. Активно разрабатывается и достаточно популярен.

React - это не фреймворк, а по сути просто библиотека для работы с ui. Поэтому при работе с ней часто используются другие библиотеки, Redux, Flux, Mobx, Redux-Saga и другие. Из плюсов - высокая скорость рендеринга, популярность. Из минусов - необходимость поддержки зоопарка библиотек для приложения, многое не доступно и придется искать по просторам сети в поисках нужного пакета. Еще из минусов(но это очень субьективный минус) - JSX, и писанина HTML внутри js, что напоминает о не лучшем прошлом с php.

Vuejs - более легковесна, чем react c его зверинцем или огромный angular, самая маленькая и очень быстрая.
Также поддерживает компонентный подход. Шаблоны больше похожи на Angular, чем на React. Пока еще не популярна так сильно, как другие 2, но это скоро поменяется.

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