Рубрика: Уроки программирования

Ознакомление с функцией calc() в CSS

Функция calc() в CSS – это простой способ выполнить простые математические действия прямо в CSS стилях без использования, например, языка программирования PHP. Функция умеет работать с четырьмя простыми математическими операторами: сложение (+), вычитание (—), умножение (*) и деление (/). С помощью функции calc() вы можете рассчитать значения свойств CSS прямо во время их определения.     Пример синтаксиса функции calc() /* свойство: calc(математическое действие); */ width: calc(100% - 35px);   Математическое действие, которое можно выполнить для выражения,...

Уроки JavaScript – Краткий обзор событий в браузере

Прежде, чем мы перейдем к рассмотрению данной темы, важно сделать акцент на одной вещи: дерево DOM и язык JavaScript – это две разные сущности. События браузера являются частью API DOM, но они не являются частью JavaScript. События браузера являются основой любого веб-приложения и они очень часто используются в JavaScript. Именно через эти события мы определяем то, что должно произойти. Если в вашем документе есть кнопка, и вам требуется проверка формы при ее нажатии, вы должны...

Уроки PHP – Функции

Управляющие конструкции, такие как условные операторы и циклы, очень полезны. Они делают код менее повторяющимся и более понятным. Следующая ступень здесь – это функции, которые с использованием управляющих конструкций, позволяют писать более сложные сценарии и программы. В сегодняшней статье мы поговорим о функциях в PHP: их определение, вызов, возврат значений, а также небольшой практический пример.     Определение функции в PHP Итак, что такое функция? Проще говоря, функция – это блок кода, который написав один...

Основные виды 3D-трансформаций в CSS

Когда появились CSS-трансформации, с элементами стало возможным проводить разные преобразования: их можно смещать, поворачивать, наклонять, сдавливать и растягивать. А с помощью 3D-преобразований в CSS стали возможными еще более невероятные вещи. Они дают возможность разработчикам добавить новое измерение на свои сайты. Поначалу трехмерные трансформации могут показаться немного ошеломляющими, особенно если учесть, что HTML-холст (экран монитора) – это 2D-пространство. Но если вы представите себе, что ваш сайт имеет и глубину (вглубь экрана, или выступая из экрана), тогда...

Уроки JavaScript – Основы манипулирования элементами в DOM

В прошлый раз мы рассмотрели некоторые основы JavaScript и затронули различные аспекты объектной модели документа, в том числе способы доступа к узлам и перемещения по DOM. Сегодня мы поговорим о том, как манипулировать элементами в DOM.     Элементы для манипулирования В последнем уроке мы рассмотрели шаги, связанные с доступом к коллекции узлов DOM или отдельного узла DOM. Настоящая магия возникает, когда мы затем манипулируем определенными свойствами, что приводит к так называемому «поведению». Каждый отдельный...

Уроки PHP – Переменные

Одним из основных элементов почти в каждом языке программирования являются переменные. Переменные используются для хранения информации, которая нужна будет в дальнейшем. В PHP переменные должны начинаться со знака доллара ($), после которого следует имя переменной. Есть несколько правил, которые вам нужно знать при создании переменных. Во-первых, имя переменной должно начинаться с буквы или нижнего подчеркивания. Во-вторых, имя не может начинаться с цифры. В-третьих, оно может содержать только буквенно-цифровые символы и символы подчеркивания (A-z, 0-9 и...

Уроки JavaScript – Доступ к узлам и атрибутам в DOM

В этой статье мы продолжим говорить об объектной модели документов (DOM) и рассмотрим основные способы доступа к ней с помощью JavaScript.     Давайте для примера возьмем небольшой HTML документ, в котором есть абзац и неупорядоченный список: <!DOCTYPE html> <html lang="ru-RU"> <head> <meta charset="UTF-8"> <title>JavaScript – доступ к узлам DOM</title> </head> <body> <p id="paragraph">Первый тестовый параграф</p> <ul> <li>Пункт 1 неупорядоченного списка</li> <li>Пункт 2 неупорядоченного списка</li> <li>Пункт 3 неупорядоченного списка</li> <li>Пункт 4 неупорядоченного списка</li> <li>Пункт 5...

Уроки PHP – Циклы

В этом уроке мы рассмотрим циклы в PHP, а также примеры кода их использования.   Цикл в PHP – это управляющая конструкция, которая призвана выполнять блок кода несколько раз. Это означает, что вам не нужно многократно копировать и вставлять код в файл, достаточно только использовать правильную инструкцию цикла.   Пример кода без цикла: <?php echo " 1 "; echo " 2 "; echo " 3 "; echo " 4 "; echo " 5 "; echo...

Основы JavaScript

В этом уроке мы рассмотрим базовые понятия о некоторых основах JavaScript. Сегодня мы уделим внимание разным типам данных JavaScript, определению функций, увидим, что такое массивы и объекты, познакомимся с операторами в JavaScript, условием if/else, а также с циклами for и while.     В JavaScript вы можете иметь разные типы значений. Существуют такие типы данных: числа, строки, логические значения (boolean), объекты, неопределенные и нулевые (NULL): Однострочные комментарии пишутся с использованием двух косых черт (//), весь...

Уроки PHP — Массивы (Array)

В этом уроке мы рассмотрим, что такое массивы в PHP и как с ними работать. Вы узнаете, как создавать, сортировать или выводить содержимое массива. Рассмотрим ассоциативные и многомерные массивы. Также уделим немного внимания основным функциям при работе с массивами в PHP.     Массивы в PHP – основы Массивы – это специальные типы данных. В отличии от других простых переменных, массив может хранить более одного значения. Предположим, что вам нужно сохранить основные цвета в своем...

JavaScript и DOM

В этой статье мы поговорим об основных аспектах языка программирования JavaScript и DOM (объектная модель документов). Использование фреймворков, таких как jQuery или Prototype – это отличный способ быстрой разработки приложений на JavaScript, но также важно знать и понимать базовые аспекты этого языка. Даже если вы используете только какую-то конкретную библиотеку, сегодняшняя информация все равно принесет вам пользу – понимание того, как что-то работает под «капотом», — это очень важно.     JavaScript – введение JavaScript...

Уроки PHP — строки

В этом уроке мы подробно рассмотрим, что такое строки в PHP, как их использовать, а также рассмотрим простейшие функции манипуляции со строками.     Строки в PHP: основы Строка (string) – это тип данных в PHP и набор символов. В PHP встроена поддержка 256 разных символов. Для определения строки можно использовать три различных способа: одинарные кавычки двойные кавычки heredoc-синтаксис   Вам решать, какой способ использовать, ведь у каждого из них есть свои плюсы и минусы....

Установка PHP 7 в картинках и с подробным описанием

В предыдущих статьях мы писали о том, как создать локальный веб-сервер с помощью наборов инструментов Денвер и XAMPP. Эти инструменты позволяют превратить ваш домашний компьютер в веб-сервер и создавать сайты у себя дома. Рассмотренные приложения содержат в себе необходимый минимум программ, которые необходимы для работы в локальной среде разработки: сервер Apache, интерпретатор скриптов PHP, систему управления базами данных MySQL, интерпретатор языка Perl, и другие дополнительные библиотеки. Все эти компоненты вы можете установить и сами, главное знать, как...

Внедрение AMP для увеличения скорости загрузки страницы

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

Google AMP – что это такое и как это реализовать на своем сайте?

Длительное время загрузки сайта влияет на показатель отказов и является одной из главных причин плохих слов, которые люди говорят в адрес своих телефонов и интернет-провайдеров. Есть масса инструментов и решений, с помощью которых можно оптимизировать время загрузки сайта для мобильных устройств, но есть одно прогрессивное решение – AMP. Проект AMP (Accelerated Mobile Pages – Ускоренные мобильные страницы) является одним из наиболее перспективных методов, направленных на решение данной проблемы. Сегодня мы поговорим немного об AMP; рассмотрим...