Это блог

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

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

На продвинутом интенсиве по 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.

Такой простой Boolean

Эта статья для студентов базового курса по javascript в HTML Academy. У boolean — логического типа — есть только два значения: true и false. Он настолько прост, что иногда новички его не замечают. Разберёмся, как найти все булеаны и использовать их по полной. Уберите лишние if Рассмотрим простую задачу: если оценка меньше трёх, будем грустить, иначе не будем. if (mark < 3) { sad = true; } else { sad = false; } Думаю, вслух вы прочитаете это так: «Если mark меньше 3, запишем true в sad, иначе запишем туда false».

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

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

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

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

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

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