- •1.Архитектура Клиент-Сервер. Взаимодействие клиента и сервера в сети интернет. Основные понятия языков разметки: sgml, html, xhtml, dhtml, xml.
- •2.Програмное обеспечение клиента и сервера. Взаимодействие веб-клиента и серверного программного обеспечения. Протоколы обмена данными.
- •5. Язык js. Его возможности и ограничения. Лексемы. Идентификаторы. Ключевые слова и зарезервированные слова. Типы данных. Произведение типов. Константы. Переменные.
- •6. Локальные и глобальные переменные. Массивы. Обработка элементов массива и способы вывода результата. Организация ассоциативных массивов в js.
- •7. Массив как объект. Встроенные методы для работы с массивами. Добавление и удаление элементов массива.
- •8. Каскадные таблицы стилей css: основные понятия и определения. Селекторы, свойства, аргументы. Селекторы тэгов. Классы стилей. Способы подключения таблицы стилей. Возможности css3.
- •9. Интерактивное управление динамическим состоянием объектов. Псевдоклассы и псевдоэлементы.
- •10. Условные операторы if, if…else. Оператор switch. Способы обработки исключительных ситуаций. Оператор instanceof в js.
- •12. Понятие функций в js. Создание функций. Использование параметров. Передача объекта по ссылке в функциях.
- •11. Операторы цикла for, for..In, while, do..While, break, continue.
- •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.
11. Операторы цикла for, for..In, while, do..While, break, continue.
While -задает цикл, который выполняется до тех пор, пока условие верно.
while (условие) {
// код, тело цикла}
Do…while задает цикл с проверкой условия после каждой итерации
do {
// тело цикла
} while (условие);
Цикл for используется для многократного повторения одного участка кода. Создать цикл, указав начальное состояние, условие и операцию обновления состояния.
for (начало; условие; шаг) {
// ... тело цикла ... } Пример
var i;
for (i = 0; i < 3; i++) {
alert( i ); }
Выйти из цикла можно в любой момент. Эту возможность обеспечивает директива break.
Цикл for…in перебрать свойства объекта, для каждого свойства выполнить заданный код.
var a = { p1: 1, p2: 2}
for(var p in a) {
alert(p) // p1, затем p2
a[p] = a[p] + 1;}
Директива continue прерывает не весь цикл, а только текущее выполнение его тела, как будто оно закончилось.
for (var i = 0; i < 10; i++) {
if (i % 2 == 0) continue;
alert(i); }
12. Понятие функций в js. Создание функций. Использование параметров. Передача объекта по ссылке в функциях.
В JS объекты обладают определёнными свойствами:
• Их можно создавать с помощью литералов
• Их можно присваивать переменным, элементам массива и свойствам других объектов
• Их можно передавать в качестве аргументов ф-м
• Их можно возвращать в качестве значений из функций
• Они могут обладать свойствами, которые допускается создавать и присваивать динамически
Функции и называются объектами первого класса. Их можно вызывать. Функция определяется с помощью ключевого слова function, за которым указываются следующие компоненты:
• Идентификатор, определяющий имя функции. В качестве имени функции обычно выбирают глагол, т.к. функция выполняет действие.
• Пара круглых скобок вокруг списка из нуля или более идентификаторов, разделяемых запятыми. Данные идентификаторы называются параметрами функции.
• Тело функции, состоящее из пары фигурных скобок, внутри которых располагаются инструкции.
function foo(a,b,c) { ... } // a,b,c - параметры функции
Инструкции, расположенные в теле функции, выполняются при каждом вызове функции.
function starline() {
for(var i = 0; i < 45; i++) {
document.write("*");
} }
Значения, которые передаются при вызове функции называются аргументами.
Параметр arguments является объектом, который содержит все аргументы, переданные функции. Он является локальным объектом, который доступен только внутри функции. Если попытаться получить доступ к arguments вне функции, будет вызвана ошибка.
function foo (a, b, c) {
document.write(arguments[0]);
document.write(arguments[1]);
document.write(arguments[2]);
}
Передача параметров по ссылке
Объекты в JS всегда передаются по ссылке, а простые типы, по значению. Единственный способ передать простой тип-сделать из него объект.
function asd(zxc) {
zxc.val=2;
}
var qwe = {
val:1,
toString:function() {
return this.val } };
alert(qwe)
asd(qwe);
alert(qwe)
