n-name

У HTML Academy есть рассылка, иногда присылают на почту макеты для практики верстки

Лучше всего качай уже сверстанные шаблоны с psd исходниками. Потом пытайся верстать по макету и после каждого блока сверяй с исходной версткой, что бы приблизительно понимать как правильно, так будет намного эффективней.

psdrepo.com

с псд любой дурак может, с пережатого жпега попробуй, вот где скилл )

https://freebiesbug.com/
https://symu.co/freebies/
https://pixelbuddha.net/freebies
https://uispace.net/

Начни с Android. Это 90% рынка.
Вот просто, коротко, по существу.
startandroid.ru/ru/uroki/vse-uroki-spiskom.html - за пару недель освоишь.

Как правильно сделать? Куда смотреть?

Смотреть в код.

По звездам: у вас там rowspan стоит больше, чем столбцов.
По кофейной гуще: лишние или незакрытые теги.

Из личного опыта - когда я работал сетевым алмином и у меня в эксплуатации было 8k разношерстного активного сетевого оборудования, питон я активно использовал для опроса по snmp разных девайсов, бота для телнета. Ещё для смены делал тупой веб интерфейс для того, чтобы на свичах можно было включить/выключить порт, подписать дескрипшен. Пытался делать на нем генератор конфигурации, но bash+sed для этого подошли лучше.

Надо плясать от задачи, а не от языка. По моему скромному мнению питон избыточен для повседневного системного администрирования, возможностей баша хватает с головой. Он удобен для больших расширяемых програмулин, но часто ли надо писать самому такой софт админу? Также он хорош для сетевого программирования, но опять же, часто ли надо прогать сокеты? Полезен в распаршивании всяких html/xml.

Однострочники писать на нем неудобно, а в бытовом админском скриптовании именно они составляют львиную часть работы.

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

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

foreach($object as $key => $value) {
    if(...) { // любое условие, можно составить список разрешенных ключей
        $$key = $value;
    }
}

stackoverflow.com/a/5479167/1603055

Переменная в переменной удобна для динамических названий переменных...
stackoverflow.com/a/2715671/1603055

Ссылку Вы можете, например, передать в функцию, в которой присвоить ей значение, т.е.:

$a = 1;
function f(&$a) {
  $a = 2;
}
f($a);
echo $a; // 2

Переменные переменных, если я не ошибаюсь, вообще хотят запретить (или уже в 7.1 запретили), но все же:

$a = "b";
$b = 1;
$c = $$a;
echo $c;

Можно использовать, например, для передачи имени функции в другую функцию.

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

По поводу переменных переменных. Используются при написании обобщенного кода. Вот пример. Это поведение Yii2 для хранения деревьев в БД. Поведение - это фича фреймворка - что-то вроде трейта или миксина.

В общем его можно подсключить к модели и она сама будет заполнять служебные поля при перемещении узлов. Для гибкости, при подключении можно указать поле таблицы, по которому надо сортировать данные. MaterializedPathBehavior::$positionAttribute. Это поле используется в коде для построения запросов:

$position = $this->node->{$this->positionAttribute}

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

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

UPD.

Еще немного о переменных переменных. Вообще вместо них можно добавить абстрактных методов вроде getPositionAttribute() и заставить пользователя переопределить их. Это будет более правильно идеалогически. Но, используя переменные, появляется возможность настройки без написания лишних классов.

&$var1 - часто используется для передачи значения в функцию по ссылке, чтобы можно было изменить значение внутри и снаружи тоже изменилось. часто используется и в стандартных функциях например preg_match 3ий параметр.

$$var2 - никогда, очень злая магия.

Примерно в таком приоритет php/js/node.js > java > python > ruby.

Расскажу свою историю.
Лет 5 назад устроился на обезьянью работу за еду, отдаленно связанную с программированием.
Первые 3 месяца активно впахивал на благо компании. Заодно изучал компанию, и её процессы, людей. Когда закрепился и чувствовал себя более комфортно, начал заниматься самообучением. Когда по 2-4 часа в день, а когда и несколько дней подряд. При этом рабочие задачи отодвигал, а то и откровенно клал на них [большой и толстый]. А когда спрашивали, говорил что долго, сложно и лепил прочие отмазки. Дома обучался довольно редко и под настроение, ни к чему себя не принуждая. Через год от меня стали активно требовать результата работы, но я уже чувствовал в себе силы начать самостоятельно разрабатывать проекты и уволился. И довольно быстро нашел отличную работу, со свободным графиком, интересными задачами и втрое большей зарплатой)))

0. Начать следить за своим состоянием - понять, когда у тебя пик трудоспособоности
1. Сделать приоритет - обучение или работа
2. Научиться спать мало
3. Научиться спать по 30 мин для разделения между учебой и работой
4. Привыкнуть к мысли, что ето надолго (навсегда), те мотивация не при чем.
Твой новый график - ето твой новый стиль жизни
5. Заняться спортом, для улучшения кровообращения
6. Изучить техники улучшения запоминания

1. 9 часов. Это уже ошибка. КЗОТ писали не дурни. 8 часов достаточно для работы, если человек не чаи пьет
2. Пересмотрите процесс работы. По приходу на работу сначала делать самые важные. Прошу прочесть внимательно: сначала важные, а только потом срочные и другие. Отличие важных от срочных в том, что одни, как правило, делаются разово и про них забываются, а другие хоть и не срочные, но они влияют стратегически.
3. Уделяйте время на то, чтобы подумать над "светлым будущим", т.е. создать\актуализировать список страгеческих целей и задач
4. Делайте утром зарядку. Растяжку, отжимания, приседания. Это влияет на энергетику в организме
5. Делайте перерывы во время работы.
6. Чаще пейте воду
7. Займитесь спортом. На своей шкуре опробовал и четко знаю то, что до занятия плаванием делал меньше, чем сейчас
8. Окружите себя теми, кто куда-то стремится. Это не значит что надо всех других послать в Южную Америку на оз. Нахой. Это значит, что надо чаще общаться с одним типом людей и меньше с другим
9. Стремитесь работать на результат, а не подсчет "жопочасов". В дальнейшем ставьте работодателю на собеседовании вопрос "Вам нужны жопо-часы или результаты?". Старайтесь выявить жмотов. Если вы вдруг справились не за 5, а за 4 часа, а работодатель жмотится и боится выделить время на самообучение сотрудника, хотя эти же знания будут применены при решении рабочих задач, то уходите от такого работодателя!

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

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

Старайтесь избегать рывко-образной работы. Все должно быть стабильно. Пусть даже небольшими кусками работы, но стабильно и бессбойно!

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