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