Технологии


Графика
Графика
WebDev / Front
WebDev / Front
WebDev / Back
WebDev / Back
Godot
Godot
PhotoShop
PhotoShop
GameDev
GameDev
HTML
HTML
CSS
CSS
jQuery
jQuery
PHP
PHP
MySQL
MySQL
GIT
GIT
Хостинг
Хостинг
Open Server
Open Server
1C
1C
Платформа 1С
Платформа 1С
1С Элемент
1С Элемент
Illustrator
Illustrator
1С Битрикс
1С Битрикс
АРТ
АРТ
VS Code
VS Code
Stable Diffusion
Stable Diffusion
Balsamiq
Balsamiq
Проектирование
Проектирование
Серверное
Серверное
Кодинг
Кодинг
Magica Voxel
Magica Voxel


Переменные в PHP

Переменные в PHP — это именованные контейнеры, которые используются для хранения данных. Они позволяют разработчикам сохранять значения и обращаться к ним в дальнейшем в коде. Вот основные характеристики и правила работы с переменными в PHP:

Основные характеристики переменных в PHP:

Именование переменных:
  1. Имена переменных в PHP начинаются с символа $, после которого может следовать буква, знак подчеркивания (_) или цифра (но не может начинаться с цифры).
  2. Имена переменных могут содержать буквы, цифры, и символы подчеркивания, но не могут содержать пробелы и специальные символы.
Типы данных:
PHP является языком с динамической типизацией, что означает, что для переменных не нужно указывать тип данных заранее. Тип переменной определяется автоматически на основе значения, присвоенного ей.
Основные типы данных в PHP включают:
  1. Целые числа (integer)
  2. Числа с плавающей точкой (float)
  3. Строки (string)
  4. Массивы (array)
  5. Объекты (object)
  6. Логические значения (boolean)
  7. NULL (представляет отсутствие значения)
Присвоение значений:
Значения присваиваются переменным с помощью оператора =. Например, $variable = 10;.

Изменяемость:
Переменные в PHP могут менять свои значения в процессе выполнения кода. Например:

// Объявление переменных
$x = 5;
$x = 10;     // Теперь $x равно 10
Область видимости:
Переменные могут иметь разную область видимости: глобальные (доступны везде), локальные (доступны только внутри функции), и статические (сохраняют свое значение между вызовами функции).

Примеры работы с переменными:

// Объявление переменных
$name = "Alice";       // Строка
$age = 25;             // Целое число
$height = 1.68;       // Число с плавающей точкой
$isStudent = true;    // Логическое значение

// Вывод значений переменных
echo "Имя: $name\n";  // Имя: Alice
echo "Возраст: $age\n"; // Возраст: 25
echo "Рост: $height\n"; // Рост: 1.68
echo "Студент: " . ($isStudent ? "Да" : "Нет") . "\n"; // Студент: Да

// Изменение значения переменной
$age = 26;
echo "Новый возраст: $age\n"; // Новый возраст: 26

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

Что такое PHP

PHP (Hypertext Preprocessor) — это язык программирования, который широко используется для создания веб-приложений и динамических веб-страниц. Он является серверным языком, что означает, что код PHP выполняется на сервере, а результат отправляется клиенту (обычно в виде HTML). Вот основные аспекты PHP:

Основные характеристики PHP:

  1. Серверный язык: PHP выполняется на сервере, что позволяет генерировать динамическое содержимое веб-страниц в зависимости от запросов пользователей.
  2. Простота в использовании: PHP имеет простой и понятный синтаксис, что делает его доступным для начинающих разработчиков.
  3. Интеграция с HTML: PHP можно легко встраивать в HTML-код, что позволяет разработчикам создавать динамические веб-страницы.
  4. Поддержка баз данных: PHP поддерживает работу с различными базами данных, такими как MySQL, PostgreSQL и SQLite, что позволяет создавать мощные веб-приложения с хранением данных.
  5. Кроссплатформенность: PHP работает на различных операционных системах, включая Windows, Linux и macOS, и может быть использован с различными веб-серверами, такими как Apache и Nginx.

Применение PHP:

  1. Веб-разработка: PHP используется для создания динамических веб-сайтов и приложений, таких как блоги, интернет-магазины и социальные сети.
  2. Системы управления контентом (CMS): Многие популярные CMS, такие как WordPress, Joomla и Drupal, написаны на PHP.
  3. API и веб-сервисы: PHP может использоваться для создания RESTful API и веб-сервисов, которые взаимодействуют с другими приложениями.

Преимущества PHP:

  1. Большое сообщество: PHP имеет активное сообщество разработчиков, что обеспечивает доступ к множеству библиотек, фреймворков и ресурсов.
  2. Быстрая разработка: Благодаря простоте и множеству готовых решений, разработка на PHP может быть быстрой и эффективной.
  3. Поддержка множества фреймворков: Существуют различные фреймворки для PHP, такие как Laravel, Symfony и CodeIgniter, которые помогают ускорить процесс разработки и улучшить структуру кода.

PHP остается одним из самых популярных языков программирования для веб-разработки благодаря своей простоте, гибкости и мощным возможностям.

Что такое Composer

Composer — это инструмент для управления зависимостями в проектах на языке программирования PHP. Он позволяет разработчикам легко устанавливать, обновлять и управлять библиотеками и пакетами, которые необходимы для работы их приложений. Вот основные аспекты Composer:

Основные функции Composer:

  1. Управление зависимостями: Composer позволяет указать, какие библиотеки и версии необходимы для вашего проекта. Он автоматически загружает и устанавливает эти зависимости, а также следит за их обновлениями.

  2. Автоматическая загрузка: Composer предоставляет механизм автозагрузки классов, что упрощает подключение библиотек и классов в проекте. Это позволяет избежать необходимости вручную подключать файлы.

  3. Управление версиями: Composer позволяет указать версии библиотек, которые вы хотите использовать, и автоматически обновляет их до последних совместимых версий.

  4. Пакетный менеджер: Composer работает с репозиториями пакетов, такими как Packagist, где разработчики могут публиковать свои библиотеки и пакеты для использования другими.

Параллакс в Godot

Чтобы настроить параллакс в Godot, вы можете использовать систему параллакс-слоев, которая позволяет создать эффект глубины, когда фон движется с разной скоростью по сравнению с передним планом. Вот шаги, чтобы настроить параллакс в Godot:

1. Создайте новый проект в Godot и откройте сцену.

2. Добавьте узел ParallaxBackground:

В вашей сцене добавьте новый узел типа ParallaxBackground. Это будет основной узел, который управляет параллакс-эффектом.



3. Добавьте узлы ParallaxLayer:

Внутри узла ParallaxBackground добавьте один или несколько узлов типа ParallaxLayer. Каждый из этих узлов будет представлять отдельный слой фона.







4. Добавьте фоновое изображение:

В каждом узле ParallaxLayer добавьте узел типа Sprite или TextureRect, чтобы установить изображение фона. Загрузите текстуру, которую вы хотите использовать.

5. Настройте скорость параллакса:

Выберите узел ParallaxLayer и в инспекторе найдите свойство Motion Scale. Это свойство определяет, с какой скоростью слой будет двигаться по сравнению с камерой. Например, если вы установите Motion Scale на (0.5, 0.5), слой будет двигаться в два раза медленнее, чем камера, создавая эффект глубины.

6. Настройте камеру:

Если у вас еще нет камеры, добавьте узел Camera2D в вашу сцену. Убедитесь, что камера настроена на следование за игроком или движением сцены.

7. Тестирование:

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

Пример кода для управления камерой:

Если вы хотите, чтобы камера следовала за игроком, вы можете использовать следующий код в скрипте камеры:

extends Camera2D

var player

func _ready():
    player = get_node("Path/To/Your/Player")

func _process(delta):
    if player:
        position = player.position

Заключение:

Теперь у вас есть базовая настройка параллакса в Godot. Вы можете добавлять больше слоев и настраивать их скорости, чтобы создать более сложные и интересные фоны для вашей игры.

Игры сделанные в Godot в 2022

Until Then
Of Life and Land
Backpack Battles
Halls of Torment
Windowkill
Ocean Mirror
Stunt Xpress
Uniform
Racing Simulation
Badaboom
Full-Scale Invasion
Octahedrone - Syncing Dimensions
KOOK
Runa & The Chaikurú Legacy
Gunmetal Gothic
Unrailed 2: Back on Track
Colorspace
Immersive Home
Dig Dig Boom
Vlobs
PLUG IT IN
Sandbox Elements
Speed Oddity
Robot Detour
Jewel Run
knakk
GodSVG
Dirty Land
Outro

Игры сделанные в Godot в 2023

Until Then
Of Life and Land
Backpack Battles
Halls of Torment
Windowkill
Ocean Mirror
Stunt Xpress
Uniform
Racing Simulation
Badaboom
Full-Scale Invasion
Octahedrone - Syncing Dimensions
KOOK
Runa & The Chaikurú Legacy
Gunmetal Gothic
Unrailed 2: Back on Track
Colorspace
Immersive Home
Dig Dig Boom
Vlobs
PLUG IT IN
Sandbox Elements
Speed Oddity
Robot Detour
Jewel Run
knakk
GodSVG
Dirty Land
Outro

Игры сделанные в Godot в 2024

PVKK
Megaloot
Arctic Eggs
Canvas of Kings
Crown Gambit
Buckshot Roulette
Toziuhua Night: Order of the Alchemists
Zitifono
Mira and the Legend of the Djinn
Primal Planet
Block Block Block
Koira
Road to Vostok
Townbox
Coldridge
The Door Before
Rift Riff
No Gasoline
The Rise of the Golden Idol
Pest Apocalypse
Godot Block Coding
Dorpie
Wax Heads
Sand Stack
Paw Rescuers
Power Composer
Polybeep
Hyper Flux
GDTours
Dragon Gate
Gourdlets
Nonu
Parking Garage Rally Circuit
Object Wars
Winch It Out
Fogpiercer
Sound Blocks
Oblin Party
Our Journey

Внешний вид программы

Установка программы

Чтобы установить Godot, выполните следующие шаги в зависимости от вашей операционной системы:

Для Windows:

1. Скачайте Godot:

Перейдите на официальный сайт Godot https://godotengine.org/.



Выберите версию для Windows и скачайте ZIP-архив.

2. Распакуйте архив:

Распакуйте скачанный ZIP-архив в удобное для вас место на компьютере.

3. Запустите Godot

Как указать канонический URL

Канонический URL можно указать с помощью атрибута rel="canonical".

Пример:

<link rel="canonical" href="https://novocodo.ru/about/" />

Константы в PHP

Константы в PHP — это именованные значения, которые не могут быть изменены в процессе выполнения скрипта. Они используются для хранения данных, которые должны оставаться неизменными на протяжении всего выполнения программы, таких как настройки конфигурации или важные значения, которые не требуют изменения.
Основные характеристики констант в PHP:

Именование:
Константы обычно пишутся заглавными буквами для удобства и читаемости. Например: PI, DATABASE_NAME.

Константы могут содержать буквы, цифры и символы подчеркивания, но не могут начинаться с цифры.

Определение:
Константы определяются с помощью функции define(). Например:

define("PI", 3.14);
Также можно использовать ключевое слово const для определения констант в классах:

class MyClass {
          const MY_CONSTANT = 'Hello, World!';
      }
Область видимости:
Константы имеют глобальную область видимости, что означает, что они доступны в любой части скрипта после их определения.

Неизменяемость:
Как только константа определена, её значение нельзя изменить или переопределить. Попытка изменить значение константы приведет к ошибке.
Примеры определения и использования констант:

 // Определение константы с помощью define()
define("SITE_NAME", "My Website");
echo SITE_NAME; // Вывод: My Website

// Определение константы с помощью const в классе
class Config {
    const DB_HOST = 'localhost';
    const DB_NAME = 'test_db';
}
 
echo Config::DB_HOST; // Вывод: localhost
Специальные константы:
PHP также имеет несколько встроенных констант, которые предоставляют полезную информацию о текущем окружении. Например:

__LINE__: номер текущей строки в файле.

__FILE__: полный путь и имя текущего файла.

__DIR__: каталог текущего файла.

PHP_VERSION: версия PHP, под которой работает скрипт.

Применение констант:
Константы часто используются для хранения конфигурационных параметров, таких как:

Настройки базы данных (имя базы данных, пользователь, пароль).

Встроенные параметры, которые не должны изменяться, например, URL-адреса, пути к файлам и пр.
Использование констант делает код более понятным и надежным, так как это предотвращает случайные изменения значений, которые могут привести к ошибкам в программе.

Каталог

Лендинг

Основные компоненты программы Balsamiq

Balsamiq Mockups предлагает разнообразные компоненты, которые помогают пользователям создавать прототипы и макеты пользовательских интерфейсов. Вот основные компоненты программы:

  • Кнопки (Buttons): Элементы, которые пользователи могут нажимать для выполнения действий. Кнопки могут быть различных форм и размеров.

  • Текстовые поля (Text Fields): Поля, в которые пользователи могут вводить текст. Они могут быть однострочными или многострочными.

  • Списки (Lists): Элементы, которые позволяют отображать набор данных в виде списка. Списки могут быть простыми или с возможностью выбора.

  • Чекбоксы (Checkboxes): Элементы, которые позволяют пользователям делать выбор из нескольких вариантов. Чекбоксы могут быть отмечены или сняты.

  • Переключатели (Radio Buttons): Элементы, которые позволяют пользователям выбрать только один вариант из нескольких предложенных.

  • Изображения (Images): Компоненты для вставки изображений в макет. Это могут быть как статические изображения, так и иконки.

  • Навигационные элементы (Navigation Elements): Компоненты, такие как вкладки, меню и кнопки навигации, которые помогают пользователям перемещаться по приложению.

  • Формы (Forms): Элементы, которые позволяют собирать данные от пользователей, включая текстовые поля, чекбоксы и кнопки отправки.

  • Иконки (Icons): Небольшие графические элементы, которые могут использоваться для обозначения действий или функций.

  • Модальные окна (Modal Windows): Всплывающие окна, которые могут использоваться для отображения дополнительной информации или для подтверждения действий.

  • Сетки и направляющие (Grids and Guides): Элементы, которые помогают выравнивать компоненты и организовывать макет.

  • Секционные заголовки (Section Headers): Элементы, которые помогают структурировать макет, разделяя его на логические части.

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

Интерфейс программы Balsamiq

Интерфейс программы Balsamiq Mockups интуитивно понятен и ориентирован на удобство использования, что делает его популярным инструментом для создания прототипов и макетов пользовательских интерфейсов. Вот основные элементы интерфейса:

  • Главное меню: В верхней части окна расположено главное меню, которое включает такие пункты, как «File» (Файл), «Edit» (Правка), «View» (Вид), «Help» (Справка) и другие. Здесь можно открыть, сохранить или экспортировать проекты, а также получить доступ к настройкам программы.

  • Панель инструментов: Под главным меню находится панель инструментов, где размещены основные инструменты для работы с макетами. Здесь можно выбрать различные элементы интерфейса, такие как кнопки, текстовые поля, изображения и другие компоненты.

  • Библиотека компонентов: Слева находится панель с библиотекой компонентов, где представлены различные элементы интерфейса, которые можно перетаскивать на рабочую область. Компоненты организованы по категориям, что упрощает поиск нужных элементов.

  • Рабочая область: Центральная часть интерфейса — это рабочая область, где вы создаете и редактируете свои макеты. Здесь можно размещать, изменять размер и настраивать компоненты, а также организовывать их в соответствии с вашим дизайном.

  • Свойства элемента: Справа может находиться панель свойств, которая отображает настройки выбранного элемента. Здесь можно изменять параметры, такие как цвет, размер, текст и другие атрибуты.

  • Навигация по страницам: В нижней части интерфейса можно увидеть навигацию по страницам, что позволяет легко переключаться между различными экранами или макетами в одном проекте.

  • Предварительный просмотр: В некоторых версиях программы есть возможность предварительного просмотра макета, что позволяет увидеть, как будет выглядеть интерфейс в реальном времени.

Balsamiq Mockups предлагает простой и удобный интерфейс, который позволяет быстро создавать прототипы и делиться ими с командой или клиентами.

Установка программы Balsamiq

Установка программы Balsamiq Mockups достаточно проста. Вот шаги, которые помогут вам установить это приложение:

  1. Скачивание:

  2. Перейдите на официальный сайт Balsamiq: balsamiq.com.


  3. Найдите раздел «Product» или ссылку «desktop version» на главной странице.

  4. Выберите версию для вашей операционной системы (Windows или macOS) и скачайте установочный файл.

  5. Установка:

  6. После завершения загрузки откройте скачанный файл.

  7. Следуйте инструкциям установщика. Обычно это включает в себя принятие лицензионного соглашения и выбор папки для установки.

  8. Дождитесь завершения установки.

  9. Запуск:

  10. После установки вы можете запустить Balsamiq Mockups через меню «Пуск» (Windows) или через папку «Программы» (macOS).

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

  12. Обновления:

  13. Убедитесь, что у вас установлена последняя версия программы. Обычно Balsamiq уведомляет о доступных обновлениях при запуске.

Если у вас возникнут какие-либо проблемы в процессе установки, вы можете обратиться к разделу поддержки на сайте Balsamiq для получения дополнительной помощи.

Balsamiq оглавление

Дорожная карта изучения Balsamiq Wireframes

  1. Установка программы
  2. Интерфейс
  3. Основные компоненты
  4. Лендинг
  5. Каталог

!IMPORTANT (модификатор в CSS)

Что такое !important в сss:

Правило !important в CSS используется для придания свойству/значению большей важности, чем обычно.

Как прописать !important в css:

.text {
  color: green !important;
}

.text {
  color: red;
}

По логике каскада текст в блоке с классом text должен быть красного цвета, потому что это правило стоит ниже в коде. Но из-за модификатора !important цвет текста будет зелёным.

#main-title {
  color: purple;
}

.title {
  color: blue !important;
}

В этом примере селектор #main-title более специфичный, чем .title. Но цвет текста будет голубым из-за !important.

DIALOG (тег в HTML)

Что такое dialog в html:

Отображает диалоговое окно или другой интерактивный компонент.

Атрибуты:

  1. open - указывает, что диалог виден и активен.

Как прописать dialog в html:

<dialog open>
  <h2>Пример модального диалога</h2>
  <p>Это модальное диалоговое окно.</p>
  <button>Закрыть</button>
</dialog>

Примеры использования


Простое диалоговое окно:

<button id="show-dialog-btn">Показать диалог</button>

<dialog id="my-dialog">
  <p>Это простое диалоговое окно.</p>
  <button id="close-dialog-btn">Закрыть</button>
</dialog>

<script>
  const showDialogBtn = document.querySelector('#show-dialog-btn');
  const myDialog = document.querySelector('#my-dialog');
  const closeDialogBtn = document.querySelector('#close-dialog-btn');

  showDialogBtn.addEventListener('click', () => {
    myDialog.showModal();
  });

  closeDialogBtn.addEventListener('click', () => {
    myDialog.close();
  });
</script>

Диалоговое окно с формой:

<button id="show-dialog-btn">Показать диалог</button>

<dialog id="my-dialog">
  <form>
    <label for="name">Имя:</label>
    <input type="text" id="name" name="name" required>
    <button type="submit">Отправить</button>
  </form>
  <button id="close-dialog-btn">Закрыть</button>
</dialog>

<script>
  const showDialogBtn = document.querySelector('#show-dialog-btn');
  const myDialog = document.querySelector('#my-dialog');
  const closeDialogBtn = document.querySelector('#close-dialog-btn');

  showDialogBtn.addEventListener('click', () => {
    myDialog.showModal();
  });

  closeDialogBtn.addEventListener('click', () => {
    myDialog.close();
  });
</script>

XMP (тег в HTML)

Что такое xmp в html:

Отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины. Пока тег <xmp> не закрыт, все теги внутри него отображаются как обычный текст.

Как прописать xmp в html:

<xmp>Текст</xmp>


Материалы 21 - 40 из 194
Начало | Пред. | 1 2 3 4 5 | След. | Конец