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

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

В первой части краткого руководства, мы начали изучать 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) состоит только в выборе правильных ключевых слов и правильном количество их повторений на странице, но кроме этого есть много вещей, на которых вам нужно сосредоточиться.

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

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

В этой статье мне бы хотелось рассмотреть процесс расширения функционала задач (модуль Битрикс24 Tasks). Оно будет заключаться в следующем: нужно сделать так, чтобы при добавлении нового комментария закрытая задача вновь становилась активной. Также необходимо отображать последний комментарий, добавленный в задачу, в списке задач. Если вам когда-либо требовался такой функционал, то предлагаю ознакомиться со статьей более подробно.

При установке виртуальной машины Битрикс в качестве Push-and-Pull сервера по умолчанию используется модуль Nginx под названием Nginx-PushStreamModule. Этот подход считается устаревшим, поэтому в консоли Bitrix env есть возможность заменить его на NodeJS RTC service. Казалось бы нет ничего проще выбрать в консоли пункт 10 (Configure Push/RTC service), затем пункт 1 (Install/Update NodeJS RTC Service), дождаться выполнения фонового задания и начать пользоваться современным инструментом. Но к сожалению в некоторых случаях все проходит не так гладко. Когда я стал проводить описанные действия – выполнение команд завершилось ошибкой, а я получил неработающий портал клиента. Версия виртуальной машины, где произошла эта ошибка была 7.0.3.