💡Напоминалка кодеру: чистый код🤔

«Код для людей, а не для машин».

Необходимо давать переменным, параметрам функций, функциям и другим сущностям информативные, говорящие за себя имена, чтобы другим (и самому себе😀) было понятно, что это имя означает (какое действие выполняет). Исключение составляет, например, счетчик i в циклах и неиспользуемый счетчик _ в цикле for в Python.
Так этот принцип можно показать на примере Python (справедливо для каждого языка с точностью до его синтаксиса) 👆

Что будет выведено в консоль в результате выполнения кода Python выше?🧐

По изначальной задумке, при каждом вызове функция должна формировать и возвращать индивидуальный список из переданных персонажей мультсериала “The Simpsons”. Каждый из этих списков будет где-то в дальнейшем использоваться в коде 👩‍💻- можете предложить свои варианты: куда эти списки можно отправить для обработки и с какой целью😉

#python #задачки #собеседование

✅Пояснение к правильному ответу:

💡В Python параметры функций по умолчанию создаются во время создания функции, а не во время её вызова, поэтому правильным ответом будет [‘Homer’, ‘Bart’, ‘Mr Burns’, ‘Nelson’]. Получается, мы каждый раз добавляем имена в один и тоже же список base_list.

⚠️С этой особенностью Python связано предупреждение не использовать изменяемые типы данных (списки, словари, множества) в качестве параметров функций по умолчанию, чтобы избежать нежелательных эффектов.

#python #собеседование #задачки

💡Такой псевдокласс может быть полезен, например, если на странице есть элемент с фиксированными размерами и непрозрачным фоном, который должен быть виден только в том случае, если в него помещен контент.
✅Это позволяет немного снять нагрузку с JavaScript😎

✅Плюсом хорошая поддержка в браузерах по данным https://caniuse.com

#вёрстка #css #советы

💡Статический метод Object.create()

✅Статический метод create() класса Object позволяет создать объект на основе прототипа, указанного в качестве его аргумента. Если аргумент не указывать, то возникнет ошибка TypeError, а если передать null, то созданный объект не будет иметь прототипа.

✅Можно также указать в качестве прототипа {} или конструктор Object(), это будет эквивалентно созданию объекта с помощью объектного литерала ({})

#javascript #собеседование #советы

✅ Принцип “DRY” - Don’t repeat yourself (не повторяйся) гласит, что нужно избегать дублирования кода, чтобы в дальнейшем, в случае внесения изменений, не пришлось менять код в нескольких местах.

💡Однако, в некоторых случаях это допускается. Например, в небольших проектах, когда нужно быстро накидать структуру проекта для демонстрации заказчику и нет времени на создание обобщений и абстракций (классов, функций и др)

#чистыйкод #itюмор

Продолжаем серию задач на массивы и подобные им структуры😉Что будет выведено в консоль в результате выполнения кода JavaScript выше?

#javascript #собеседование #викторина

Пояснение к правильному ответу:

В JavaScript, в отличие от Python, параметры функции по умолчанию создаются в момент вызова функции, а не в момент её создания в интерпретаторе). То есть мы каждый раз создаём новый список baseArr и ответ будет [‘Homer’, ‘Bart’]

#javascript

📣Приглашаем в чат канала:

https://t.me/fullstack_coding_chat для общения по темам публикуемых постов и в целом по web разработке)💻😉

Полный вариант вариант записи margin-ов:
❌div.elem {
margin-top: 1px;
margin-right: 2px;
margin-bottom: 3px;
margin-left: 4px;
}

✅ Шоркат margin-a:
div.elem {
margin: 1px 2px 3px 4px;
}

💡Не забываем, что краткую запись не используем, если верстаем html письма по старой спецификации и хотим, чтобы везде всё корректно отображалось🙂

#css

✍️Немного не новая, но весьма полезная статья про создание кастомного селекта.

💡Есть версия на чистом CSS, а также более продвинутая с JavaScript + забота о доступности👍

#статья #советы #frontend

#html #викторина

JavaScript фреймворк solidJS.

В 2024-м году продолжает расти популярность JS фреймворка SolidJS, созданного в 2021-м году.
Вот как его кратко охарактеризовали на офф сайте:

Solid — это JavaScript-фреймворк для создания интерактивных веб-приложений. С Solid вы можете использовать свои знания HTML и JavaScript для создания переиспользуемых компонентов. Solid предоставляет инструменты для улучшения ваших компонентов с помощью реактивности: декларативного JavaScript-кода, связывающего пользовательский интерфейс с данными.

Обязательно с ним поэкспериментируйте🧑‍🔬)
Полезные ссылки:
💭 - Офф. сайт (есть русская локализация)
🇷🇺 - Русскоязычное сообщество

#itновости #javascript #solidjs

Принцип инкапсуляции в ООП: способ организации класса, при котором поля и методы закрываются (инкапсулируются) от внешнего воздействия.
Доступ к внутренним (приватным) полям и методам объекта осуществляется через открытые (публичные) методы. Например, это всем известные геттеры и сеттеры, позволяющие безопасно получать и перезаписывать приватные поля объекта.

class NoteBook {
  private String name;

  public NoteBook(String name) {
    this.name = name; 
  }

  public String getName() {
    return name;
  }

  public void setName(String name) {
    if (!name.isEmpty()) {
      this.name = name;
    }
  }  
}

👆- В коде мы видим пример из языка Java, где создается класс Notebook с приватным полем name, установить и получить значение которого можно не напрямую через точку после ссылки на объект (после его создания), а только через методы setName и getName.
Причём при установке (смене) имени выполняется проверка на пустую строку (метод isEmpty)

#ООП #Java

💡 Видео для фротнендера 😎, где объясняется, почему использовать пиксели для размера шрифта и значения ширины в CSS стилях это не всегда хорошая практика 🧐

🔗 - YouTube

#frontend #video