Блог Дмитрия Волотко - Это нормально © Подпишись на обновления!

9 правил для начинающего Ajax-разработчика

Эти девять правил несложны, никаких кусков кода - только общие советы начинающим Ajax-разработчикам. Крайне вольный перевод 9 AJAX Tips & Tricks.

1. Простота - защита от ошибок.
Простой скрипт получения новых данных позволит избежать множество непонятно откуда взявшихся ошибок. Напишите свой, или попросите коллег поделится их наработками. Но помните, простой - не значит глупый и дырявый.

2. Используйте GZip.
Если объёмы передаваемой информации предполагаются не маленькими - то используйте сжатие, это позволит сократить время работы скрипта, за счёт снижения времени передачи данных. В этом вам поможет эта страничка.

3. Планируйте разработку.
Нельзя с кондачка написать серьёзное приложение. Больше планируйте, расчертите и продумайте всё что можно. Лучше, если вы это будете делать не в голове, а на бумаге, или в любом редакторе. Хорошее планирование спасает от огромного числа ошибок и от ненужной работы.

4. Пользуйтесь стандартами.
Совершенно нет нужды изобретать велосипед. Используйте то, что дают вам стандарты в разработке Ajax-приложений. Среди них, к примеру, XML, HTML, XHTML, JSON, UED.

5. Проверяйте входящие данные.
В этом плане вполне можно быть маньяком, не доверяя никому, кроме себя. Проверять необходимо моментально, благо скриптов моментальной проверки, к примеру, форм, сейчас море. Проверка на “месте” экономит время пользователя и ваше, как разработчика.

6. Проверяйте входящие данные и на сервере.
Помните про маньяка? Вот и не доверяйте проверке на стороне клиента - в обязательном порядке проверьте и на стороне сервера. Не стесняйтесь указать пользователю, что он ошибся там и там.

7. Используйте SSL для приватной информации.
Если вы оперируете с приватной информацией, то в обязательно порядке применяйте SSL - это позволит сохранить приватность и будущем не краснеть перед пользователями.

8. Фреймворки.
Не изобретайте велосипед (хотя если вы только учитесь - изобретайте, это крайне полезно для развития вас - как специалиста) - до вас уже давным давно написали практически всё что можно. Используйте фреймворки для экономии времени разработки. Только без фанатизма.

9. Сначала базовый функционал.
Во время разработки приложения (особенно если вы пишете его для себя), нередко возникают ситуации, когда на лету рождается идея для вашего приложения. Не торопитесь её реализовывать - аккуратно запишите её, и допишите то, что вы распланировали согласно пункту за номером 3. Позже, когда всё будет готово, соберите все идеи воедино, и снова распланируйте, как вы будете их внедрять.

Если вам понравилась заметка - проголосуйте, пожалуйста тут:

Так же можно почитать:
Несколько вещей об Ajax, которые должен знать веб-мастер (9)
Ajax на мобильном браузере или мобильный Ajax (с примерами) (1)
А готов ли ваш мобильный браузер к работе с Сетью по стандартам или Acid для мобильных браузеров (5)
HTML5 уже изменил Сеть! (28)
96% сайтов российских веб-студий не проходят валидацию! (55)
# 23 августа 2008 в 18:23

Социальная сеть для блоггеров sloger.net

9 правил для начинающего Ajax-разработчика…

Эти девять правил несложны, никаких кусков кода - только общие советы начинающим Ajax-разработчикам. Крайне вольный перевод 9 AJAX Tips & Tricks….

# 23 августа 2008 в 23:30

vvsh

Вот я хотел сделать форму входа на аякс, и у меня возникает проблема, при входе, пользователю пишет вы успешно вошли, а когда я пробовал сделать переадресацию, она не работает, почему, неужели при использовании аякса, не работает редирект?

# 23 августа 2008 в 23:52

yopopt

Эмм, а я думал что это прописные истины…

to vvsh
Маловато информации… куки пишешь?

# 24 августа 2008 в 0:01

vvsh

Ну да, при регистрации в куки записываются данные о юзере.

# 24 августа 2008 в 0:09

vvsh

Не при регистрации, а при входе.

# 24 августа 2008 в 0:36

Волотко Дмитрий

@yopopt, это они для тебя прописные.

# 24 августа 2008 в 12:24

Sharaf Maksumov

Действительно, истины прописные, но лишний раз о них прочитать все-таки стоит.

# 24 августа 2008 в 13:10

Волотко Дмитрий

@Sharaf Maksumov, и то верно.

# 24 августа 2008 в 16:50

Брум

Хоть кто-то может пояснить чкто такие Аякс-разработчики?

# 24 августа 2008 в 16:59

Волотко Дмитрий

@Брум, любая сфера разработки рано или поздно разслаивается, из-за того, что она становится более сложной и более трудоёмкой. Году в 95м, веб-разработчик был сам себе и дизайнер, и верстальщик, и программер - чуть позже и СЕО-шник.
Сейчас Ajax - молодая и развивающаяся часть этой сферы - не мудрено. что есть такая профессия - Ajax-разработчкик.
Работает совместно с дизайнером над интерфейсом, к примеру.

# 24 августа 2008 в 23:03

Николай

SSL - это позволит сохранить приватность и будущем не краснеть перед пользователями.
а че перед ними краснеть то ??

# 25 августа 2008 в 17:10

полковник Стар

хорошие правила…. но это не все

# 27 августа 2008 в 8:43

Василий

Я бы добавил необходимость демонстрировать пользователю процесс, т.е. показывать лоадер :)

# 27 августа 2008 в 11:23

Dennisko

Отличные правила! И простые:)

# 28 августа 2008 в 18:54

запчасти для электроника

Используйте библиотеку jQuery и никакие правила вам будут не нужны…. вот:-)

# 31 августа 2008 в 11:57

Александр

Дмитрий, вы сами пользуетесь аяксом?

Лично я к фреймворкам и готовым библиотекам отношусь прохладно. Пока не увидел весомых причин, зачем нагружать на каждого посетителя лишние 200-300 кб кода, если из него будет использовано только 10%. Так что я в первую очередь голосую за пункт 1. Затем пункты 4, 5 и 6. Остальное - опционально.

для vvsh: вообще-то редирект - это когда браузеру посылается специальный заголовок. типа вот такого (скобочки у тегов убрал):
head
meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″
meta http-equiv=”refresh” content=”5; url=куда перенаправлять”
/head

А аякс, насколько я работал с ним, меняет только тело страницы, т.е. что стоит в body . Одно с другим не пересекается. Наверно, должен быть другой прием для переадресации.

# 31 августа 2008 в 16:25

Волотко Дмитрий

@Александр, конечно пользуюсь.
А по поводу фреймворков - я их использую только тогда, когда юзаю готовое решение на его основе, не более.

# 15 сентября 2008 в 11:08

Волотко Дмитрий

@Silver, книг на русском практически и нет. А скрипты спокойно находятся на ресурсах подобных ajaxrain.com

# 27 сентября 2008 в 19:03

Обзор №8, Июль — Август, 2008 - Design For Masters

[...] 9 правил для начинающего Ajax-разработчика Девять простых советов начинающим разработчикам. [...]

# 1 октября 2008 в 20:37

TaunT

читал я как-то книжку по фотографии - там примерно такие же советы были :)
“прежде чем сфотографировать - посмотрите, что вы хотите сфотографировать”
“проверьте, снята ли крышка с объектива” :))

# 16 декабря 2008 в 2:39

Борыга

Вобще, Ajax надо применять очень осторожно. Подводных камней очень много - от неправильной работы в разных браузерах, до неиндексации поисковиками.

Отдельного внимания заслуживают фреймворки - я еще не видел ни одного фреймворка для j2ee без серьезных недостатков.

Мое правило - 10 раз подумай прежде чем что-то сделать на ajax.

Хотя для таких вещей, как добавить товар в корзину. поставить рейтинг - вполне подходит.

# 17 марта 2009 в 0:50

Dofollow

Хм, а при чём здесь индексация поисковыми системами? Они же вообще javascript’ы и продукты их действия не индексируют.

А вот заточка под разные браузеры - это на данный момент наиболее важный и сложный для вебмастера момент - с этим Я с Вами соглашусь.

# 17 марта 2009 в 9:10

Волотко Дмитрий

@Dofollow, в том и заключается важность - показать страницу поисковику с полным контентным содержимым.

# 18 марта 2009 в 0:39

Dofollow

@Дмитрий: Сорри, подошёл к вопросу с другой стороны)

# 21 марта 2009 в 18:05

Игорь

Я так и не разобрался, что такое аякс и с чем его есть. Хотя я даже js не знаю.

# 3 февраля 2010 в 17:39

Perez

Хорошая статья, всё просто и понятно, хотя и не узнал много нового, но для новичка в самый раз. Согласен с тем, что в статье не хватает лоадера, всё таки так проще.



* Должны быть заполнены. Кстати, nofollow в комментариях отключен.

counter