- •1.Архитектура Клиент-Сервер. Взаимодействие клиента и сервера в сети интернет. Основные понятия языков разметки: sgml, html, xhtml, dhtml, xml.
- •2.Програмное обеспечение клиента и сервера. Взаимодействие веб-клиента и серверного программного обеспечения. Протоколы обмена данными.
- •5. Язык js. Его возможности и ограничения. Лексемы. Идентификаторы. Ключевые слова и зарезервированные слова. Типы данных. Произведение типов. Константы. Переменные.
- •6. Локальные и глобальные переменные. Массивы. Обработка элементов массива и способы вывода результата. Организация ассоциативных массивов в js.
- •7. Массив как объект. Встроенные методы для работы с массивами. Добавление и удаление элементов массива.
- •8. Каскадные таблицы стилей css: основные понятия и определения. Селекторы, свойства, аргументы. Селекторы тэгов. Классы стилей. Способы подключения таблицы стилей. Возможности css3.
- •9. Интерактивное управление динамическим состоянием объектов. Псевдоклассы и псевдоэлементы.
- •10. Условные операторы if, if…else. Оператор switch. Способы обработки исключительных ситуаций. Оператор instanceof в js.
- •11. Операторы цикла for, for..In, while, do..While, break, continue.
- •12. Понятие функций в js. Создание функций. Использование параметров. Передача объекта по ссылке в функциях.
- •13. Встроенные функции в объекты js (window, document, array и др.). Встроенные функции для взаимодействия с пользователем в js.
- •14. Рекурсивные функции и анонимные функции в js. Функции как объекты. Их назначение и примеры использования. Функции обработанного вызова (callback). Их назначение и параметры использования.
- •15. Объекты js. Понятие объекта. Виды объектов. Создание пользовательских объектов js, и работа с ним.
- •1. Создание прямого экземпляра объекта
- •2. Создание конструктора объекта
- •16. Наследование в js на основе концепций прототипноориентированного языка. Свойство prototype. Добавление свойств и методов к конструкторам объектов.
- •17. Создание и наследование классов в js на основе стандартов Ecma 6.
- •18. Свойства объектов, методы, события. Добавление, удаление, доступ к свойствам. Создание конструкторов и их роль для новых свойств объектов.
- •19. Встроенные методы для работы со строковыми объектами. Работа с регулярными выр-ми. Возможности обработки строковых данных в js.
- •20. Браузеры и их функциональные возможности. Особенности реализации web-приложений в разных браузерах. Иерархия объектов браузера.
- •21. Понятие и структура bom. Объекты верхнего уровня.
- •22. Работа с окнами. Объект Window. Свойства окна. Создание, открытие и закрытие окон. Основные методы и свойства окон.
- •23. Понятие иерархической модели dom. Варианты поиска элементов.
- •24. Определение событий формы. Создание элементов формы. Методы для работы с формами.
- •25. Использование набора многократно используемых объектов и функций библиотек js (jQuery, Prototype, Mootools, Dojo) при разработке веб-приложений.
- •26. Работа с событиями экрана, клавиатуры, мыши в js. Добавление метода в html dom addEventListener().
- •27. Хранение данных на стороне клиента. Виды хранения. Преимущества и недостатки сохранения данных на стороне клиента.
- •Cookie - это специальные файлы, создаваемые веб - сервером и хранящиеся на компьютере клиента. Данные передаются серверу и обратно. Плюс – простота.
- •Технология Web Storage
- •28. Особенности использования Cookie в js. Сохранение и уничтожение данных с помощью Cookie.
- •29. Использование html5 Application Cache для хранения данных на стороне клиента. Возможности и ограничения html5 Application Cache.
- •30. Использование html5 Web Storage для сохранения данных на клиентской стороне. Локальное и сессионное хранилище, их создание, использование и особенности.
- •31. Технология Ajax для передачи данных в фоновом режиме. Объект xmlHttpRequest. Обработка ответов от сервера.
- •32. Особенности хранения данных с помощью WebSql. Метод executeSql(). Организация табличного хранения данных. Внесение и удаление данных из таблиц.
- •34. Особенности применения паттернов проектирования (mvc,mvvm,mvp) в js.
- •35.Использование паттерна mvp на основе библиотек Backbone и AngularJs.
- •37. Технология динамического обращения к серверу без перегрузки всей страницы. Передача данных на страницу данных в формате html, .Txt, xml и json.
- •38. Особенности функционального программирования в js. Метод bind(), немедленно вызываемые функции, самоопределяющиеся функции.
- •39. Функции замыкания и обратного вызова (callback) в js. Роль функций обратного вызова в организации асинхронного обмена данными (на примере Node.Js).
- •40. Управление зависимостями: принципы модульного программирования в js. Концепции amd.
- •41. Использование модульного подхода к программированию в js на примере работы с библиотекой Require.Js.
- •42. Менеджер задач (на примере Grunt). Варианты заданий.
- •43. Назначение и функции пакетных менеджеров Bower и npm.
- •44. Платформа Node.Js и ее возможности. Программирование на стороне сервера.
- •45. Использование документно-ориентированных баз данных в js. Организация хранения данных на примере MongoDb.
- •46. Ключевые моменты оценки качества веб-проектов. Практические методы client-side оптимизации.
- •1.Архитектура Клиент-Сервер. Взаимодействие клиента и сервера в сети интернет. Основные понятия языков разметки: sgml, html, xhtml, dhtml, xml.
15. Объекты js. Понятие объекта. Виды объектов. Создание пользовательских объектов js, и работа с ним.
Объект в JS -это коллекция свойств, состоящая из пар ключ-значение. Причем ключом мб только строка (даже у эл2ементов массива), а вот значением - любой тип данных.
Object не примитивный тип данных. Можно считать, что у типа Object есть «подтипы»: массив (Array), функция (Function), регулярное выражение (RegExp).
Т.е. строку 'Hello, world' можно создать и как примитивное значение, и как объект типа String.
Свойства
ИмяОбъекта.ИмяСвойства
Добавлять свойство к объекту можно придавая ему значение. Пример:
personObj.firstname="Вася";
personObj.lastname="Иванов";
personObj.age=30;
personObj.eyecolor="карие";
document.write(personObj.firstname);
Код выше сгенерирует следующий вывод: Вася
Виды объектов:
Number String Boolean Date Math Array Error.
Методы
Объект также может включать методы.
ИмяОбъекта.ИмяМетода()
personObj.sleep();
1. Создание прямого экземпляра объекта
Создание нового экземпляра объекта, и добавляет к нему четыре свойства:
personObj=new Object();
personObj.firstname="Вася";
personObj.lastname="Иванов";
personObj.age=30;
personObj.eyecolor="карие";
альтернативный синтаксис (использование объектных литералов):
personObj= {firstname: "Вася", lastname:"Иванов", age:30,eyecolor:"карие"};
Добавить метод к объекту personObj также просто. Следующий код добавляет метод с названием eat() к объекту personObj:
personObj.eat=eat;
2. Создание конструктора объекта
Создаем функцию, которая инициализирует объекты:
function person(firstname,lastname,age,eyecolor)
{this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;}
Внутри функции вы должны присвоить значения свойствам, используя конструкцию this.ИмяСвойства.
слово "this" указывает на конкретный - текущий объект, свойства которого вы инициализируете в конструкторе.
16. Наследование в js на основе концепций прототипноориентированного языка. Свойство prototype. Добавление свойств и методов к конструкторам объектов.
В JS объекты наследуют от объектов без классов. Реализуется наследование через неявную (внутреннюю) ссылку одного объекта на другой, который называется его прототипом и обозначается[[prototype]].
Также существует свойство с похожим названием prototype (без квадратных скобок) - оно вспомогательное и указывает, откуда брать прототип при создании объекта.
Когда вы ставите функции Animal свойство Animal.prototype = XXX - вы подразумеваете: "все новые объекты класса Animal будут иметь прототип XXX".
Например, пусть объект кролик "rabbit" наследует от объекта животное "animal".
В наследовании на прототипах это реализуется как ссылка rabbit.[[prototype]] = animal:
Ссылка [[prototype]] работает так:
1. Любое запрошенное свойство ищется сначала в rabbit
2. Если свойство там не найдено, то оно ищется в rabbit.[[prototype]], т.е. в animal
Благодаря поиску по прототипу получается, что все функции и переменные, которые были в animal, доступны и в rabbit.
При объявлении объекта можно указать свойство-функцию, например:
var user = { name: 'Василий',
sayHi: function() {
alert( 'Привет!' ); } };
user.sayHi();
Свойства функции называют «методами» объектов. Их можно добавлять и удалять в любой момент.
1. удаление
o.test = 5
delete o.test
o['bla'] = true
2. добавление
var rabbit = {}
rabbit.run = function(n) {
alert("Пробежал "+n+" метров!") }
rabbit.run(5) // Пробежал 5 метров
