Сергей Протько

условия - ромбики, действия - квадратики. Цикл for - это квадратик в начале, потом ромбик, потом снова квадратик. По идее если у вас подряд идет несколько действий - можно объеденить их в одном квадратике. Соединяете стрелочками - готово.

Это грустно... заменять это:

<span class="btn btn_small btn_green"><?= Yii::t('app', 'Add to list'); ?></span>

на это

<?=\yii\bootstrap\Button::widget([
    'label' => Yii::t('app', 'Add to list'),
    'options' => ['class' => 'btn btn_small btn_green'],
]);?>

при этом убивая на корню поддержку авоткамплита для названий классов, вот такие вот извращения с атрибутами и т.д....

Ах да... еще и путаете клиентский код и серверный... То что вы описываете разруливается не виджетом а JS кодом...

Старайтесь разбивать задачу на маленькие подзадачи, их проще решать. Достаточно маленькие задачи решаются гуглением. Так же если задачу не выходит решить довольно долгое время - постарайтесь отвлечься на какое-то время (например на часик прогуляться отойти) и пробовать уже на свежую голову, тогда вероятность что в голову придут новые идеи чуть выше.

<canvas style="width: 100vw;height:100vh"></canvas>

используйте и то и то если нужно. но надеюсь вы понимаете что вы выбираете между инструментом и еденицами измерений.

settings.php

<?php

return array(
    'title' => 'Title',
    'buf' => 1
);

index,php

<?php

$config = require __DIR__ . '/config.php';

$title = $config['title'];
$buf = $config['buf'];

Так как вы не указали язык программирования... напишу то, что не особо от него зависит.

архитектура клиент-серверных приложений

HTTP (базовые понятия, Http verbs, формат записи заголовков и основные заголовки, такие как Content-type)

Реляционные БД - SQL, нормализация данных, понимать разницу между inner join, left join, outer left join и т.д (в зависимости от выбранной СУБД).

nosql БД (опционально) - денормализация данных, понятие о агрегации данных (в случае MongoDB/CouchDB и т.д.). На начальном этапе можно не замарачиваться штуками типа шардинг/репликация. Так же рекомендую потыкать какой reddis как простенькое key-value хранилище.

По архитектуре приложений можно погуглить "GRASP паттерны". Правда по началу можно так же не особо замарачиваться и обратить внимание только на такие штуки как "сильная/слабая связанность системы".

Ну... остальное зависит от языка программирования. Как определитесь - для всех основных языков тут уже составлялся план развития.

Почитайте про psr0 автозагрузку, возможно у вас путь к файлу не совпадает с неймспейсом

лепите GUI (на 2D canvas) отдельным слоем поверх canvas-а с 3D и все.

angular.module('app').factory('doc', [
    '$http',
    function ($http) {
     
          return function (id) {
                return $http.get(...).then(function (response) {
                      return response.data;
                });
          }
    }
]);

angular.module('app').controller('MyCtrl', [
    '$scope', 'doc',
    function ($scope, doc) {
         $scope.getDoc = function(id) {
              doc(id).then(function (yourDocWillBeHere) {
                   
              }
         }
    }
]);