Wednesday, February 7, 2018

Пример анализа роста компетенций у программиста

 

Проблема

У каждого программиста случается ситуация, когда опускаются руки, и кажется, что рост прекратился. В этом посте проанализирую и попробую улучшить старый код.

Старый код

Когда стал изучать веб-технологии, появился сайт EliteGames. Ссылка будет позже, а пока только картинка:
Исходники тут: https://github.com/VadimCpp/TheEliteGames
Сперва настраиваем среду для работы. Нашлась старая инструкция (аж 23 апреля 2016 года):


По инструкции видно, что два года назад не понимал, что такое npm. В репозитории отсутствует package.json. Не знал о существовании browsersync. Больно смотреть 😱

Улучшение кода

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

  1. Добавляю в репозиторий файл index_new.txt - в нем буду записывать изменения в инструкции;
  2. Добавляю в репозиторий файлы package.json и package-lock.json. Теперь установка всех пакетов будет производиться одной командой: npm install;
  3. Автоматизировую все действия;
  4. Улучшаю пути и выкладываю сайт на GithubPages.

Итого

Код хороший. Улучшить получилось только формирование абсолютного пути в стилях.

Выводы:
  • храните старый исходный код. Если хватит смелости, выложите его на Github, чтобы точно не пропал никуда. Файл install.txt я оставлю на память, хоть он в проекте не нужен.
  • оцените сами, насколько ваш код соответствует золотому правилу: "Пишите код так, как будто вы его пишите для себя в будущем!"
  • попробуйте улучшить свой код.
Посмотреть сайт можно тут: http://vadimcpp.github.io/TheEliteGames/