querySelectorAll — метод document для выбора коллекций
getElementsByTagName не единственный метод объекта document, для выборки HTML-коллекций из дерева DOM. querySelector() и querySelectorAll() — удобные методы выборки по селектору (очень похожи на выборку элементов через jQuery). Подробное описание метода в документации Мозиллы. Читать далее
Autocomplete в HTML (Автозавершение)
Автозавершение (Autocomplete) ввода — удобный механизм помочь посетителю сайта выбрать нужный пункт для ввода и сократить время на обработку данных (на стороне сервера данные проверяются всё равно, но при правильном вводе посетитель сэкономит время). В HTML-элементе input есть возможность создания атрибута autocomplete, который подключает или отключает подсказку вводимых ранее значений. Читать далее
Панель управления Dat.GUI
Панель управления dat.GUI может пригодится для быстрой настройки приложения, тестирования параметров. Описание работы dat.GUI, примеры использования и сам код JavaScript-библиотеки можно найти http://workshop.chromeexperiments.com/examples/gui/#1—Basic-Usage. Из возможностей библиотеки можно выделить: создание слайдеров/ползунков для изменения числовых величин (задание диапазона), создание выпадающих списков, чекбоксов (флажков), выбор цвета, обычные текстовые поля для внесения текстовых данных. Читать далее
Конструкторы и классы в JavaScript
Конструкторы и классы в JavaScript — важная часть объектно-ориентированного языка программирования. На основе классов и конструкторов создаются объекты; конструкторы могут быть встроенными и написанными программистом. В JavaScript используется прототипное наследование (даже после появления классов и реализации ключевого слова extends). Код из этого примера можно взять тут http://codepen.io/htmllab/pen/WGKqzY. Читать далее
Свойства объектов в 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 IDE — свободная интегрированная среда разработки приложений (IDE) на языках программирования Java, Python, PHP, JavaScript, C++ и ряда других. Проект поддерживается компанией Oracle (как и MySQL), но разработка NetBeans ведётся независимым сообществом. Последние версии среды разработки поддерживают рефакторинг, профилирование, выделение синтаксических конструкций цветом, автодополнение набираемых конструкций на лету и множество предопределённых шаблонов кода. Вики. Читать далее
Замыкания в JavaScript
Предполагается, вы знаете, что такое замыкания в JS. Также предполагается, что вы знаете, как работает метод sort() у массивов в JavaScript. Пример замыкания в JavaScript в этой заметке показывает вариант использования замыканий при сортировке массива объектов, содержащих числовые или строковые свойства. В качестве объекта можно взять что угодно — товары в магазине, курсы по веб-разработке, продукты питания. Мы хотим написать функцию сортировки, которая бы передавалась в sort() и позволяла выбирать любое свойство объектов, по которому они должны быть отсортированы. В примере нет сортировки по нескольким полям одновременно. Читать далее
DOM — объектная модель документы, позволяет работать с узлами документа, обращаясь к их свойствам и методам. Часть свойств описывают отношения между узлами в DOM-дереве. Методы позволяют находить, клонировать, вставлять, добавлять, удалять узлы дерева. Читать далее
Работа с JavaScript становится интересней, когда от основ переходим к объектам типа form input (HTMLFormElement, HTMLInputElement) и другим. Этот набор заданий рекомендуется выполнить после первых двух занятий на курсах JavaScript. Читать далее