Блог веб-разработчика

Мой стэк

• 

  PHP

  Этот язык я начал изучать с версии 7.0. На данный момент мои знания php сводятся к знанию отличий между php 5, 7 и 8, использованию ООП, pattern'ов и моделей, вроде MVC. Понимаю такие страшные вещи, как наследование, инкапсуляция и полиморфизм.

  На практике использую версию 8.1 и типизацию значений по максимуму. Так же соблюдаю code-style и нейминг согласно PSR. Использую composer autoload для PSR-4. Для отладки использую xdebug модуль. Умею в настройку php.ini.

  В качестве примера доступен проект этого сайта на github'e, движок которого написан мной с нуля с применением многих принципов и паттернов.

• 

  PSR

  На практике хорошо знаком с такими рекомендациями, как PSR-1, PSR-3, PSR-4 и PSR-12 (ранее устаревший PSR-2) которые так же реализованы в проекте этого сайта. Сейчас нахожу в процессе приведения проекта к PSR-6 и PSR-7.

  Вообще стараюсь придерживаться читабельного code-style с именными функциями и методами, потому что самому же потом, спустя какое-то время, будет удобнее заниматься рефакторингом кода. Так же на фронте активно использую BEM-методологию для нейминга классов и элементов в HTML.

• 

  JavaScript

  Все же знакомы с Джимом Керри? Именно такие результаты гугл пытается подсунуть при попытках решить какую-либо задачу. И конечно же 2 + 2 = 22. Так же стараюсь придерживаться разумного баланса процедурного и ООП стилей.

  Считаю, что js может быть слишком много и не понимаю людей, которые декларируют абсолютно все переменные как var. Стараюсь использовать использовать его аккуратно и использую let | const | var по необходимости и в зависимости от области видимости.

  Поверхностно знаком с фреймворками Vue и React, но сам их не использую. jQuery конечно же знаю, но предпочитаю ванильный js. Кстати, данный слайдер, с описанием моего стека, реализован отдельным классом на ванильном js. Посмотреть можно тут.

• 

  jQuery

  На практике я много с ним проработал, особенно работая с Drupal, так что хорошо с знаком с этой библиотекой и её функционалом, но последнее время я пришёл к выводу, что ванильный js мне всё же больше нравится. Даже при том, что на ванильном js местами приходится немного больше кода написать, при этом не нужно тянуть громоздкую библиотеку в проект лишний раз, даже в виде облегчённой версии.

• 

  HTML5 / CSS3

  HTML 5 потому что мне знакомы семантические теги и места их применения. Стараюсь делать валидную вёрстку с использованием атрибутов role | aria-label там, где это необходимо.

  Таблицу стилей стараюсь делать максимально гибкой, без использования inline-стилей, придерживаясь именных классов с использованием методологии BEM. Так же понимаю принципы создания адаптивной вёрстки, в чём можно убедиться на примере этого сайта.

  Активно использую препроцессор SASS/SCSS, компилируя его с использованием npm gulp. Примером так же будет проект этого сайта на github'e с исходным кодом шаблонов с вёрсткой и файлов scss.

• 

  SASS/SCSS

  Давно уже не использую чистый css, так как использование scss для меня предпочтительнее, в виду его удобочитаемости и гибкости. Хорошо знаком с переменными, миксинами и функциями, которые так же использую на практике. Так же стараюсь структурировать файлы проекта в удобную структуру.

• 

  MySQL / PgSQL

  Нормальная форма для меня не имеет ничего общего с внешним видом. Это полезные принципы проектирования структуры хранения данных в реляционных БД. Умею составлять запросы с использованием языка DML, а так же запросы на языке DDL для изменения структуры данных.

  Стараюсь использовать соответствующие типы данных, для уменьшения излишнего объёма данных. То есть обдумано стараюсь выбирать нужный тип, например, из TINYINT | SMALLINT | INT | BIGINT в зависимости от возможных значений для поля. Расширить всегда можно в последствии.

  На данный момент этот сайт использует MySQL драйвер 8й версии, но так же я провёл адаптацию ядра сайта для использования PostgreSQL, которую все считаю «настоящей» базой данный. С объектно-реляционной БД PostgreSQL я так же знаком, но для этого сайта она была бы излишне функциональна, по этому выбор пал на MySQL, которого более чем хватает для нужд блога.

• 

  CMS Drupal

  С этим чудом, иначе эту CMS не назвать, я познакомился довольно плотно за 2 года разработки и поддержи нескольких проектов, использующих 7 и 8 версию. Умею разрабатывать и настраивать темизацию, делать собственные модули, использовать хуки, а так же хорошо знаком с разделом администрирования (админка) и многими популярными модулями для расширения функционала сайта. Для решения задач всегда стараюсь найти drupal way вместо типичных костылей в хуках.

• 

  Laravel

  Удобный php-фреймворк для проектов разного уровня сложности, так как он достаточно гибкий для дорабатывания и адаптации его для задач разного уровня сложности.

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

• 

  bash

  Являюсь уверенным пользователем Linux. Хоть я в основном и сижу под windows и веб-разработку обычно веду в ней, всё же имею установленную Ubuntu 20.04. Хорошо знаком с администрированием пакетов в linux. Так же и под windows и под linux развернул собственные XAMP/XAPP, без использования готовых сборок.

  Мне знакомы команды ssh, composer, npm, sudo, git и многие другие, которые используются в shell'е. Регулярно пользуюсь composer и gulp.js при разработке веб-проектов, а так же при работе с drupal и laravel познакомился с такими интерфейсами, как drush и artisan.

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

• 

  AMP & Turbo

  Технология AMP и Yandex.Turbo принципиально разные вещи, хотя преследуют одну и ту же цель. На данный момент мой сайт не использует подобных технологий, но адаптацию вёрстки под AMP для гугл и вывод контента в поток данных для Yandex.Turbo я успел изучить сполна, пока разрабатывал проекты на друпале.

• 

  Composer

  Каждый мой проект, а так все проекты на Druapl работают под composer'ом, так что с последним я хорошо знаком. Понимаю как устроены зависимости в composer.json, умею делать собственную автозагрузку через composer autoload по PSR-4

  Так же можно ознакомиться с примером структуры проекта этого сайта в моём репозитории.

• 

  Gulp.js

  Для фронта, учитывая мои небольшие потребности, мне достаточно иметь компилятор для SASS/SCSS, парсер для js-скриптов и конвертер изображений в webp формат. Именно для этих целей я использую gulp.js на практике. Кроме 3х основных задач, я так же настроил минификацию css таблиц и js скриптов, а так же вендорный автопрефиксер для css. Каждое изменение в scss/js компилируется автоматически при сохранении файла. Посмотреть настройки моего проекта можно тут.

• 

  TWIG

  Когда я начинал изучать php, я ещё не знал, кто такие шаблонизаторы, по этому по классике сначала делал "свой собственный" шаблонизатор, для рендера страниц и загрузкой переменных. Но в процессе своего развития познакомился сначала именно с шаблонизатором Symphony\Twig. И именно он по сей день мне нравится больше прочих. Именно потому что, как утверждают разработчики, он очень гибкий.

  Данный сайт как раз использует именно symfony\twig версии 3. Конечно же я настроил загрузчик под собственные нужды и добавил свои собственные фильтры и функции. Сами шаблоны можно посмотреть тут.

  Кроме twig, я так же знаком с blade из laravel и pug шаблонизатором для gulp.js.

• 

  Linux

  Кроме, конечно же windows, я хорошо знаком с ОС на базе линукс. У себя дома, на данный момент, использую Ubuntu 20.04, который является крайне удобной средой для web-разработки. Знаком с его файловой системой и правами доступа для пользователей и групп. Так что по факту, я являюсь уверенным пользователем linux.

• 

  XAMP/XAPP

  Для локальной разработки я настроил себе собственный apache2.4 сервер. Один под windows, другой под linux. В обоих случаях возможно использование как mysql базы данных, так и postgresql. Так же периодически обновляю версию установленного php. Так что да, я знаком с apache сервером и некоторыми из его настроек.