Презентация Мобильная веб-разработка Ребров Андрей онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Мобильная веб-разработка Ребров Андрей абсолютно бесплатно. Урок-презентация на эту тему содержит всего 47 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:47 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:2.41 MB
- Просмотров:62
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Мобильная веб-разработка
Ребров Андрей
№2 слайд
Содержание слайда:
№3 слайд
Содержание слайда: О семинаре
1. Почему стоит выбирать мобильный веб.
2. Как разрабатывать.
№4 слайд
Содержание слайда:
№5 слайд
Содержание слайда:
№6 слайд
Содержание слайда:
№7 слайд
Содержание слайда:
№8 слайд
Содержание слайда: Когда телефоны были большими…
Сайты для них были:
унылые;
нефункциональные;
только WAP…
… или их вообще не было.
№9 слайд
Содержание слайда: Время шло и теперь…
Различных мобильных устройств стало много..
№10 слайд
Содержание слайда: Так что имеем сейчас
Полноценный компьютер в кармане
Малый размер экрана
Полноценный интернет (Wi-Fi)
Ряд ограничений (Flash, цена интернета)
Геолокация и прочие встроенные модули
№11 слайд
Содержание слайда: Что изменилось еще
Новые возможности в создании сайтов
Постепенный уход от десктопных приложений
Выросла скорость интернета
№12 слайд
Содержание слайда:
№13 слайд
Содержание слайда:
№14 слайд
Содержание слайда:
№15 слайд
Содержание слайда:
№16 слайд
Содержание слайда:
№17 слайд
Содержание слайда:
№18 слайд
Содержание слайда:
№19 слайд
Содержание слайда:
№20 слайд
Содержание слайда:
№21 слайд
Содержание слайда:
№22 слайд
Содержание слайда:
№23 слайд
Содержание слайда:
№24 слайд
Содержание слайда:
№25 слайд
Содержание слайда:
№26 слайд
Содержание слайда:
№27 слайд
Содержание слайда:
№28 слайд
Содержание слайда:
№29 слайд
Содержание слайда:
№30 слайд
Содержание слайда:
№31 слайд
Содержание слайда: Итак...
Вы все еще не пишите под мобильные устройства?
№32 слайд
Содержание слайда: Способы
HTML+JS+CSS
Использовать фреймворк
№33 слайд
Содержание слайда: HTML+JS+CSS
Разные платформы
Разные экраны
Где то это уже было, да?
№34 слайд
Содержание слайда: Будь проще и люди к тебе потянуться
Преимущество фреймворков:
Решается проблема кроссплатформенности
Решается проблема разных экранов
Готовые решения для native-like поведения
№35 слайд
Содержание слайда: Многообразие выбора
jQTouch
jQueryMobile
Sencha Touch
XUI
…..
№36 слайд
Содержание слайда: 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>
№38 слайд
Содержание слайда: 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>
№40 слайд
Содержание слайда: 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>'
]
});
№42 слайд
Содержание слайда: 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>');
№44 слайд
Содержание слайда: Что еще?
Wink toolkit
iUI
Dojo Mobile
DHTMLX Touch
+ Спойлер
№45 слайд
Содержание слайда: Делаем нативным
PhoneGap
MotherApp
Big5
Rhodes
№46 слайд
Содержание слайда: Что почитать
Курс лекций и материалов по мобильной веб-разработке и дизайну
http://goo.gl/hLJv1
Comparing Mobile Web Frameworks
http://goo.gl/L8Yh5
Сравнение фреймворков для создания native приложений
http://goo.gl/rNb4t
№47 слайд
Содержание слайда: Вопросы?
Скачать все slide презентации Мобильная веб-разработка Ребров Андрей одним архивом:
