Philipp

Чувак, идешь сначала сюда https://learn.javascript.ru/
Пока Илья с товарищами по команде тебе надоедают, учишь английский.
Потом переключаешься на бритоголового https://egghead.io/
Потом, если покажется мало, начнешь курить спеки. К этому времени уже освоишь гугл и сможешь сам их найти.

Лучшие практики SPA

1. KISS - использовать только то, что действительно нужно. Например вам не нужен Javascript, если нужно просто сделать выпадающее меню. Достаточно просто CSS. Тоже самое применяется и к JS, вам не нужен Angular, если есть просто форма обратной связи. Такая задача решается на vanillajs.
   
2. Использование фреймворков, например bootstrap, foundation и т.д. Обычно из них берется типография и сетки. Иногда формы. Я обычно беру bootstrap-stylus и собираю из него.
   
3. Critical rendering path - минимальный набор CSS, который требуется для отображения первого экрана страницы, который потом будет встроен внутрь html-файла. Пример.
   
4. Применение систем сборки, например gulp. Основной смысл заключается в том, что сначала вы дробите SPA на множество мелких компонентов/модулей/блоков. Затем унифицируете их. В итоге получается набор небольших файлов. Затем из этого набора собирается два больших файла (css, js) и они прогоняются через оптимизатор и минификатор.
   
5. Использование CDN. CDN позволяет ускорить загрузку для часто-посещаемых и популярных страниц за счет уменьшения времени доставки контента. Особенно актуально для SPA, поскольку они представляют собой статический контент, который можно кэшировать без последствий.
   

Системы сборки

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

Модули AMD, CJS, UMD

Они предназначены для управления зависимостями. Например, когда у вас есть два десятка компонентов и один зависит от другого. Суть их в том, чтобы просто объявлять зависимости в компонентах используя тот или иной способ описанный в документации. Начните отсюда.

Сборка и подключение css

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

В целом очень толково про оптимизацию расписано здесь https://developers.google.com/web/?hl=ru

Я весьма далек от тематики, но вспомнился вот этот ролик https://www.youtube.com/watch?v=Vh4zteNn_l4
И это именно то, что вам нужно. Бесплатных таких штук вы не найдете.
Можно попробовать рутовать девайсы и написать какие-то тесты с отсылкой управляющих команд и распознаванием через камеру. Но это уровень хардкорного инженера, который обойдется вам дороже вышеобозначенного продукта.

Я могу порекомендовать расширение Classic Theme Restorer.

В нем можно сделать так


Можно еще заморочиться с пользовательскими стилями.

В итоге пришел к неординарному решению.
Купил маленькое сверло, 1.2 мм. Просверлил шурупы по бокам. Сделал П-образную скобу и аккуратно ею выкрутил винты.

1. Используйте PDO.
2. Никогда не подставляйте данные так, как вы это делаете.

Вот образец того, как надо делать

<?php
// создаем соединение с базой данных
$db = new PDO('mysql:dbname=phpreg;host=localhost;port=3306', 'rootdb', '123');

// устанавливаем кодировку utf8, чтобы никогда не было крякозябр
// создавайте таблицы и базы с такой же кодировкой
$db->exec('SET NAMES utf8');

if (isset($_POST['send'])) {

    // получаем значение параметра
    $login = $_POST['name'];

    // подготавливаем наш запрос
    $sth = $db->prepare('SELECT * FROM userdb WHERE login = :login');

    // связываем подстановку :login с переменной $login
    $sth->bindParam('login', $login);

    // выполняем наш запрос
    $res = $sth->execute();

    // если запрос выполнился успешно, то выбираем все данные в массив
    if ($res) {
        $result = $sth->fetchAll();

        // мы не нашли строку с пользователем
        if (empty($result)) {
            echo 'Пользователь не найден!';

        } else {
            // мы нашли пользователя

            // проверяем пароль на правильность,
            // используйте http://php.net/manual/ru/function.password-hash.php для создания хэша пароля
            // никогда не храните пароль в открытом виде!
            if (password_verify($_POST['pass'], $result[0]['password'])) {
                // не используйте переменные из запросов для вывода
                echo "Здравствуй, ". $result[0]['login'];
            } else {
                echo 'Пароль неверный.';
            }
        }
    } else {
        // ошибка в запросе
    }
}

DevOps расшифровывается как Development Operations.
В повседневные задачи DevOps инженера входит управление инфраструктурой приложений (в основном веб).
Что должен знать и уметь такой инженер - например по клику кнопкой в нужном датацентре произошел деплой приложения. DevOps должен суметь создать этот интерфейс с кнопкой и автоматизировать процесс приобретения инстанса (например в AWS), установки операционной системы и необходимых пакетов, доставки приложения на этот инстанс, прописывания всех настроек в приложении и приведение приложения в полную боевую готовность, т.е. состояние, в котором к приложению можно пускать пользователей.

По пунктам, что нужно знать и уметь:

• неистово учиться и гуглить
  
• сетевые технологии, на уровне маршрутизации, TCP/IP, DNS, SMTP и остальных протоколов начиная с 3 уровня модели OSI
  
• сетевые операционные системы (преимущественно семейства Linux) на уровне автоматизирования установки, обновления, настройки безопасности и мониторинга
  
• системы виртуализации (Xen, OpenVZ) и контейнеризации (Docker, Vagrant)
  
• настраивать сервера и мигрировать конфигурации, например перейти с Apache на Nginx, или с PHP на HHVM
  
• Chef
  
• Puppet
  
• Ansible
  
• Capistrano
  
• VCS
  
• AWS/OpWorks/CloudFormation/CodeDeploy, OpenStack
  
• Munin/Logstash/Kibana и другие связки для мониторинга
  
• Continuous delivery
  
• Программировать на Bash, Ruby, Python, Go, Perl, уметь понимать конфиги на самых экзотических языках, например YAML
  
• TDD
  
• продукты hashicorp
  
• автоматизировать создание и восстановление бэкапов баз данных
  
• масштабировать приложения по горизонтали (настраивать балансировщики, реверс-проксирование, шардинг и репликацию в базах)
  
• рассчитывать и оптимизировать издержки на поддержание инфраструктуры приложений
  
• видеть будущее инфраструктуры приложения и компании, двигать инфраструктуру в это будущее
  

DevOps - это хипстерный вариант программирующего сисадмина. Нужно уметь очень быстро учиться и непрерывно осваивать новые технологии. Если какая-то технология только в альфе, вы уже должны учиться уметь ею пользоваться. В момент беты вы ее уже должны обкатывать в пилотных проектах, а релиз должен автоматизированно устанавливаться в продакшене.