Немного о веб-технологиях

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

В первой части краткого руководства, мы начали изучать CSS-переменные. Разобрались, что это такое и почему мы должны их использовать. Сейчас мы рассмотрим другой важный момент, который вы не должны упускать из вида в процессе работы – область видимости CSS-переменных.

Я использую компонент K2 для Joomla уже много лет. Когда я впервые узнал о нем, K2 мне очень понравился: в нем были реализованы возможности, которых в самой Joomla на тот момент не было. В процессе его использования обнаруживались недостатки. Самым главным из них я считаю дублирование страниц. Например, одна и та же статья блога может открываться по разным URL. То же самое касается и страниц со списками статей по тегам и тд.

Компонент K2 обладает богатым функционалом, связанным с организацией контента на сайте под управлением Joomla. Но на ряду с этим, в нем есть довольно серьезные недоработки. Некоторое время назад я обнаружил одну из них: почему-то на страницах тегов в административной части нет возможности указать содержимое мета-тегов (description и keywords).

С помощью API Google Charts можно создавать различные виды графиков и диаграмм: круговые, столбчатые и многие другие. Используя это API вы легко создадите графические отчеты для вашего веб-приложения. В этой статье мы рассмотрим, как с помощью Google Chart API вывести на экран отчет по графику посещаемости. В предыдущем уроке мы рассматривали создание графиков с помощью библиотеки Highcharts.

REST(Representational State Transfer) является архитектурным стилем. Веб-службы, которые придерживаются принципов REST называются RESTful веб-службами. URI в них служат для доступа к ресурсам. В RESTful-терминологии данные и функции называются ресурсами. Поэтому в конечном итоге данные и функции - это то, к чему мы будем обращаться через службы.

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

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

Для реализации этого инструмента «с нуля» потребуется много усилий. Избавьте себя от лишней работы: используйте один из бесплатных плагинов, представленных ниже.

Параллакс эффекты на страницах сайта заставляют обратить на себя внимание посетителя. Эти эффекты заключаются в том, что при прокрутке страницы следующий блок постепенно сменяет предыдущий, сдвигаясь относительно него. При этом предыдущий блок не движется относительно области просмотра браузера. Parallax-эффекты можно увидеть на многих современных сайтах и шаблонах для CMS WordPress, потому что они широко распространены в современном дизайне.

Каждый веб-разработчик должен знать SQL. Несмотря на то, что SQL появился в 70-х годах прошлого века, он до сих пор широко используется и создать без него какое-нибудь серьезное приложение не представляется возможным. В большинстве современных фреймворков имеются инструменты для работы с SQL запросами. Например, ActiveRecord, Doctrine, Hibernate и другие. Но иногда все-таки приходится «запачкать руки» и написать запрос без применения этих инструментов.

Именно поэтому мы приготовили для вас краткое и четкое введение в основы языка SQL. В этой статье приведены примеры SQL запросов и результат их выполнения.

Нормализация баз данных — очень важное, основное понятие, рассматриваемое в процессе проектирования работоспособной схемы базы данных. Идея нормализации данных была предложена Е. Ф. Коддом в 1972 году, и с тех пор, она стала камнем преткновения при проектировании любой реляционной базы данных. По факту, любая схема, если она работоспособна, должна придерживаться определенных правил. Реляционная схема рассматривается как серия операций, которые проводятся над данными. Таким образом сводятся к минимуму избыточность данных и аномалии при вставке, обновлении и удалении, путем более детального рассмотрения и определения отношений между различными сущностями.

Многие люди думают, что поисковая оптимизация (SEO) состоит только в выборе правильных ключевых слов и правильном количество их повторений на странице, но кроме этого есть много вещей, на которых вам нужно сосредоточиться.

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

Когда кто-то первый раз заходит на ваш сайт, достаточно всего нескольких секунд, чтобы у посетителя создалось о нем первое впечатление. Поэтому очень важно, чтобы ему понравилось то, что он увидел. Также необходимо обеспечить легкий доступ к информации за которой пришел посетитель. Если вы считаете, что написанное выше не про ваш сайт и на данный момент есть проблемы, то предлагаем внести некоторые изменения для их решения.

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

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

В это небольшой заметке мне хотелось бы поделиться с читателями полезными функциями для вывода отладочной информации. В основном в процессе разработки возникает необходимость выводить массивы $arResult, которые являются результатом работы различных компонентов Битрикса. В заметке представлены 3 функции: для вывода массива на страницу, в консоль браузера, а также в файл.