💡Статический метод 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

В любимом многими редакторе

на стероидах

VS Code сочетание клавиш Shift + Alt + F (win) / Shift + Option + F (macOS), Ctrl + Shift + I (Ubuntu) позволяет мгновенно отформатировать весь код в файле: выровнять отступы, убрать лишние пробелы в параметрах функций, литералах данных
и.т.д.
💡- Если присутствует файл .editorconfig c установленным для него плагином, то форматирование будет происходить в соответствии с ним
💡- Также в случае использования плагинов, например, для работы с Python в VS Code, можно выбрать, какой форматтер будет применяться (если не использовать editorconfig).
🐍 Для Python это, к примеру, autopep8 (ставим в сам питон через pip)

🛠️ Экспериментируйте!)

#vscode #hotkey

Метод pop([ i ]) списков list (в Python тип данных list - упорядоченная и изменяемая коллекция) меняет список на месте: удаляет элемент по указанному индексу i и возвращает этот элемент. Параметр i не обязательный и по умолчанию равен -1, то есть если мы вызовем метод pop без аргументов, то удалится и вернётся последний элемент.

my_list = ['Bob', 'Simon', 'Tom']
print(my_list.pop(0)) # 'Bob'
print(my_list) # ['Simon', 'Tom']

print(my_list.pop()) # 'Tom'
print(my_list) # ['Simon']

#python

Статья про 20 встроенных, но, возможно, не всем известных библиотек Python с примерами кода🤩

👉Читать статью

#python #статья