#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 #статья

Занимательная гифка про то, как Python выполняет код😍
#python

Функция clamp() в CSS — это функция, которая устанавливает величину между двумя граничными значениями.

Синтаксис:

clamp(min-value, preferred-value, max-value);

Параметры:
min-value: минимальная величина, которая будет использоваться, если предпочтительная величина будет меньше неё.
preferred-value: предпочтительный размер, который будет использоваться, если размер элемента находится в пределах минимального и максимального значений.
max-value: максимальный размер, который будет использоваться, если предпочтительная величина будет больше неё.
В качестве значений параметров можно использовать любые относительные величины, такие как vh, vw, %, математические выражения, а также другие css функции, такие как calc(), min() и max()
Пример для размера шрифта:

font-size: clamp(1rem, 2vw, 3rem);

В этом примере размер шрифта будет:
1rem, если ширина вьюпорта (vw) меньше 1rem,
2vw, если ширина вьюпорта находится в пределах от -
1rem до 3rem,
3rem, если ширина вьюпорта больше 3rem.
#css #советы

Полезная статья про различия между пакетными менеджерами pip для Python и npm для JavaScript)

Читать статью👈

#javascript #python #статья

Функция reverse из модуля shortcuts позволяет из маршрута, заданного в файле urls.py конкретного приложения Django в функции path из списка путей urlpatterns, получить путь к ресурсу.

Например, если у нас есть приложение blog, а в нём маршрут “article_list”, то передав его в функцию reverse (reverse(“article_list”)), мы получим в качестве возвращаемого результата, к примеру, такую строку: “blog/list” (Смотря какой путь задан в файле urls.py приложения blog)

Это может быть полезно, например, в мидлварях, при проверке интервала запросов к серверу, когда после переадресации на определеную страницу интервал очень маленький по значению и нужно для таких запросов сделать исключение и не выдавать ошибку “Too many requests”

И в целом, есть рекомендации не использовать пути, кроме файла urls.py, а применять маршруты, так как пути могут меняться со временем

#django #python

Полезные статьи про работу JavaScript с наглядными иллюстрациями)

Читать статью👈
Читать статью👈
Читать статью👈

#javascript #статья

Занимательная статья про побитовые операции: НЕ, И, ИЛИ, сдвиги и другие.

Статья очень доходчивая и содержит иллюстрации, помогающие глубже понять сам принцип побитовых операций, так как такие манипуляции с двоичными данными встречаются не только в Java.

Действия над битами могут использоваться, к примеру, при работе с сетью, изображениями, иногда для арифметических операций.

Читать статью👈

#java #статья

Полезная статья про грамотный выбор структур данных в зависимости от поставленных целей.

Такие вопросы часто задают на собеседованиях

Читать статью👈

#статья