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

• Во-первых, само сохранение и отправка данных на сервер.
• Во-вторых, сохранение данных на сервере. Урок фронтендский, на десяток строк на php мы все же напишем.
• В-третьих, алерты. Мне нравится, когда система говорит, что какие-то данные изменились и нужно не забыть нажать кнопку Сохранить. Поэтому реализуем и это тоже.
• В-четвертых, все. Раздувать функционал не будем. И так получится неплохая вещь, которую можно использовать в своих проектах.

С постановкой задачи разобрались, давайте приступим.

Привет! Пишу тебе письмо в 2023-й из 2018-го. Интересно, прочтешь ли ты эти строки? Пять лет все-таки. Тут через год не знаешь, как жизнь обернется. А пять вообще вечностью кажутся. Надеюсь, все-таки прочитаешь. Может, вгрустнешь, а может, порадуешься привету из прошлого.

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

Не знаю, как у тебя сложилась жизнь. Может, есть собственный крутой проект. А может, имеешь небольшой бизнес, да хоть веб-студию. Или работаешь в Стабильной Развивающейся Компании. Или хипуешь на фрилансе и мотаешься по миру с ноутбуком за плечами. Как бы ни было, надеюсь, что ты все так же юн душою, в плейлисте Amy Macdonald, а Достучаться до небес любимый фильм.

Я тут посижу с тобой, пивка попью, поспрашиваю о том о сем. Что в айти в 2023-м, как в мире обстановка, как живешь, как развлекаешься. Всего чуть-чуть.

В предыдущем уроке админки мы разобрались с конфигами и значениями параметров. Сегодня научимся выводить настройки в браузере. А чтобы не было скучно просто писать html, подключим к проекту шаблонизатор Twig. Ему и будет посвящена основная часть статьи.

У Twiga отличный функционал и простой синтаксис. В дебри лезть не будем, нам хватит и малой части его возможностей. Начинаем.

В первой статье об админке мы разобрали простой способ чтения настроек из отдельных файлов.

Плюсы такого подхода:

1. Внедряется за 15 минут 10-ю строками кода
2. Одна настройка - один файл

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

Минусы:

• 1. Для правки настроек приходится лезть на ftp
• 2. Чем больше настроек, тем больше файлов, а значит и больше шансов ошибиться
• 3. Настройки хранятся только в строковом виде, из чего вытекают два подпункта
• 3.1. При чтении приходится их конвертировать
• 3.2. Опять легко ошибиться: вместо числа вбить строку и поломать приложение

Давайте напишем больше 10 строк кода, но зато эти минусы устраним.

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

А я расскажу, почему все-таки не бросаю. О мотивации, всяких саморазвитиях и прочих вдохновениях не напишу. Когда начинал блог, этой херней не страдал, а сейчас и подавно.  Да и в интернеты этого говна мотивирующего без меня тоннами завозят.

Что же заставляет дальше блогом заниматься? Какая кнопка нажимается? Где двигатель прогресса?

А ты, дорогой читатель, и есть этот двигатель прогресса и мотиватор. Если не веришь, то вот примеры.

• Добрый день, Александр! Полгода назад Вы делали нам сайт-визитку. Нужны небольшие доработки. Можно на Вас рассчитывать?
• Здравствуйте, Евгений! Да, конечно. Что хотите сделать?
• Внедрить на сайте блок "Обратный звонок". Когда и за сколько сможете это сделать?
• Давайте уточним. Есть дизайн окошка, посетитель оставляет номер телефона, который отправляется на определенную почту, изменяемую в настройках. 2 дня и стоить это будет N монет.
• К сожалению, мы ограничены во времени и деньгах, это окошко нужно уже завтра. Давайте Вы найдете шаблонную форму, внедрите до завтра, а почту мою вбейте evgen@site.ru, менять ее не будем. Чтобы быстрее и подешевле.
• Хорошо, тогда до завтра, это дешевле - M монет.
• Отлично, ждем!

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

2014 год. Веб-разработчики осваивают Angular и Laravel, пакетные менеджеры, инструменты сборки фронта, пробуют PostgreSql и MongoDB. Я ВНЕЗАПНО понимаю, что фрилансить в Питере за 15 тысяч в месяц это не так круто, как я всем рассказываю, и начинаю искать нормальную работу. Составляю сногсшибательное резюме: html, css, js/jquery (ага, прям так), php, mysql. Коммуникабельный, ответственный, стрессоустойчивый. Рассылаю резюме и жду шквала звонков.

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

Я не буду строить теории и учить, как нужно. А просто расскажу две истории. Очень разные истории.

Весьма далек от темы видео, анимаций, 3D и прочих творческих штук, но смотреть такие вещи люблю. Поэтому когда случайно наткнулся на утилиту визуализации Gource, не утерпел и попробовал ее в действии. Для опытов взял историю git-a собственного проекта simpple.ru. Все оказалось проще, чем я думал, благо документация у утилиты хорошая, да и готовых примеров в сети долго искать не пришлось.
Ниже в статье получившееся видео и процесс его создания.