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

Что такое пользовательские атрибуты данных (data) в HTML5 и как их использовать

Сегодняшняя статья посвящена рассмотрению новшества в HTML5 – пользовательских атрибутов данных (data). Вы узнаете, что такое атрибуты data, зачем они нужны, и как их можно использовать.     Зачем нужны пользовательские атрибуты данных? Очень часто разработчикам нужно хранить определенную информацию, связанную с различными элементами DOM. Зачастую такая информация больше нужна именно программистам, а не посетителям сайта. Допустим, вам нужно определять тип блока DOM (section, footer и т.д.) и присваивать ему идентификатор, чтобы позднее добавлять к...

Как исправить ошибку Слишком много перенаправлений в браузере

Если вы видите ошибку Слишком много перенаправлений (ERR_TOO_MANY_REDIRECTS) в своем веб-браузере, значит что-то пошло не так. Также эта ошибка сопровождается сообщением Эта веб-страница имеет цикл перенаправления (This webpage has a redirect loop) и она блокирует загрузку сайта. Ошибка Слишком много перенаправлений означает, что сайт продолжает циклично перенаправляться между разными адресами и это может никогда не прекратиться. Ваш браузер защищает вас от этого, разрешая только определенное количество перенаправлений (часто около десяти), прежде чем он «устанет» от...

Краткое описание объектно-ориентированного программирования (ООП) в JavaScript

Объектно-ориентированное программирование – это популярный стиль программирования, который был внедрен в JavaScript на самых ранних этапах. Сейчас многие встроенные функции и методы JavaScript написаны в объектно-ориентированном стиле. Объектно-ориентированное программирование в JavaScript сильно отличается от объектно-ориентированного программирования в других языках. И в сегодняшней статье мы вкратце рассмотрим основы объектно-ориентированного программирования (ООП) в JavaScript.     Что такое объектно-ориентированное программирование в JavaScript Объектно-ориентированное программирование – это две составляющие: создание отдельных объектов из общего объекта и наследование. В...

Пример использования функции calc() для изменения размера шрифта в CSS

Ранее мы делали краткий обзор функции calc() в CSS. Сегодня мы хотим рассмотреть небольшой практический пример, который даст решение для плавного масштабирования размера шрифта в зависимости от размера экрана. Если ранее подобные задачи решались с помощью jQuery, то с появлением функции calc(), это можно сделать с помощью чистого CSS. Функция calc() позволяет делать простые математические вычисления прямо в CSS. А это позволяет легче создавать адаптивные макеты сайтов. Давайте рассмотрим один небольшой практический подход, который позволит...

Уроки PHP – описание оператора switch (переключение)

Оператор switch оценивает условие и предоставляет несколько точек принятия решения, в зависимости от значения. Оператор switch аналогичен серии операторов if/else для одного и того же выражения. Если вам нужно сравнить одну и ту же переменную (или выражение) со многими различными значениями и выполнять различные фрагменты кода в зависимости от значения, тогда вам отлично подойдет оператор switch. В сегодняшней статье мы рассмотрим оператор switch (переключение) и сравним его с операторами if/else и elseif.     Ниже...

Уроки JavaScript – не работают события jQuery после AJAX загрузки

Если вы используете AJAX на своем сайте, имейте в виду, что такие события, как клик (click), отправка (submit), наведение (hover), могут не работать, если вы не прикрепите их правильно. В сегодняшней статье мы рассмотрим практическое решение проблемы, когда не срабатывают события в jQuery после динамического изменения страницы (или AJAX).     Описание задачи Допустим, у нас есть блоки с заголовком и скрытым контентом в теге <p>. По клику на заголовке, скрытый контент показывается/прячется с помощью...

Уроки PHP – полезные сниппеты

При работе с PHP очень полезно иметь определенный набор готовых функций и фрагментов кода (сниппетов), которые могут сэкономить много времени. Сегодня мы рассмотрим интересные фрагменты кода, которые, вероятно, вам пригодятся.     1) Найти все ссылки на странице Используя DOM, вы можете легко получить все ссылки с любой веб-страницы. Вот рабочий практический пример: <?php $html = file_get_contents('https://sebweo.com'); $dom = new DOMDocument(); @$dom->loadHTML($html); $xpath = new DOMXPath($dom); // получение всех узлов DOM страницы $hrefs = $xpath->evaluate("/html/body//a");...

Уроки JavaScript – Шпаргалка по регулярным выражениям

В сегодняшней статье мы рассмотрим регулярные выражения в JavaScript, а также увидим практические примеры использования регулярных выражений в JavaScript скриптах. Регулярные выражения бывают довольно полезными, и их можно использовать практически во всех своих скриптах. Но, для этого нужна практика, поэтому ниже представлены основные примеры регулярных выражений, которые помогут вам в этом.     Шпаргалка регулярных выражений в JavaScript   Сокращенная запись поиска символов let regex; regex = /\d/;  //соответствует любой цифре regex = /\D/;  //соответствует...

Уроки PHP – Сокращенная запись условия if else (тернарный оператор)

Вы, наверное, уже знаете основные варианты записи условия в PHP if, else, elseif. Используя эти условные операторы, можно проверить массу возможных вариантов. Но иногда бывает, что нужно проверить условие только среди 2-3 возможных вариантов. В этом случае велик соблазн максимально уменьшить объем кода. Возможно, что для некоторых программистов сокращенные записи условий добавят больше путаницы, но иногда они бывают полезны. В сегодняшней статье мы вкратце рассмотрим синтаксис и примеры сокращенной записи условий в PHP.    ...

Краткое ознакомление с инструментом для баз данных – phpMyAdmin

Все сайты (кроме самых простых и статических) используют базы данных. Все, что происходит на таких сайтах, записывается в базу данных. Поэтому, если у вас сайт, например, на Magento или WordPress, вам нужно будет уметь работать с базами данных. Для этого нужен элементарный набор знаний, а также соответствующие инструменты. Одним из самих удобных инструментов для работы с базой данных является phpMyAdmin. С помощью него вы можете удобно и легко взаимодействовать с вашими базами данных. Сегодняшняя статья...

Уроки JavaScript – строгий режим (strict-mode)

Когда разработчик пишет скрипты в строгом режиме, это облегчает ему создание «безопасного» JavaScript. По умолчанию JavaScript позволяет программисту писать код немного небрежно, например, не объявлять переменные с помощью var при первом их появлении. Хотя это может показаться удобным для некоторых разработчиков, такой подход может быть причиной многих ошибок, когда имя переменной написано с ошибкой или случайно указано вне ее области действия. Программисты любят заставлять компьютер делать за них скучные вещи и автоматически проверять их работу...

Уроки PHP – регулярные выражения с примерами

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

Уроки JavaScript – как получить текущую дату и время

Одной из самых интересных вещей в JavaScript является получение доступа к дате и времени, и дальнейшая работа с ними. На самом деле это очень легко, и в сегодняшней статье мы рассмотрим этот процесс очень детально. В JavaScript уже есть встроенный объект, который получает дату и время – все, что вам нужно сделать, это просто использовать его!     Объект даты Date() в JavaScript Чтобы использовать этот объект даты, вы должны сначала создать его экземпляр. Для...

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

В сегодняшней статье мы рассмотрим практические примеры основных операций со строками в PHP: объединение строк (конкатенация), сравнение строк, конвертация строк в целое число и в массив, замена строки.     Конкатенация (объединение) строк PHP Конкатенация строк – это метод манипулирования строками, когда вы объединяете 2 или более строк. В PHP эта задача решается достаточно просто. Для этого вы можете использовать оператор конкатенации, которым является ‘.‘ (точка). Ниже наведен пример объединения 2 или более строк таким...

Уроки JavaScript – ознакомление с функцией console.log()

Когда вы пишете приложение на JavaScript, очень полезно использовать отладчик (или дебаггер, от англ. debugger), т.е., программу, которая предназначена для поиска ошибок в других программах. Все браузеры поставляются с подобной программой, которая выполняет функции отладчика, — речь идет о Консоли (Console). Здесь вы найдете все ошибки, которые возникают при взаимодействии браузера с сайтом. Например, здесь вы можете увидеть недоступные ресурсы сайта (которые возвращают 404 ошибку), ошибки в JavaScript коде и массу других полезных данных. Кроме...