Будьте в курсе последних событий, подпишитесь на обновления сайта

Уроки JavaScript

В данном разделе содержатся уроки по Javascript. Они рассчитаны на тех кто хорошо знаком с HTML и CSS и помогут вам сделать ваши сайты адаптивными и динамичными. Все уроки представлены с примерами которые можно посмотреть в отдельном окне, также имеются задания к урокам.

Особенности регулярных выражений в Javascript

Здравствуйте! В  этой статье  я  хочу   рассказать  о некотрых  особенностях  регулярных  выражений  в  JavaScript.  Оные в javascript немного странные. Вроде как – перловые, нормальные, но с подводными камнями, на которые натыкаются даже прожвинутые javascript-разработчики.

Особенности регулярных выражений в javascript

Читать далее

Выделение на странице: Range, TextRange и Selection

Здравствуйте! В этой статье я  расскажу  об  объектах Range, TextRange и Selection. Эти объекты используются для выделения текста и  задания стилевых свойств выделяемому фрагменту. В принципе данные объекты  используются не часто, но знать о них все равно надо.

Выделение текста Объект Range, Text Range

Читать далее

Работа с куки в JavaScript, document.cookie

Здравствуйте!  В этом уроке я расскажу о работе с куки в JavaScript. Давайте для начала разберемся  что такое куки файлы и для чего они нужны. Cookie — это файлы, которые хранятся  на компьютере пользователя и по которым  сервер, то есть сайт сможет опознать посетителя. как правило в таких файлах хранят пару логин — пароль, хотя можно сохранять и другую информацию. Объем таких файлов не большой и составляет 5 килобайт. Сейчас на смену куам пришло LocalStorage (локальное хранилище), но о нем еще будет отдельный разговор.

cookies javascript

Для чтения и записи кукисов  используется свойство document.cookie. Однако, оно представляет собой не объект, а строку в специальном формате, для манипуляций с которой нужны дополнительные функции.

Читать далее

Запуск кода из строки: метод eval

Здравствуйте! В этом уроке речь пойдет о таком может малоизвестном методе eval. Функция eval(code) позволяет выполнить  любой код, переданный ей в виде строки.  И в  этом кроется ее опасность  ведь если ей передать зловредный код в виде строки, то он будет выполнен.

Этот код будет выполнен в текущей области видимости.

Метод eval выполнение кода JS

Читать далее

Анимация в JavaScript

Здравствуйте!  В этом уроке  рассмотрим анимации в JavaScript.  JavaScript-анимация применяется  где не подходит CSS-анимации.

Например,  анимация по сложной траектории, с  специальной временной функцией, выходящей за рамки кривых Безье, на canvas. Еще её используют для анимации в старых IE. Хотя надо сказать, что для  экономии ресурсов,  особенно мобильных устройств предпочтительно использовать CSS анимации.

Анимация в JS

Читать далее

Формат JSON

Здравствуйте!  В этом уроке я расскажу про работу  с форматом JSON, который используется как  для представления объектов в виде строки,  так и для обмена данными между клиентом и сервером,  используя технологию AJAX.

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

Все современные браузеры поддерживают работу с JSON и для этого у них имеются встроенные методы о них мы и поговорим в этой статье.

формат json
Читать далее

Сравнение транспортов и их возможностей

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

сравнение транспортов ajax

Читать далее

Метод fetch как замена XMLHttpRequest

Здравствуйте!  Сегодня хочу рассказать о методе fetch, который используется как  замена уже  рассмотренному методу XMLHttpRequest.  Метод fetch – это своего рода XMLHttpRequest нового поколения. Он предоставляет усовершенствованный  интерфейс для осуществления запросов к серверу: как по части контроля над происходящим, так и по синтаксису, так как построен на промисах.

Поддержка в браузерах  уже поддерживают все браузеры, кроме IE.

Метод fetch как замена XMLHttpRequest

Читать далее

Атака типа CSRF

Здравствуйте! В этом уроке я хотел бы рассказать о такой  атаке как  CSRF.  Ведь нельзя говорить про AJAX и не упомянуть про очень важную деталь его реализации – защиту от CSRF-атак.

CSRF (Cross-Site Request Forgery, также XSRF) – опаснейшая атака, которая приводит к тому, что злоумышленник может выполнить на сайте массу различных действий от имени других, зарегистрированных посетителей.

Какие это  могут быть действия – отправка сообщений, перевод денег со счёта на счёт или даже смена паролей – зависят от конкретного сайта, но в любом случае эта атака входит в образовательный минимум  любого веб-разработчика.

Атака csrf

Читать далее

Server Side Events — события на стороне сервера

Здравствуйте! В этом уроке я расскажу о такой технологии, как Server Side Events, которая позволяет  браузеру общаться с сервером.  Сразу  хочу заметить, что на сегодняшний день этот способ поддерживают все современные браузеры, кроме конечно же  IE и Edge.

Стандарт Server-Sent Events позволяет браузеру создавать объект EventSource, который сам устанавливает соединение с сервером, делает пересоединение в случае потери соединения и генерирует различные  события при поступлении данных.

Он  может  даже меньше, чем WebSocket’ы.

С другой стороны, Server Side Events проще в реализации, работают по протоколу HTTP и сразу поддерживают ряд возможностей, которые для WebSocket ещё надо делать.

Поэтому в случаях, когда нужна преимущественно  передача данных от сервера к браузеру в одну сторону, они могут стать удачным выбором.

server side events

Читать далее

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: