🗊Мобильная веб-разработка Ребров Андрей

Категория: Технологии
Нажмите для полного просмотра!
Мобильная веб-разработка Ребров Андрей, слайд №1Мобильная веб-разработка Ребров Андрей, слайд №2Мобильная веб-разработка Ребров Андрей, слайд №3Мобильная веб-разработка Ребров Андрей, слайд №4Мобильная веб-разработка Ребров Андрей, слайд №5Мобильная веб-разработка Ребров Андрей, слайд №6Мобильная веб-разработка Ребров Андрей, слайд №7Мобильная веб-разработка Ребров Андрей, слайд №8Мобильная веб-разработка Ребров Андрей, слайд №9Мобильная веб-разработка Ребров Андрей, слайд №10Мобильная веб-разработка Ребров Андрей, слайд №11Мобильная веб-разработка Ребров Андрей, слайд №12Мобильная веб-разработка Ребров Андрей, слайд №13Мобильная веб-разработка Ребров Андрей, слайд №14Мобильная веб-разработка Ребров Андрей, слайд №15Мобильная веб-разработка Ребров Андрей, слайд №16Мобильная веб-разработка Ребров Андрей, слайд №17Мобильная веб-разработка Ребров Андрей, слайд №18Мобильная веб-разработка Ребров Андрей, слайд №19Мобильная веб-разработка Ребров Андрей, слайд №20Мобильная веб-разработка Ребров Андрей, слайд №21Мобильная веб-разработка Ребров Андрей, слайд №22Мобильная веб-разработка Ребров Андрей, слайд №23Мобильная веб-разработка Ребров Андрей, слайд №24Мобильная веб-разработка Ребров Андрей, слайд №25Мобильная веб-разработка Ребров Андрей, слайд №26Мобильная веб-разработка Ребров Андрей, слайд №27Мобильная веб-разработка Ребров Андрей, слайд №28Мобильная веб-разработка Ребров Андрей, слайд №29Мобильная веб-разработка Ребров Андрей, слайд №30Мобильная веб-разработка Ребров Андрей, слайд №31Мобильная веб-разработка Ребров Андрей, слайд №32Мобильная веб-разработка Ребров Андрей, слайд №33Мобильная веб-разработка Ребров Андрей, слайд №34Мобильная веб-разработка Ребров Андрей, слайд №35Мобильная веб-разработка Ребров Андрей, слайд №36Мобильная веб-разработка Ребров Андрей, слайд №37Мобильная веб-разработка Ребров Андрей, слайд №38Мобильная веб-разработка Ребров Андрей, слайд №39Мобильная веб-разработка Ребров Андрей, слайд №40Мобильная веб-разработка Ребров Андрей, слайд №41Мобильная веб-разработка Ребров Андрей, слайд №42Мобильная веб-разработка Ребров Андрей, слайд №43Мобильная веб-разработка Ребров Андрей, слайд №44Мобильная веб-разработка Ребров Андрей, слайд №45Мобильная веб-разработка Ребров Андрей, слайд №46Мобильная веб-разработка Ребров Андрей, слайд №47
Скачать

Содержание ▲

Вы можете ознакомиться и скачать Мобильная веб-разработка Ребров Андрей. Презентация содержит 47 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


Мобильная веб-разработка Ребров Андрей
Описание слайда:
Мобильная веб-разработка Ребров Андрей

Слайд 2


Мобильная веб-разработка Ребров Андрей, слайд №2
Описание слайда:

Слайд 3


О семинаре 1. Почему стоит выбирать мобильный веб. 2. Как разрабатывать.
Описание слайда:
О семинаре 1. Почему стоит выбирать мобильный веб. 2. Как разрабатывать.

Слайд 4


Мобильная веб-разработка Ребров Андрей, слайд №4
Описание слайда:

Слайд 5


Мобильная веб-разработка Ребров Андрей, слайд №5
Описание слайда:

Слайд 6


Мобильная веб-разработка Ребров Андрей, слайд №6
Описание слайда:

Слайд 7


Мобильная веб-разработка Ребров Андрей, слайд №7
Описание слайда:

Слайд 8


Когда телефоны были большими… Сайты для них были: унылые; нефункциональные; только WAP… … или их вообще не было.
Описание слайда:
Когда телефоны были большими… Сайты для них были: унылые; нефункциональные; только WAP… … или их вообще не было.

Слайд 9


Время шло и теперь… Различных мобильных устройств стало много..
Описание слайда:
Время шло и теперь… Различных мобильных устройств стало много..

Слайд 10


Так что имеем сейчас Полноценный компьютер в кармане Малый размер экрана Полноценный интернет (Wi-Fi) Ряд ограничений (Flash, цена интернета) Геолокация и прочие встроенные модули
Описание слайда:
Так что имеем сейчас Полноценный компьютер в кармане Малый размер экрана Полноценный интернет (Wi-Fi) Ряд ограничений (Flash, цена интернета) Геолокация и прочие встроенные модули

Слайд 11


Что изменилось еще Новые возможности в создании сайтов Постепенный уход от десктопных приложений Выросла скорость интернета
Описание слайда:
Что изменилось еще Новые возможности в создании сайтов Постепенный уход от десктопных приложений Выросла скорость интернета

Слайд 12


Мобильная веб-разработка Ребров Андрей, слайд №12
Описание слайда:

Слайд 13


Мобильная веб-разработка Ребров Андрей, слайд №13
Описание слайда:

Слайд 14


Мобильная веб-разработка Ребров Андрей, слайд №14
Описание слайда:

Слайд 15


Мобильная веб-разработка Ребров Андрей, слайд №15
Описание слайда:

Слайд 16


Мобильная веб-разработка Ребров Андрей, слайд №16
Описание слайда:

Слайд 17


Мобильная веб-разработка Ребров Андрей, слайд №17
Описание слайда:

Слайд 18


Мобильная веб-разработка Ребров Андрей, слайд №18
Описание слайда:

Слайд 19


Мобильная веб-разработка Ребров Андрей, слайд №19
Описание слайда:

Слайд 20


Мобильная веб-разработка Ребров Андрей, слайд №20
Описание слайда:

Слайд 21


Мобильная веб-разработка Ребров Андрей, слайд №21
Описание слайда:

Слайд 22


Мобильная веб-разработка Ребров Андрей, слайд №22
Описание слайда:

Слайд 23


Мобильная веб-разработка Ребров Андрей, слайд №23
Описание слайда:

Слайд 24


Мобильная веб-разработка Ребров Андрей, слайд №24
Описание слайда:

Слайд 25


Мобильная веб-разработка Ребров Андрей, слайд №25
Описание слайда:

Слайд 26


Мобильная веб-разработка Ребров Андрей, слайд №26
Описание слайда:

Слайд 27


Мобильная веб-разработка Ребров Андрей, слайд №27
Описание слайда:

Слайд 28


Мобильная веб-разработка Ребров Андрей, слайд №28
Описание слайда:

Слайд 29


Мобильная веб-разработка Ребров Андрей, слайд №29
Описание слайда:

Слайд 30


Мобильная веб-разработка Ребров Андрей, слайд №30
Описание слайда:

Слайд 31


Итак... Вы все еще не пишите под мобильные устройства?
Описание слайда:
Итак... Вы все еще не пишите под мобильные устройства?

Слайд 32


Способы HTML+JS+CSS Использовать фреймворк
Описание слайда:
Способы HTML+JS+CSS Использовать фреймворк

Слайд 33


HTML+JS+CSS Разные платформы Разные экраны Где то это уже было, да?
Описание слайда:
HTML+JS+CSS Разные платформы Разные экраны Где то это уже было, да?

Слайд 34


Будь проще и люди к тебе потянуться Преимущество фреймворков: Решается проблема кроссплатформенности Решается проблема разных экранов Готовые решения для native-like поведения
Описание слайда:
Будь проще и люди к тебе потянуться Преимущество фреймворков: Решается проблема кроссплатформенности Решается проблема разных экранов Готовые решения для native-like поведения

Слайд 35


Многообразие выбора jQTouch jQueryMobile Sencha Touch XUI …..
Описание слайда:
Многообразие выбора jQTouch jQueryMobile Sencha Touch XUI …..

Слайд 36


jQTouch Первый серьезный мобильный фреймворк Многое подарил jQuery Mobile и Sencha Touch Созданы native эффекты переходов между экранами Первый блин немножко комом
Описание слайда:
jQTouch Первый серьезный мобильный фреймворк Многое подарил jQuery Mobile и Sencha Touch Созданы native эффекты переходов между экранами Первый блин немножко комом

Слайд 37


jQTouch <div id="home" class="current"> <div class="toolbar"> <h1>jQTouch</h1> <a class="button slideup" id="infoButton" href="#about">About</a> </div> <ul class="rounded"> <li class="arrow"> <a href="#ui">User Interface</a> <small class="counter">4</small> </li> </ul> <div class="info"> <p>Text</p> </div> </div>
Описание слайда:
jQTouch <div id="home" class="current"> <div class="toolbar"> <h1>jQTouch</h1> <a class="button slideup" id="infoButton" href="#about">About</a> </div> <ul class="rounded"> <li class="arrow"> <a href="#ui">User Interface</a> <small class="counter">4</small> </li> </ul> <div class="info"> <p>Text</p> </div> </div>

Слайд 38


jQuery Mobile Построен на jQuery Поддержка всех платформ Удобная работа с событиями Поддержка HTML5 Удобная работа с темами
Описание слайда:
jQuery Mobile Построен на jQuery Поддержка всех платформ Удобная работа с событиями Поддержка HTML5 Удобная работа с темами

Слайд 39


jQuery Mobile <div data-role="content"> <div data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> <div data-role="fieldcontain"> <label for="textarea">Textarea:</label> <textarea cols="40" rows="8" name="textarea" id="textarea"> </textarea> </div> </div>
Описание слайда:
jQuery Mobile <div data-role="content"> <div data-role="fieldcontain"> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" /> </div> <div data-role="fieldcontain"> <label for="textarea">Textarea:</label> <textarea cols="40" rows="8" name="textarea" id="textarea"> </textarea> </div> </div>

Слайд 40


Sencha Touch Быстрое создание сложного интерфейса Простота в создание своих компонент Удобная работа с данными Проблема с производительностью
Описание слайда:
Sencha Touch Быстрое создание сложного интерфейса Простота в создание своих компонент Удобная работа с данными Проблема с производительностью

Слайд 41


Sencha Touch var timeline = new Ext.Component({ title: 'Timeline',     tls: 'timeline',  scroll: 'vertical',     tpl: [  '<tpl for=".">', '<div class="tweet">', '<div class="avatar">', '<img src="{profile_image_url}"/>', '</div>',  '<div class="tweet-content">', '<h2>{from_user}</h2>',  '<p>{text}</p>', '</div>', '</div>', '</tpl>'     ]   });
Описание слайда:
Sencha Touch var timeline = new Ext.Component({ title: 'Timeline',     tls: 'timeline',  scroll: 'vertical',     tpl: [  '<tpl for=".">', '<div class="tweet">', '<div class="avatar">', '<img src="{profile_image_url}"/>', '</div>',  '<div class="tweet-content">', '<h2>{from_user}</h2>',  '<p>{text}</p>', '</div>', '</div>', '</tpl>'     ]   });

Слайд 42


XUI Очень минималистичный Отдельные сборки под платформы Поддержка HTML
Описание слайда:
XUI Очень минималистичный Отдельные сборки под платформы Поддержка HTML

Слайд 43


XUI x$('#foo').html('<p>sweet as honey</p>'); x$('#foo').outer('<p>free as a bird</p>'); x$('#foo').top('<b>top of the pops</b>'); x$('#foo').bottom('<span>bottom of the barrel</span>'); x$('#foo').before('<pre>first in line</pre>'); x$('#foo').after('<marquee>better late than never</marquee>');
Описание слайда:
XUI x$('#foo').html('<p>sweet as honey</p>'); x$('#foo').outer('<p>free as a bird</p>'); x$('#foo').top('<b>top of the pops</b>'); x$('#foo').bottom('<span>bottom of the barrel</span>'); x$('#foo').before('<pre>first in line</pre>'); x$('#foo').after('<marquee>better late than never</marquee>');

Слайд 44


Что еще? Wink toolkit iUI Dojo Mobile DHTMLX Touch + Спойлер
Описание слайда:
Что еще? Wink toolkit iUI Dojo Mobile DHTMLX Touch + Спойлер

Слайд 45


Делаем нативным PhoneGap MotherApp Big5 Rhodes
Описание слайда:
Делаем нативным PhoneGap MotherApp Big5 Rhodes

Слайд 46


Что почитать Курс лекций и материалов по мобильной веб-разработке и дизайну http://goo.gl/hLJv1 Comparing Mobile Web Frameworks http://goo.gl/L8Yh5 Сравнение фреймворков для создания native приложений http://goo.gl/rNb4t
Описание слайда:
Что почитать Курс лекций и материалов по мобильной веб-разработке и дизайну http://goo.gl/hLJv1 Comparing Mobile Web Frameworks http://goo.gl/L8Yh5 Сравнение фреймворков для создания native приложений http://goo.gl/rNb4t

Слайд 47


Вопросы?
Описание слайда:
Вопросы?

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию