Курсы JavaScript

Автор:@altarasov

Создание Websocket-сервера на Ratchet

Ratchet WebSockets на PHP

Ratchet WebSockets на PHP

Выкладываю новую часть материала по Websocket. На этот раз по созданию Websocket сервера на Ratchet. В прошлом материале рассказали о создании клиентской части, теперь дополнили серверной. Для работы с материалом необходимы базовые представления о PHP, Websocket, работе с командной строкой, настройке системной переменной PATH. Прочитать больше

Автор:@altarasov

Всех с наступающим Новым годом и Рождеством!

С Новым годом!

С Новым годом!

Товарищи разработчики! Поздравляю всех с наступающим НГ и Рождеством Христовым! Хочу пожелать вам здоровья, чистоты кода, углубления познаний в направлении веб-разработки (верстке, программировании, администрировании, проектировании и т.д.). Чтобы большая часть ваших проектов благополучно реализовывалась и не было дедлайнов 🙂 Прочитать больше

Автор:@altarasov

Построение кривой Безье на SVG и JavaScript

Построение кривой Безье на SVG

Кривая Безье на SVG и JavaScript

Построение кривой Безье на SVG, процесс не сложный, если мы знаем о векторной масштабируемой графике и о кривых Безье 🙂 Эти кривые могут использовать для описания кривых линий на основе нескольких базовых точек. Сам SVG фактически является расширение языка XML; состоит из корневой элемент с одноимённым названием — svg,  и различными фигурами внутри  — прямоугольником, окружностью, отрезком, путём (path) и др. Прочитать больше

Автор:@altarasov

React.js — построение пользовательского интерфейса

react-js

react-js

Здравствуйте, уважаемые разработчики! Если вы ещё не слышали о замечательной библиотеке для работы с UI (пользовательским интерфейсом) — React, самое время узнать что это такое, а также приступить к созданию собственных приложений с этой библиотекой (вольный перевод пошагового руководства по React). Разработана она и используется командой Facebook. Основное предназначение — упростить построение пользовательского интерфейса больших веб-приложений.   Прочитать больше

Автор:@altarasov

This в JavaScript

this в JavaScript

this в JavaScript

this — позволяет обратиться к объекту, который вызывает JavaScript-функцию/метод. Если к нему обратиться вне функции, то он укажет на глобальный объект. При работе в браузере — это объект window. При вызове функции без явного указания объекта или с объектом window, this тоже будет указывать на window. Посмотреть пример из заметки Как узнать контекст выполнения в JavaScript (this) by Aleksei (@htmllabru) на CodePen. Прочитать больше

Автор:@altarasov

Tampermonkey пользовательские скрипты

Tampermonkey UserScript

Tampermonkey UserScript

Tampermonkey — это бесплатное расширение браузера и популярный менеджер UserScript пользовательских скриптов для браузеров Chrome, Microsoft Edge, Safari, Opera Next, и Firefox.  Расширение поддерживает такие функции, как простая установка скрипта, автоматические проверки обновлений, простой обзор скриптов, запущеных на вкладке, а также имеет встроенный редактор. Кроме того, есть хорошие шансы на то, что несовместимые скрипты будут нормально работать при использовании расширения. Прочитать больше

Автор:@altarasov

getBoundingClientRect

getBoundingClientRect - метод DOM JavaScript для определения размеров элемента

getBoundingClientRect — метод DOM JavaScript для определения размеров элемента

getBoundingClientRect — удобный метод HTML-элементов для определения расположения элемента относительно окна и нахождения размеров элемента (ширины и высоты). Метод возвращает объект с свойствами left, top, bottom, right, width, height. Получите ссылку на HTML-элемент и вызовите метод — вы узнаете указанные свойства. Пример определения размеров элемента. Прочитать больше

Автор:@altarasov

Зависимые списки

Зависимые списки с JavaScript

Зависимые списки с JavaScript

Зависимые списки — часто используемое решение для улучшения пользовательского интерфейса. Пользователю не нужно вводить/рассматривать огромную массу информации. Достаточно выбрать нужны элемент списка в первом списке, а через JavaScript построить второй список, зависимый от первого. Это могут быть сочетания Автокомпания — Марка машины, название языка программирования — курсы по этому языку программирования. Прочитать больше

Автор:@altarasov

JavaScript анимация кнопки вызова диспетчера

JavaScript анимация кнопки вызова диспетчера

JavaScript анимация кнопки вызова диспетчера

JavaScript анимация кнопки вызова диспетчера или менеджера через Skype или другой мессенджер выполнятся через таймеры JavaScript. Верстаем заготовку кнопки, позиционируем её (в нашем случае нижняя правая часть страницы); в атрибуте href прописываем псевдопротокол skype и название учётной записи, на которую будет осуществлён звонок. Прочитать больше

Автор:@altarasov

Морское сражение

Игра на HTML5 и JavaScript

Игра на HTML5 и JavaScript

Название «Морское сражение» в последний момент заменило «Морской бой», поскольку за вторым закрепилась определённая структура игрового поля :). Игра написана на HTML5 (HTML + CSS + JavaScript). Для полноценного восприятия материала заметки, нужно хорошо знать HTML и CSS, основы JavaScript и работу с объектной моделью документа (DOM). Основная идея игры: максимальное количество попаданий по «пиратскому кораблю» (на самом деле можно вставить фоновую картинку чего угодно) при ограниченном количестве ядер собственного корабля. Прочитать больше

0 0items

Your shopping cart is empty.

Items/Products added to Cart will show here.