Архив рубрики: Курсы JavaScript

querySelectorAll — выборка JavaScript-коллекций

querySelectorAll - метод document для выбора коллекций

querySelectorAll — метод document для выбора коллекций

getElementsByTagName не единственный метод объекта document, для выборки HTML-коллекций из дерева DOM. querySelector() и querySelectorAll() — удобные методы выборки по селектору (очень похожи на выборку элементов через jQuery). Подробное описание метода в документации Мозиллы. Читать далее

Autocomplete в HTML

Autocomplete в HTML (Автозавершение)

Autocomplete в HTML (Автозавершение)

Автозавершение (Autocomplete) ввода — удобный механизм помочь посетителю сайта выбрать нужный пункт для ввода и сократить время на обработку данных (на стороне сервера данные проверяются всё равно, но при правильном вводе посетитель сэкономит время). В HTML-элементе input есть возможность создания атрибута autocomplete, который подключает или отключает подсказку вводимых ранее значений. Читать далее

Панель управления dat.GUI

Панель управления Dat.GUI

Панель управления Dat.GUI

Панель управления dat.GUI может пригодится для быстрой настройки приложения, тестирования параметров. Описание работы dat.GUI, примеры использования и сам код JavaScript-библиотеки можно найти http://workshop.chromeexperiments.com/examples/gui/#1—Basic-Usage. Из возможностей библиотеки можно выделить: создание слайдеров/ползунков для изменения числовых величин (задание диапазона), создание выпадающих списков, чекбоксов (флажков), выбор цвета, обычные текстовые поля для внесения текстовых данных. Читать далее

Конструкторы и классы в JavaScript

Конструкторы и классы в JavaScript

Конструкторы и классы в JavaScript

Конструкторы и классы в JavaScript — важная часть объектно-ориентированного языка программирования. На основе классов и конструкторов создаются объекты; конструкторы могут быть встроенными и написанными программистом. В JavaScript используется прототипное наследование (даже после появления классов и реализации ключевого слова extends). Код из этого примера можно взять тут http://codepen.io/htmllab/pen/WGKqzY. Читать далее

Свойства объектов в JavaScript и константы

Свойства объектов в JavaScript и константы

Свойства объектов в JavaScript и константы

JavaScript — объектно-ориентированный язык программирования. Для того, чтобы хорошо его знать, нужно понимать как создаются, модифицируются объекты. Поговорим о создании свойств объектов, настройке их (будут ли свойства изменяемыми, будут ли они перечисляться в цикле for/in), а также поговорим о создании констант в ECMA-262 в редакции 2015 года и более ранней версии. Конечный результат можно посмотреть http://codepen.io/htmllab/pen/ORwjrG. Читать далее

Рейтинги языков программирования

Рейтинги языков программирования

Рейтинги языков программирования

На курсах веб-разработки слушатели часто задают вопрос о том, какие языки программирования (ЯП) самые востребованные. Есть несколько рейтингов языков программирования, они показывают самые популярные или на каких языках написано более всего кода. TIOBE Index (http://www.tiobe.com/tiobe-index) показывает рейтинг ЯП за текущий месяц, The RedMonk Programming Language Rankings — еще один рейтинг. Читать далее

Netbeans

Netbeans

Netbeans

NetBeans IDE — свободная интегрированная среда разработки приложений (IDE) на языках программирования Java, Python, PHP, JavaScript, C++ и ряда других. Проект  поддерживается компанией Oracle (как и MySQL), но разработка NetBeans ведётся независимым сообществом. Последние версии среды разработки поддерживают рефакторинг, профилирование, выделение синтаксических конструкций цветом, автодополнение набираемых конструкций на лету и множество предопределённых шаблонов кода. ВикиЧитать далее

Пример замыкания в JavaScript

Замыкания в JavaScript

Замыкания в JavaScript

Предполагается, вы знаете, что такое замыкания в JS. Также предполагается, что вы знаете, как работает метод sort() у массивов в JavaScript. Пример замыкания в JavaScript в этой заметке показывает вариант использования замыканий при сортировке массива объектов, содержащих числовые или строковые свойства. В качестве объекта можно взять что угодно — товары в магазине, курсы по веб-разработке, продукты питания. Мы хотим написать функцию сортировки, которая бы передавалась в sort() и позволяла выбирать любое свойство объектов, по которому они должны быть отсортированы. В примере нет сортировки по нескольким полям одновременно. Читать далее

Задания javascript: DOM

DOM — объектная модель документы, позволяет работать с узлами документа, обращаясь к их свойствам и методам. Часть свойств описывают отношения между узлами в DOM-дереве. Методы позволяют находить, клонировать, вставлять, добавлять, удалять узлы дерева. Читать далее

Задания по JavaScript: form input

Работа с JavaScript становится интересней, когда от основ переходим к объектам типа form input (HTMLFormElement, HTMLInputElement)  и другим. Этот набор заданий рекомендуется выполнить после первых двух занятий на курсах JavaScript. Читать далее