В данной статье вы узнаете, как создать простой REST API в PHP. 1. Обзор проекта 1.1 Что такое REST API? 1.2 Зачем нужен REST API? 1.3 Где используется REST API? 2. Файловая структура 3. Настройка базы данных 3.1 Создание таблицы категорий 3.2 Дамп данных для таблицы категорий 3.3...
Рассмотрим, как добавить социальные кнопки «поделиться» для вашего сайта. Для решения данной задачи мы не будем использовать сторонние сервисы, поэтому наши кнопки «поделиться» не будут оказывать отрицательного влияния на загрузку сайта и будут стабильно работать. HTML-структура кнопок: <div class="share-buttons"> <button class="facebook" onClick="window.open('https://www.facebook.com/sharer.php?u=АДРЕС_СТРАНИЦЫ','sharer','status=0,toolbar=0,width=650,height=500');" title="Поделиться в Facebook"> </button> <button class="vkontakte"...
Валидация input с помощью HTML, JavaScript, а также стилизация верно и не верно заполненного поля ввода. Валидация input с помощью HTML Для этой задачи воспользуемся атрибутом pattern. При использовании такого подхода, обязательно нужно сообщить пользователю в каком формате необходимо вводить в данное конкретное поле (с помощью label и/или...
Что такое Babel, зачем он нужен, как установить gulp-babel для Gulp, настроить и начать использовать в своих проектах. Содержание: Babel для Gulp; установка gulp-babel; настройка gulpfile.js; создание babelrc; пример; итоговый код; gulp-terser; Babel - это компилятор JavaScript. Содержит в себе набор инструментов, позволяющих преобразовывать код ECMAScript 2015 и...
В данной статье рассмотрим, как получить информацию о нажатой клавише клавиатуры или кнопки мыши, а также как выполнять необходимые действия (нужный код) при нажатии определенных сочетаний клавиш или кнопок (правый/левый клик мыши). Чтобы получить информацию, о том какая кнопка клавиатуры нажимается в данный момент, воспользуемся следующим кодом: function...
Рассмотрим, как обрезать текст с помощью CSS. Сначала обрежем строку с текстом и добавим многоточие, а затем рассмотрим как обрезать текст по высоте (многострочный текст) Обрежем текст, если он не помещается в строке. .crop-line { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } Обрезать текст по высоте (многострочный текст)...
В данном руководстве рассмотрим работу с API Метрики от Яндекса. Создадим счётчик просмотров страниц (статей). Первое и самое важное, без чего невозможно продолжать - у вас должен быть подключен счётчик Яндекс.Метрики. Далее порядок действий следующий: получить OAuth-токен; сформировать запрос для получения данных; организовать сохранение полученных данных на вашем...
Добавление CSS стилей на родительской странице не работает для тегов iFrame. Из данного руководства вы узнаете, как с помощью JavaScript изменить CSS стили в iFrame, а также как добавить новые (подключить с помощью link). Пусть у нас есть iFrame с id='iframeName' <iframe id="iframeName" src="./iframe.html"></iframe> Чтобы добавить новые стили...
Рассмотрим, как отловить клик вне элемента с помощью jQuery, а затем на чистом JavaScript. Это может понадобится, например, для всплывающих окон или для закрытия меню при клике за его пределами. Клик вне элемента jQuery Рассмотрим, как отловить клик за пределами блока Пример: имеем блок, пусть это будет всплывающее...
Переходим от библиотеки jQuery на чистый JavaScript. В статье вы найдёте следующие JavaScript методы: выбор элементов, перемещение по DOM-дереву, работа с атрибутами, событиями, классами; создание и удаление элементов, а также многое другое. Воспользуйтесь поиском ниже. Выбор элементов jQuery $(el); JavaScript document.querySelector(el); document.querySelectorAll(el); jQuery Выбор элемента по id $('#id');...
Рассмотрим, два стандарта микроразметки сайта: Schema.org и Open Graph на примере меню, хлебных крошек, сайдбара, картинок, подвала сайта и многое другое. Микроразметка необходима для лучшего понимания роботами структуры сайта. Это в свою очередь позволяет поисковым системам формировать более привлекательный и содержательный сниппет (краткое описание в поисковой выдаче). С...