С чего начать, чтобы создать IFrame-приложение ВКонтакте

Готовые уроки IFrame + ВКонтакте API

С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение Александр » 23 июл 2011, 19:01

С чего начать, чтобы создать IFrame-приложение ВКонтакте

Для того чтобы создавать IFrame-приложения ВКонтакте, нужно знать WEB технологии, например HTML, CSS, JavaScript, PHP и MySQL.

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


Начните с изучения HTML
IFrame-приложение (очень простое приложение из статических страниц) может быть создано без CSS, JavaScript, PHP или MySQL, но без знаний HTML не обойтись.
Напишите в Яндексе или Гугле "Учебник HTML" и начните изучать HTML. Если будете стараться, то в течение недели вы уже будете понимать HTML. Продолжая изучать другие языки программирования, вы будете улучшать свои знания HTML.


Изучите JavaScript или PHP
Чтобы создавать функциональные IFrame-приложения ВКонтакте, нужно изучить язык программирования.
Можно изучить только один из этих языков и уже создавать динамические приложения, но для более серьезных приложений нужно изучить оба языка программирования.
Для начала выберите любой из них. Напишите в Яндексе или Гугле "Учебник JavaScript" или "Учебник PHP".

Вам будет нужно понять логику программирования. Не обязательно досконально изучать JavaScript или PHP до того как создать первое простое приложение, но совсем без понимания языка программирования вряд ли что-то получится.

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

Не пытайтесь сразу связать приложение с ВКонтакте API. Для начала изучите только язык программирования.

Если вы изучаете JavaScript, то можете дополнительно изучить работу с библиотекой jQuery. Изучение этой библиотеки сделает изучение JavaScript более интересным. На форуме есть Уроки jQuery для начинающих.

Учтите, что на изучение основ JavaScript или PHP, вам будет нужен примерно месяц.
Может быть вам потребуется больше или меньше времени, это зависит от того как серьезно вы настроены научиться создавать свои IFrame-приложения ВКонтакте.


Изучите MySQL
Если хотите создавать серьезные приложения, которые будут хранить какую-то информацию, то научитесь работать с базами данных.
"MySQL + PHP" - в Яндексе или Гугле.


Изучите CSS
Этот этап был бы логичен прямо после изучения HTML. CSS поможет сделать IFrame-приложения более красивыми. Но наверняка вы хотели создать своё первое приложение побыстрее.
Напишите в Яндексе или Гугле "Учебник CSS" и изучите его.

Для приобретения опыта работы с CSS можете украсить свои приложения, созданные ранее. Или уже с приобретенными знаниями HTML, CSS, Javascript и PHP создать новое приложение, ведь теперь у вас должно быть достаточно знаний, чтобы понять документацию ВКонтакте или уроки на этом форуме.


Вы уже знаете что такое переменные, массивы, условные операторы и циклы? Если чего-то из этого не знаете, то изучите это.

Если вы считаете, что уже имеете представление как работать с HTML, CSS, JavaScript и PHP, то можете заглянуть в документацию по ВКонтакте API.

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

Цель уроков - помочь начинающим понять как научиться создавать приложения. Уроки не заменят документации по HTML, PHP, JavaScript, MySQL и ВКонтакте API.
В уроках даются только конкретные примеры. Более подробную информацию надо искать в книгах и документациях.

Рекомендую такой порядок

Работа с методами API
- IFrame-приложение ВКонтакте. Вывод информации о пользователе
- Вызов методов Javascript API, обработка событий (ВК IFrame)
- Вывод аватарок друзей, списки Online и Offline
- Статистика друзей: девушки, парни
- Сортировка списка друзей (friends.get)
- Вывод видеозаписей» (video.get)
- Отправка сообщения на стену друга (wall.post)

- Передача параметров другой странице IFrame-приложения (PHP, JavaScript)


Очень полезным при создании приложений будет урок
- Отладка приложений, взаимодействующих с сервером (Charles)


Для создания приложений с базами данных
- База данных пользователей приложения (ВК IFrame, jQuery)
- Вывод данных из базы (PHP + MySQL)
- Передача данных от сервера клиенту (XML, JSON)

За это сообщение автора Александр поблагодарили - 2:
Gas, T710MA
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Автор темы
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Чтобы убрать блок с рекламой, зарегистрируйтесь на форуме или войдите.

Google
 



Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение ukhov » 23 июл 2011, 20:34

на самом деле можно и без хтмл обойтись, например, для 'привет мир'
Изображение
Аватара пользователя
ukhov
Модератор
Модератор
 
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург
Благодарил (а): 85 раз.
Поблагодарили: 155 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение Александр » 24 июл 2011, 15:00

ukhov
Такое?

или даже просто txt

Ну может быть... Хотя всё равно следующим этапом должно быть
  1. <html>
  2. <head>
  3. <title>Привет, мир!</title>
  4. </head>
  5. <body>
  6.     Привет, мир!
  7. </body>
  8. </html>

Потому что без html не сделаешь пару параграфов с разным цветом текста...
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Автор темы
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение DegMaN » 28 июн 2012, 14:45

вот я знаю php+mysql, у меня есть скрипт онлайн игры на php+mysql+js как её разместить в вк?
DegMaN

 
Сообщения: 1
Зарегистрирован: 28 июн 2012, 14:25
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение Александр » 01 июл 2012, 20:25

DegMaN
http://vk.com/developers.php - справа кнопка «Создать приложение».
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
 
Автор темы
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург
Благодарил (а): 126 раз.
Поблагодарили: 771 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение Agiliter » 05 фев 2014, 08:35

Добрый день! Меня интересует внутренняя кухня. Допустим, я хочу создать приложение в ВК, какой-нибудь простейший файтинг в реальном времени. Как вообще это всё организовывается? (Это называется IFrame-приложение???) Как я понимаю, приложение такого типа делится на две части: клиентскую и серверную. Главное окно приложения пишется на AS 3 (или JavaScript?), отдельно на AS 3 прописываются бои, окно магазины, окно персонажа и т.д. Всё это клиентская часть. Где она должна храниться? На каком-то сервере. Можно арендовать виртуальный хостинг для этих целей? На сервере точно хранится БД с данными о профилях конкретных пользователей (данные о персонажах и какие-нибудь критичные данные типа счета в золотой валюте). Само приложение пишется, как понимаю, на AS 3. А взаимодействие с БД как? Через php-запросы? Или всё загружается на сервер, и приложение, и БД, а пользователь качает только клиентскую часть? Хочу разобраться. Хочется разложить по полочкам сам процесс хотя бы в упрощенном виде.

Для тестирования IFrame приложения обязательно иметь хостинг? Сборка денвера тут не подойдет, ибо локальная?
С уважением,
М.Ф.
Agiliter

 
Сообщения: 112
Зарегистрирован: 01 фев 2014, 13:46
Благодарил (а): 29 раз.
Поблагодарили: 0 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение yan » 05 фев 2014, 17:08

для начала похоже стоит это почитать http://vk.com/dev/native
Apploader (http://vk.com/apploader) позволяет быстро и удобно создавать несложные IFrame-приложения Вконтакте.
yan

 
Сообщения: 9
Зарегистрирован: 21 янв 2014, 22:10
Благодарил (а): 0 раз.
Поблагодарили: 4 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение mandala37 » 21 янв 2015, 18:12

Александр, подскажите, пожалуйста, метод data.responce[*] где мне про него больше узнать? Какую информацию следует прочесть чтобы понимать как он работает? Подскажите тему из JS. Или вкратце объясните мне. Заранее спасибо.
mandala37

 
Сообщения: 3
Зарегистрирован: 21 янв 2015, 18:08
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Re: С чего начать, чтобы создать IFrame-приложение ВКонтакте

Сообщение Serge » 22 янв 2015, 08:19

mandala37
тема из JS - массивы.
Увидеть структуру можно во вкладке "Сеть" инструментов разработчика в любом браузере, либо console.log( data.response )
http://sevenlines.com.ua - разработка и продвижение сайтов
Serge
WEB Team
WEB Team
 
Сообщения: 520
Зарегистрирован: 04 мар 2011, 21:55
Благодарил (а): 2 раз.
Поблагодарили: 65 раз.


Вернуться в Уроки IFrame ВКонтакте



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1