http://www.specialist.ru/trainer/трас
getElementsByTagName не единственный метод объекта document, для выборки HTML-коллекций из дерева DOM. querySelector() и querySelectorAll() — удобные методы выборки по селектору (очень похожи на выборку элементов через jQuery). Подробное описание метода в документации Мозиллы.
Автозавершение (Autocomplete) ввода — удобный механизм помочь посетителю сайта выбрать нужный пункт для ввода и сократить время на обработку данных (на стороне сервера данные проверяются всё равно, но при правильном вводе посетитель сэкономит время). В HTML-элементе input есть возможность создания атрибута autocomplete, который подключает или отключает подсказку вводимых ранее значений.
Панель управления dat.GUI может пригодится для быстрой настройки приложения, тестирования параметров. Описание работы dat.GUI, примеры использования и сам код JavaScript-библиотеки можно найти http://workshop.chromeexperiments.com/examples/gui/#1—Basic-Usage. Из возможностей библиотеки можно выделить: создание слайдеров/ползунков для изменения числовых величин (задание диапазона), создание выпадающих списков, чекбоксов (флажков), выбор цвета, обычные текстовые поля для внесения текстовых данных.
Конструкторы и классы в JavaScript — важная часть объектно-ориентированного языка программирования. На основе классов и конструкторов создаются объекты; конструкторы могут быть встроенными и написанными программистом. В JavaScript используется прототипное наследование (даже после появления классов и реализации ключевого слова extends). Код из этого примера можно взять тут http://codepen.io/htmllab/pen/WGKqzY.
JavaScript — объектно-ориентированный язык программирования. Для того, чтобы хорошо его знать, нужно понимать как создаются, модифицируются объекты. Поговорим о создании свойств объектов, настройке их (будут ли свойства изменяемыми, будут ли они перечисляться в цикле for/in), а также поговорим о создании констант в ECMA-262 в редакции 2015 года и более ранней версии. Конечный результат можно посмотреть […]
На курсах веб-разработки слушатели часто задают вопрос о том, какие языки программирования (ЯП) самые востребованные. Есть несколько рейтингов языков программирования, они показывают самые популярные или на каких языках написано более всего кода. TIOBE Index (http://www.tiobe.com/tiobe-index) показывает рейтинг ЯП за текущий месяц, The RedMonk Programming Language Rankings — еще один рейтинг.
NetBeans IDE — свободная интегрированная среда разработки приложений (IDE) на языках программирования Java, Python, PHP, JavaScript, C++ и ряда других. Проект поддерживается компанией Oracle (как и MySQL), но разработка NetBeans ведётся независимым сообществом. Последние версии среды разработки поддерживают рефакторинг, профилирование, выделение синтаксических конструкций цветом, автодополнение набираемых конструкций на лету и множество предопределённых шаблонов кода. Вики.
Предполагается, вы знаете, что такое замыкания в JS. Также предполагается, что вы знаете, как работает метод sort() у массивов в JavaScript. Пример замыкания в JavaScript в этой заметке показывает вариант использования замыканий при сортировке массива объектов, содержащих числовые или строковые свойства. В качестве объекта можно взять что угодно — товары в магазине, курсы по веб-разработке, […]
DOM — объектная модель документы, позволяет работать с узлами документа, обращаясь к их свойствам и методам. Часть свойств описывают отношения между узлами в DOM-дереве. Методы позволяют находить, клонировать, вставлять, добавлять, удалять узлы дерева.
Работа с JavaScript становится интересней, когда от основ переходим к объектам типа form input (HTMLFormElement, HTMLInputElement) и другим. Этот набор заданий рекомендуется выполнить после первых двух занятий на курсах JavaScript.