pavki/hr_qa_sbs_best_bad huggingface dataset:
Вопрос: Где брать PSD шаблоны сайтов для вёрстки?

Лучший ответ: https://cssauthor.com/templates/
https://psdfreebies.com/psd/category/web-elements/...
https://psdrepo.com/tag/free-psd-website-templates/
www.pcklab.com/templates
https://freebiesbug.com/psd-freebies/website-template/
www.os-templates.com/free-psd-templates
https://colorlib.com/wp/free-psd-website-templates/
https://speckyboy.com/free-photoshop-psd-web-desig...
https://dcrazed.com/free-photoshop-psd-website-tem...
https://dcrazed.com/best-free-blogger-templates/
https://cssauthor.com/corporate-business-web-templates/
https://freshdesignweb.com/free-travel-website-tem...
https://inscribemag.com/free-psd-website-templates/
https://www.freepik.com/
blazrobar.com/tag/free-psds
devfloat.net/business-corporate-bootstrap-templates
https://freedesignresources.net/category/free-temp...

Тут в общем-то и одного psdrepo на всю жизнь хватит:)

upd 2022:
https://t.me/build_html
https://t.me/figma2html

Худший ответ: Пиратский - https://themepicker.net/developer-tools/
Ответ написан более трёх лет назад
Вопрос: Что лучше использовать для авторизации пользователей cookie или сессии?

Лучший ответ: Сессии чаще всего держатся на cookie: с каждым запросом браузер передает куку с идентификатором сессии, и php вытаскивает из своего хранилища – файлов, Redis, базы данных, как настроете – сессионные данные для этого id.
Т.е. различие в том, где хранить сами данные сессии: на сервере или на клиенте.
Всё, что приходит с клиента можно подделать. Поэтому лучше использовать сессии.

Худший ответ: Обычно это связанные вещи. Иначе как вы определите к какой сессии относится данный пользователь? Если конечно не используется php-session-trans-id.
Вопрос: Почему весь текст имейла в одну строку?

Лучший ответ: По-умолчанию показывается HTML-часть письма, в HTML для  переноса необходимо добавлять тег<br>. Если вы не хотите форматировать HTML - оставьте только текстовую часть письма.

Худший ответ: Явно  указать переносы  строк в  шаблоне \r\n
Вопрос: Как запустить Youtube stream с 3 android камер?

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

Худший ответ: 1. На телефоны ставите Streamlabs
2. На комп ставите реверс прокси nginx и настраиваем как указано тут или тут 
3. Ставите OBS и потключаете медиа-потоки с телефонов из программы Streamlabs, как показано в п.2. Адрес видаrtmp://<IP-адрес машины с nginx>/<адрес приемо-передачи>
и код стрима, например, live1, live2, live3. В OBS, адреса потоковrtmp://<IP-адрес машины с nginx>/<адрес приемо-передачи>/<код стрима>
Вопрос: Как правильно распределить время?

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

Я тоже начал в 16. До этого я был весьма средним пользователем ПК и использовал его в основном для игр. С математикой у меня вообще всё плохо было. Все окружающие считали меня неисправимым гуманитарием. Но я поставил себе цель и начал ежедневно работать над её достижением. Было тяжело, очень хотелось забить, особенно после неудач. Первые полгода вообще всё свободное время отдавалось обучению. Где-то на 8-9 месяц наступил перелом, мозг адаптировался, я втянулся и процесс начал приносить удовольствие. С этого момента заставлять себя приходилось уже заниматься чем-то другим, кроме программирования.

Худший ответ: Либо физика, либо программирование.
1) Для физики математика очень нужна. Можно читать (раньше был такой) журнал "Квант". Из программирования знаю MatLab. Ещё мне нравится функциональный подход (Haskell).
2) Если программирование (в том числе спортивное), то мне понравились лекции Андрея Станкевича.
Вопрос: VueJS: минусы компонентной структуры?

Лучший ответ: Несколько общих соображений:
1. Если проект развивается, и вы не переписываете что-то уже готовое, то на начальном этапе нет смысла сильно заморачиваться со структурой. Просто делайте своевременно рефакторинг и приводите структуру к более удобному виду по мере развития.
2. По опыту более удобно все-таки иметь более плоскую структуру папок, иначе со временем по ним очень тяжело делать навигацию.
3. В вашем варианте вы получите много одинаковых файлов index и menu например. Как правило в редакторе открыта куча файлов, для названия остается мало места и у вас будет множество вкладок index.vue в итоге. Т.е. лучше делать название файла более информативным типа:
header\
  HeaderLayout.vue (или Header.vue или HeaderBase.vue ) - базовый компонент, который так или иначе использует другие.
  HeaderMenu.vue
  HeaderTitle.vue
  и т.д.
Лично я обычно имя компонента делаю равным имени файла.
4. Если не смотрели, стоит прочитать style guide по vue: https://vuejs.org/v2/style-guide/
5. Тесно связанные файлы и папки лучше держать ближе к друг другу для упрощения поиска.
6. Для базовых компонентов, чтобы отличать их от компонентов фреймворка например, можете сделать свой префикс типа app-button, app-selector и т.д.

Худший ответ: Все зависит от требований к структуре. В зависимости от них определяется ключевой параметр относительно которого проектируется структура. Ваша структура ориентирована на включение, недостатком таковой является путаница в случаях когда компоненты/модули пересекаются в дереве, к примеру когда 2 ветки используют один и тот же компонент. То есть у этой структуры есть ограничения расширяемости. Я больше предпочитаю структуру ориентированную на зоны ответственности. То есть это горизонтальная структура. Ее основной недостаток - полотно файлов и папок в обозревателе, так что без вкраплений иерархических структур папок так же не обойтись(стоит 100 раз обдумать). С другой стороны она позволяет легко ориентироваться в функциональных модулях системы и группировать внутри папки с модулем ее функционал(не выходит за рамки задачи модуля, тесно связан между собой).
Вопрос: Как обойти блокировку Iphone 5 SE?

Лучший ответ: Абсолютно никак.
На то это и iPhone.

Худший ответ: сброс до заводских настроек
https://support.apple.com/ru-ru/HT204306
Вопрос: Почему советуют не выбирать yii2 для разработки?

Лучший ответ: 1. Yii мёртв. Устарел лет на 10 по подходам и кодовой базе, и не развивается.
2. Плохой дизайн. Глобальное состояние для всего, наследование от базового класса модели, валидация через массивы там же, наследование для расширения всего и вся и прочая чушь. Отсутствие многих удобных фич типа нормального DI/аргумент резолверов, чего только стоит гибкость конфигурации сервисов в Симфе.
3. Свои велосипеды вместо чего-нибудь готового
4. Все компоненты прибиты гвоздями и не заменяются своими. Это делает код на нём нерасширяемым и нетестируемым(Ну то есть в теории переписав пол фреймворка и 100500 своих адаптеров можно писать нормально, но те кто хочет писать нормально просто уходят с Yii).
5. Слабое комьюнити которое сидит на нём потому что не осилило ничего другого / генерирует CRUD`ы через Gii(Заменить бы их уже не postgrest и прочие обёртки над базой) / инертные кодеры которым без разницы чего делать лишь бы на хлеб хватало.
6. Все фреймворки далеки(очень) от идеала, но Yii сильно отстаёт от прочих.

Худший ответ: Yii2 - это фреймворк, условно говоря, второго поколения - Codeigniter, Kohana, ZF1.
Инструмент для стиля фигак-фигак - и в продакшен. 
Начинать на нем что-либо будет недальновидно. Если осваивать Yii, то 3 версию, которая уже ближе к третьему поколению фреймворков, которое в первую очередь характеризуется модульностью и слабой связанностью.
Но полезнее всего работать с Симфони.
Вопрос: Какие ресурсы прочитать или, может, книги,где описаны приемы проектирования ядра приложения?

Лучший ответ: Первое правило проектирования ядра приложения - избавиться от ядра приложения и делать нормальные компоненты с минимумом зависимостей.
Второе правило - прочитать что такое God Object и потихоньку начать понимать причину избавления от ядра.
Третье правило - пойти читать Чистую Архитектуру/Чистый код, разобраться с концептами coupling/cohesion и т.п.
p.s. последовательная обработка данных множественными компонентами может решаться через сервисы - координаторы, через посредники(middlewares), цепочку обязанностей(Chain Of Responsibility), хоть декораторы в конце концов.

Худший ответ: Пробегите бегло по паттернам, возможно, найдете, что вам подходит https://refactoring.guru/ru/design-patterns/behavi...
Вопрос: Почему не совпадает верстка с реальными устройствами?

Лучший ответ: Вы неправильно настроили панель разработчика. У мобильных телефонов количество физических пикселей больше, чем количество «css-пикселей» в браузере. Разница выражается параметром Device Pixel Ratio (DPR) — это коэффициент умножения, сколько физических пикселей в одном «css-пикселе».
take.ms/v1Ms8
В режиме Responsive у Хрома по-умолчанию DPR=1.0 (у макбука по-умолчанию 2.0, т.к. retina-экран). Вы выставили ширину вьюпорта 540px, но у вашего телефона, скорее всего, DPR = 1.5 и разрешение в браузере соответствует 360px (540 / 1.5 = 360).
Вам надо включить отображение DPR и доработать верстку на малых экранах от 540 до 320px.

Худший ответ: Павел Радьков, хм,интересно, а как узнать этот DPR своего смартфона?
Вопрос: Как сервер по одному кабелю умудряется отослать тысячам игрокам одновременно пакеты?

Лучший ответ: Как сервер по одному кабелю умудряется отослать тысячам игрокам одновременно пакеты?Точно так же как насосная станция умудряется по одной трубе отослать тысячам людей в квартиры воду.возможность обслуживать большее количество игроков зависит от процессора или от чего?В первую очередь от самого приложения которое отсылает игрокам данные, а не от сети. Как правило все упирается именно в сам сервер приложения.
От сети основное требование - чтобы она могла пропустить нужный объем информации в единицу времени.
В некоторых играх может быть важна задержка - время прохождения сигнала до клиента.

Худший ответ: Последовательно как правило
Зависит же от всего и процессора и памяти и сети
Вопрос: Как получить все таблицы из БД?

Лучший ответ: Внимание Данная функция объявлена устаревшей в PHP 4.3.0, и, вместе с расширением MySQL, удалена PHP 7.0.0. Вместо нее используйте активно развивающиеся расширения MySQLi или PDO_MySQL. Так же смотрите раздел MySQL: выбор API и это FAQ. Альтернативы для этой функции:
SQL запрос: SHOW TABLES FROM dbname

Худший ответ: Ещё вариант - можно узнать список таблиц через базу данных information_schema:SELECT `TABLE_NAME` FROM `information_schema`.`TABLES` WHERE `TABLES`.`TABLE_SCHEMA` = '[Тут название нужной БД]';
Вопрос: Как спрятать надпись?

Лучший ответ: Уберите этот код

Худший ответ: надо подключать JS. потому как ты написал часть кода PHP а он вывелся на экран и конечно остался на странице. Разница известна между PHP и JS (один от сервера генерирует код, второй в браузере пользователя)
Вопрос: Entity Framework — не нужен?

Лучший ответ: EF вам дает возможность автоматически транслировать экспрешны в диалекты SQL и маппить это на удобные дотнетные сущности. С голым ADO.NET вы будете делать то же самое, но руками.куда логичнее было бы, чтобы в объекте Order было поле типа Client, в котором лежит объект компании-получателя, а не условный int с идентификатором.
Предлагаемая вами схема денормализована, вообще говоря, это не очень хорошо. Но посмотрите на Owned Types для EF Core и на Complex Types для EF6, мне кажется, что это то, что вы хотели бы - "встраивать" один объект в другой, сохраняя всё в единой таблице.Да, EF не то, чтобы позволяет сильно отходить от классической реляционной модели, но с ним можно точечно звать raw sql-queries, что даст больше гибкости там, где это необходимо.

Худший ответ: Если по простому то так. Всю грязную работу сделает за вас EF. 
Тут  присутствуют 3 таблицы, контроль целостности и индексы для поиска. 
Что же до ADO или там Daper честно голова болит портянки sql править.  
 Правда это не отменяет возможности пнуть приложение в дальнейшем, создав высокоскоростной адаптер для какой нибудь сущности. using System;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;

namespace HeIsBad.Dbl.Models
{
    /// <summary>
    /// Жалоба
    /// </summary>
    [Table("blames")]
    public class DbBlame
    {
        /// <summary>
        /// Идентификатор
        /// </summary>
        [Key]
        public long Id { get; set; }
        /// <summary>
        /// Жалоба
        /// </summary>
        [Required]
        public string Body { get; set; }
        /// <summary>
        /// Дата создания
        /// </summary>
        public DateTime Created { get; set; }
        /// <summary>
        /// Электронная почта жалобщика
        /// </summary>
        [Required]
        public string Email { get; set; }
        /// <summary>
        /// Причина жалобы
        /// </summary>
        [Required]
        [ForeignKey ("Reason")]  
        public int ReasonId { get; set; }

        
        public virtual DbBlameReason Reason { get; set; }
        /// <summary>
        /// Адрес жалобы
        /// </summary>
        public string BlameUri { get; set; }
        /// <summary>
        /// Кем создано. 
        /// </summary>
        public long? UserId { get; set; }
        
        /// <summary>
        /// Статус жалобы
        /// </summary>
        [ForeignKey ("BlameStatus")]   
        public int StatusId { get; set; }
        public virtual BlameStatus BlameStatus { get; set; }
    }
}
Вопрос: UI/UX дизайнер на UpWork — стоит ли?

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

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

Лучший ответ: К болевой алгебре приступай немедленно!

Худший ответ: Посмотри мою Алгебру (по учебнику Киселева). www.nerepetitor.ru/algebra.html 
+ там же на главной выбираешь тему из мат.анализа, и увидишь, что надо изучить минимально, "от печки".
Вопрос: Какой task manager вы используете?

Лучший ответ: Большинство этих сервисов перекрывает Notion.so
Попробуйте.

Худший ответ: Для коротких заметок и постов, и первичного сбора информации -- Trello. Радует поддержка Markdown и отзывчивость приложения даже на low-end девайсах.
Для простынь -- Google Docs.
Напоминалки и события -- Google Calendar.
Для программерских задач -- трекер от git-хостинга, github/gitlab/bitbucket -- они все примерно одинаковые.
Для разработки игр -- hacknplan.
Вопрос: Как протестировать VPN с помощью wireshark?

Лучший ответ: Ээээ. А зачем wireshark то тут? Так, подчеркнуть, что админ проверял? ;)
У вас есть проблема - при определенных условиях не стартует впн соединение. Производитель дает вам новую прошивку и говорит, что эта проблема исправлена. Повторите условия, при которых проблема возникала и посмотрите, что будет сейчас.

Худший ответ: 0. Настроить на свитче promiscuous port, воткнуть его в сетевой адаптер компа, запустить wireshark, слушать на этом порту.
1. Запустить камеру, проверить, что вообще поднялся впн.
2. Оторвать аплинк от свитча (лишив камеру доступа в интернет), перезагрузить камеру, выждать 10 минут, подключить аплинк обратно, выждать ещё 10 минут, проверить статус VPN на камере.
Вопрос: Стоит ли создавать фейковый заказ на UPWORK для получения рейтинга?

Лучший ответ: 2 акка на одну персону - пермобан

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

Лучший ответ: семпловые барабаны и например саббас (синус) - да, почему нет
что-то сложнее с модуляциями там и прочим.. я думаю что теоретически да, можно, НО готовых решений не видел
а так-то дабстеповый бас это же FM по большому счету, то есть один синус модулирует другой синус итд итп, это как бы решаемо (но я не знаю как)
вот например целый эмулятор DX7
mmontag.github.io/dx7-synth-js
и еще библиотека
https://tonejs.github.io/demos
--
еще не про JS, но зацени тоже
https://www.youtube.com/watch?v=v6lXt47ipks
чувак на ходу пишет на языке Tidal, я как-то хотел разобраться, но не хватило мозга на такое

Худший ответ: Наберите в гугле "piano online".
Вопрос: Как использовать cookie во vue js?

Лучший ответ: Скорее всего вам надо почитать про флаг httpOnly у кукисов.

Худший ответ: Точно также как и без Vue.document.cookie
Вопрос: Бывает ли подключение wifi с ограничением по типу устройств (разрешить смартфонам/запретить ПК)?

Лучший ответ: Бывает ли подключение wifi с ограничением по типу устройств (разрешить смартфонам/запретить ПК)?Нет.

Худший ответ: Скорее всего скрытая сеть и фильтр по мак-адресам. Ставите хакерский софт который видит все и смотрите чего там есть.
Стандартный софт показывает сеть если получил специальный пакет, передаваемый для обнаружения сети.
"Видишь суслика? Нет. И я нет, а он есть!"
Вопрос: Почему нельзя менять window.location.href?

Лучший ответ: В manifest.json есть секция web_accessible_resources. Добавьте туда options.html.web_accessible_resources: ["options.html"]
Но настройки лучше открывать такchrome.runtime.openOptionsPage()

Худший ответ: Это в целях безопасности. Даже через параметры командной строки нельзя открыть служебные страницы. 
Быстрый поиск в гугле показал, что через расширения вроде как можно, но в новой вкладке.chrome.tabs.create({url:'chrome-extension://блаблабла'});
(нашел тут https://groups.google.com/a/chromium.org/forum/#!t... )
Вопрос: Ноутбук для кодера?

Лучший ответ: 1. На маке unix'овый терминал, что намного лучше, чем консоль виндовса. Но для разработчиков особой разницы нет. Захотят - накатят что угодно и на чём угодно.
2. Что касается программирования - не проблематично.
3. Нет. Всё, что в данной ценовой категории - это Macbook Air с 13 дюймовым экраном (что нереально мало для разработки, уж тем-более фронт-енда), да еще и с очень плохими характеристиками). За эти деньги лучше взять какой-то виндосовский ноут, где будет больше экран и лучше начинка. Либо вообще ПК с хорошей начинкой + подобрать классный монитор и приятную клавиатуру. Что еще нужно для счастья?
4. Macbook air - нет. Macbook pro - стоит. Т.к. на про уже хорошая начинка, которая точно даст вам лет 5 разрабатывать приложения и фронт-енд любой сложности, 15 дюймовый экран, хорошая клавиатура и тд. Но опять же таки, если бюджет не позволяет, то берите виндосовский ноутбук или ПК.

Худший ответ: 1. Можно замешкаться в горячих клавишах. Больше не вижу поводов. 
2. Огромное количество кроссплатформенного софта. 
3. Новый - нет, как выше было сказано 13 дюймов мало, Б/У - да, самое главное что бы была живая батарея.
4. Считаю что нет.
Вопрос: Устройство не видит спутников что делать?

Лучший ответ: Вы неправильно думаете, потому что перегрузку входа вашего ресивера это оборудование с такого расстояния может вызвать элементарно, весьма длинной бородой низших гармоник, несмотря даже на полосовой фильтр, который, вероятнее всего, имеется на входе. Ищите человека с анализатором спектра, смотрите, что происходит.
Еще, можете внимательно посмотреть на сырые данные с ресивера (RINEX есть, чем записать?) - там, вероятно, будет виден весьма короткий момент ухудшения SNR.

Худший ответ: GPS-сигнал нежный, его подавить может что угодно, мы сталкивались с проблемой что ему сильно мешала силовая воздушная линия. так что исключите в первую очередь фактор вот этой новой антенны.и в теории они не должны мешать друг другу
гармоники же
целая отрасль радиотехники есть - электромагнитная совместимость. как раз этими вопросами занимается.
Вопрос: Почему не адаптируется html письмо?

Лучший ответ: Рекомендую тестировать письма вот этим сервисом https://putsmail.com, письма будет приходить как и должны, будут нативно открываться во всех почтовиках.

Худший ответ: Может где-то ошибка в верстке? Про верстку писем (в том числе адаптивную) можно почитать здесь: https://www.unisender.com/ru/blog/sovety/kak-svers...
Вопрос: Как осуществляется межпроцессное взаимодействие на C++?

Лучший ответ: В C++ никак. Любое взаимодействие с внешним(для программы) миром это привилегия ядра ОС. STL предоставляет весьма ограниченный набор обёрток над системным API и коммуникация между процессами не входит в этот набор.  Традиционным способом коммуникации являются Pipe и Socket, но они просто переправляют массивы байтов. И если нужно соорудить RPC, то нужно сериализовать параметры и в таком виде отправлять. И эти обёртки так или иначе придётся писать самому, так как полноценной RTTI в C++ нет.

Худший ответ: Как и в любых других языках пайпы сокеты сигналы общая память эвенты. По сути вам нужно настроить передатчик и приёмник и обернуть это все кодом.
Вопрос: Почему ВК api возвращает ошибку Error 5: User authorization failed: no access_token passed?

Лучший ответ: Стоит ознакомиться с API ВКонтакте по их статье.
Ваше сообщение об ошибке однозначно указывает на её причину: User authorization failed: no access_token passed. – не авторизовать пользователя, выполняющего запрос по причине отсутствия access_token'а (ключа доступа).
Для выполнения friends.get() требуется ключ ("access_token") либо сервисный – из настроек созданного вами Приложения ВК; либо пользователя – полученный в результате диалога авторизации пользователя.
Также обязательно стало указывать используемую версию API, параметр v. Сейчас актуальная версия 5.74
Чтобы просто попробовать, создайте приложение типа standalone и скопируйте из его Настроек значение Сервисного ключа: скрин
В итоге ваш запрос будет выглядеть примерно так:https://api.vk.com/method/friends.get?user_id=babegone&v=5.74&access_token=supersecretsupersecret

Худший ответ: Не указан токен авторизации
Вопрос: Какие инструменты использовать для создания web-сервиса?

Лучший ответ: Нет смысла связываться с Js для этой задачи. Попробуйте Vaadin. На Java сверстаете все странички, которые вам нужны. Обратите внимание на стандартизированное решение - buisness application. По сути дашборд. Унифицированный. Можете сразу его устанавливать и менять данные в зависимости от своих целей. В разы сокращает время на создание веб интерфейса.

P.S. В профиле Телега, по всем вопросам - пишите пожалуйста. Помогу всем.

Худший ответ: В топике звучат 3 задачи. Первое это собственно парсинг сайтов. Это селениум. 
И второе это написание бэка. Это вообще любой язык разработки бэка java/python/node/dotnet
и фреймворки Spring/Django/Express e.t.c. И третье - это веб-сервис. Это еще более ужесточение
предыдущего задания с протколами REST/SOAP e.t.c. 

Автор проясни что тебе надо на самом деле.
Вопрос: Почему Pillow пишет квадратами?

Лучший ответ: В этом шрифте нет кириллических символов.

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

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

Худший ответ: Попробуй еще Vegas Pro
Есть как и текстовые обучалки так и видео
Вопрос: Как научиться делать такую графику? С чего начать?

Лучший ответ: 3D редактор какой нить + пост обработка в AE например

Худший ответ: просто статичная графика - любой 3д редактор + постобработка
если моушен графика - как уже сказали синема 4д или side fx houdini + постобработка