Это блог

Линукс там, фронтенд, утилиты всякие.

Распутываем сложные условия в коде

На продвинутом интенсиве по javascript мне достался на проверку случайный проект, в котором был сложный метод на 35 строк кода с четырьмя вложенными друг в друга ифами (подсвечены жёлтым): class GameController { /* ... */ _nextGame(position) { state.level++; if (state.level { if (checkAnswer(this.game.answers, this.userAnswers, this.game.type, position)) { recordGameResult(state, getAnswerType(true, state.time)); resetTimer(state, initialState); clearTimer(this.gameTimer); this.state.level = state.level; this.game = this.games[state.level]; this.gameScreen = this._createGame(this.state, this.game); this.screen.showScreen(); } else { recordGameResult(state, getAnswerType(false, state.time)); resetTimer(state, initialState); clearTimer(this.

Комментируйте свои пулл-реквесты

Ваш пулл-реквест будет кто-то читать. На интенсиве в HTML Academy его будет читать ваш наставник. На работе — ваши коллеги. В опенсорсе — автор проекта. Если вы напишете, на что в изменениях обратить внимание, и объясните неочевидные моменты, читать пулл-реквест будет проще. В пулл-реквесте есть вкладка Files changed: Files Changed В ней видны все изменения, которые вы сделали. Добавленные строки показаны зелёным, а удалённые красным. Дифф (изменения)

Настройка терминала Cmder в Windows

Предполагается, что вы уже справились с установкой Cmder, поэтому я буду рассказывать исключительно про настройку. Действие происходит под Windows 10.0, версия ConEmu, которая пришла в поставке Cmder, 160710. Поднимается занавес. При первом запуске вижу консоль с приглашением, кажется это cmd: Первый запуск Я в качестве шелла хочу использовать bash, поэтому расскажу про него. Аналогичным образом можно настроить другой шелл. Резервная копия настроек Перед тем, как проводить эксперименты, забекаплю настройки, чтобы в случае чего откатиться.

Контент по центру, фон по ширине

Эта статья для студентов базового и продвинутого курсов по вёрстке в HTML Academy. Частая задача вёрстки — центрировать контент, а фоны растягивать: Сайт на мобильных, планшетах и компьютерах. Контент по центру, фон тянется Фон у шапки, у плашки под шапкой, фон с травой, серый фон и фон подвала тянутся на всю ширину. Текст на мобильных отодвинут от краёв на 20px, на планшетах на 40px, а на десктопе занимает 900px и находится по центру.

Краш-тест вёрстки

Эта статья для студентов базового и продвинутого курсов по вёрстке в HTML Academy. Студенты делают страницу «чётко по макету». Ровно с теми же текстами, картинками и формами, что в дизайне. Это правильно. Есть дизайн, надо сверстать. Но по неопытности они часто не задумываются, что это всё-таки сайт, а не картинка. И что нужно сверстать так, чтобы можно было поменять текст. Или порядок полей в форме. Или добавить новые поля. Или удалить старые.

Как попасть в макет и не сойти с ума

Эта статья для студентов базового и продвинутого курсов по вёрстке в HTML Academy. Один из основных критериев качества вашего проекта — соответствие макету. Макет — это план проекта, и важно ему следовать. Почему? Представьте, что архитектор тщательно спланировал пространство небольшой квартиры и сделал ванную комнату ровно такой, чтобы в неё поместились ванна, раковина, унитаз и стиральная машина. А строитель решил, что следовать проекту не обязательно, и подвинул стену на 20 см.