Презентация на тему JavaScript фреймворки.Куда катится мир.

Презентация на тему JavaScript фреймворки.Куда катится мир., предмет презентации: Разное. Этот материал содержит 34 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1
Текст слайда:

JavaScript фреймворки. Куда катится мир.

Владимир Кузнецов UWDC2012


Слайд 2
Текст слайда:

Framework — основа или каркас приложения


Слайд 3
Текст слайда:

Приложение

Яндекс

Underscore

jQuery

Backbone

common.js


Слайд 4
Текст слайда:

Файл с полезными функциями


Слайд 5
Текст слайда:

Модульность


Слайд 6
Текст слайда:

…и еще масса мелких модулей




Слайд 7
Текст слайда:

Дробим на модули чтобы:

улучшить архитектуру фреймворка;
упростить командную разработку и тестирование;
из «большого» фреймворка можно собрать «маленький» только с нужными функциями.


Слайд 8
Текст слайда:

Тестирование


Слайд 9
Текст слайда:

Тестирование

Автоматическое дешевле и проще ручного.
Дает возможность покрыть больше различных случаев.
Не заменимо при рефакторинге.


Слайд 10
Текст слайда:

QUnit


Слайд 11
Текст слайда:

Jasmine

describe(“Test case", function() {
it('should be true', function() {
expect(App.method()).toEqual(true);
});
});


Слайд 12
Текст слайда:

jsPerf


Слайд 13
Текст слайда:

Selenium


Слайд 14
Текст слайда:

Точки расширения функциональности


Слайд 15
Текст слайда:

События

$(root).on(“tableWasFilled.module1”,
function () { alert(“Filled”); });

$({a: 1}).on(“tableWasFilled.module1”,
function () { alert(“Filled”); });


Слайд 16
Текст слайда:

Функции обратного вызова

Можно передать только одну функцию обратного вызова.
Перед вызовом нужно проверить, что передали именно функцию.
Явное связывание модулей.


Слайд 17
Текст слайда:

Отложенные объекты

Можно зарегистрировать сколько угодно функций-обработчиков.
Объект может изменить состояние только один раз.
Явное связывание модулей.
Мало кто понимает как это работает!


Слайд 18
Текст слайда:

Стиль кода

Программы пишут, чтобы их читать.


Слайд 19
Текст слайда:

Стиль кода

Douglas Crockford: “Programming Style & Your Brain”
JSLint в качестве валидатора
Code Guidelines для вашей команды


Слайд 20
Текст слайда:

Рефакторинг

Не боимся трогать то, что работает.


Слайд 21
Текст слайда:

Ускорение работы jQuery


Слайд 22
Текст слайда:

Документация


Слайд 23
Текст слайда:

docco


Слайд 24
Текст слайда:

GitHub Markdown


Слайд 25
Текст слайда:

Чеклист

Модульность
Тесты
Точки расширения
Хороший стиль кода
Документация


Слайд 26
Текст слайда:

Решил сделать «идеальный» фреймворк.

http://bit.ly/app-skeleton


Слайд 27
Текст слайда:

Создаем пространство имён

App.namespace(“App.Module”, {
method: function () {

}
});


Слайд 28
Текст слайда:

Хранилище данных модуля

App.defaults(“App.Module”, {
text: “Hello, world!”,
enabled: true,
});


Слайд 29
Текст слайда:

Доступ к данным

var data = App.defaults(“App.Module”);

var enabled = App.defaults(“App.Module”,
“enabled”);

var text = App.defaults(“App.Module”,
“error.text”, “Default text”);


Слайд 30
Текст слайда:

Описание зависимостей

App.register({
name: “module1”,
path: [
“/js/module1.js”, “/css/module1.css”
],
requires: [“jQuery”, “module2”]
});


Слайд 31
Текст слайда:

Загрузка модуля

App.load({
load: App.calculate(“module1”);
complete: function () {
$(App.Module.init);
}
});


Слайд 32
Текст слайда:

Загрузка обязательных ресурсов

App.bootstrap({
load: “jquery-1.7.1.min.js”,
complete: function () {
// в этом месте уже можно декорировать // страницу с применением jQuery.
}
});


Слайд 33
Текст слайда:

http://bit.ly/app-skeleton

Модульность
Тесты
Точки расширения
Хороший стиль кода
Документация


Слайд 34
Текст слайда:

Спасибо!

Владимир Кузнецов
http://noteskeeper.ru/
@mista_k


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика