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

Уроки JavaScript – Все, что нужно знать о переменных

Одной из самых основных и фундаментальных концепций любого языка программирования является возможность хранения значений, которые позднее можно многократно использовать. Такие значения в программировании называются переменными. В сегодняшнем уроке мы рассмотрим переменные в JavaScript. В этом языке программирования для объявления переменных используются три зарезервированных ключевых слова: var, let или const.   Вы можете свободно использовать каждый из этих видов переменных, поскольку все они «нетипизированные», — т.е., это означает, что переменная может содержать значение любого типа данных....

Детальное описание техники ленивой загрузки изображений (Lazy Load)

Ленивая (или отложенная) загрузка картинок – это популярный метод асинхронного обращения к адресу изображения, по мере необходимости его загрузки, а не сразу после того, как HTML страницы был проанализирован браузером. Вы, скорее всего, уже видели эту реализацию в действии, поскольку этот метод используется на многих популярных сайтах. Сегодня невозможно представить себе Интернет без картинок и видео. Мы все привыкли к этому. Плюс, если на странице сайта нет каких-то графических элементов, нам тяжелее будет уловить смысл...

Пример сайта-одностраничника с полноэкранными секциями

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

Ознакомление с операторами IN и BETWEEN в MySQL

В сегодняшнем уроке мы рассмотрим основную информацию по операторам IN и BETWEEN в MySQL. С помощью оператора IN вы сможете определить, соответствует ли нужное значение какому-либо значению из списка (или в подзапросе). А с помощью оператора BETWEEN вы сможете определить, находится ли нужное значение в диапазоне доступных значений.     Ознакомление с оператором IN в MySQL Оператор IN позволяет определить, соответствует ли указанное значение какому-либо значению в наборе значений или наборе, возвращенным подзапросом. Ниже показан...

Уроки PHP – Многомерный массив

В сегодняшнем небольшом уроке мы покажем вам, что такое многомерные массивы, как создавать и управлять многомерными массивами в PHP. Уровень сложности: начальный.     Введение в многомерный массив PHP Как вы знаете, массивы представляют собой список пар из ключей и их значений. Обычно ключом является число (или строка в случае ассоциативных массивов), а значением является любой тип данных. И это важно, поскольку это означает, что значением может быть и другой массив. Таким образом, если вы...

Как сделать красивую анимированную кнопку Поиск с CSS3 и jQuery

В сегодняшнем уроке мы на практике рассмотрим то, как можно создать простую, но очень красивую кнопку для поиска, всего лишь с помощью CSS3 и jQuery. Готовая кнопка будет выглядеть примерно так:     Для создания такой красивой анимированной кнопки для окна поиска мы будем использовать следующие инструменты: HTML – для структуры документа CSS3 – для стилевого оформления и анимации движения jQuery – для реагирования на нажатие кнопок     Некоторое время назад разработчики анимировали HTML...

Как загружать CSS файлы асинхронно

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

Уроки JavaScript – примеры использования случайности

В JavaScript довольно часто нужно использовать случайность или случайное поведение. Самым простым примером будет получение случайного числа для проведения жеребьевки. Или, например, представить возможный результат броска монеты. Но существует много разных видов случайности, и для различных приложений нужно подбирать свой вид случайного результата.   Самая простая случайность Простейшей формой случайности, которая встроена в JavaScript, является функция Math.random(). Чтобы увидеть ее в действии, наберите в консоли браузера (вызов консоли Ctrl+Shift+I) функцию: Math.random(); //0.2735944957535754 – пример результата...

Уроки PHP – как делать сортировку данных в массиве

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

Основные моменты для безопасности HTML и CSS

Если вы разработчик и пишете на HTML/CSS, вам нужно знать основные моменты, которые касаются безопасности. Кто-то может сказать, что HTML и CSS не могут быть объектом атаки злоумышленников, но с развитием веб-технологий у них для атаки появляются все больше возможностей. В сегодняшней статье мы рассмотрим самые важные моменты, на которые следует обратить внимание каждому разработчику. Они помогут следовать лучшим методикам безопасности и избежать уязвимостей.     Лучшие практики для безопасности Тщательно проверяйте зависимости, используемые в...

Ознакомление с операторами AND и OR в MySQL

Из сегодняшней практической статьи вы узнаете, как с помощью операторов AND и OR в MySQL объединять несколько логических выражений для фильтрации результатов в базе данных.     Оператор AND в MySQL Оператор AND (И) – это логический оператор, который объединяет два или более логических выражения и возвращает true (истина), только если оба выражения имеют значение true. Оператор AND возвращает false (ложь), если одно из двух выражений оценивается как false.   Ниже представлен синтаксис оператора AND:...

Что такое ключевое слово this в JavaScript

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

Основы отзывчивой (responsive) типографии в веб-дизайне

Адаптивный или отзывчивый веб-дизайн – это не только столбцы, сетки, картинки и иконки. Все это не будет иметь смысла без текстового контента. Как однажды сказал Билл Гейтс: «Контент – это король». Поэтому, адаптивная типография – это тот важный фактор, который не должен упускать из виду каждый веб-дизайнер и веб-разработчик. В сегодняшней статье мы обсудим основы создания адаптивной веб-типографики, а также те факторы, которые влияют на это.     Основы типографии Хорошая типография – это правильный...

Как работать с базой данных MySQL в PHP

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

Как добиться многоцветного фона только лишь с помощью CSS

Уже более 5 лет в веб-дизайне лидирующие позиции занимает плоский дизайн (flat design). После того, как в 2010 году корпорация Microsoft выпустила ОС Windows 8, в которой пользовательский интерфейс выдержан в стиле плоского дизайна, этот дизайн начал стремительно набирать популярность. Flat design представлен в виде противоположности реализму и, по задумке, должен подчеркивать эффект «очаровательной простоты» и утонченности. Помимо этого плоский дизайн привнес красочность в традиционный дизайн. Сегодня яркие цвета играют основную роль во всех современных...