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

Готовые уроки IFrame + ВКонтакте API
Ответить
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

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

Сообщение Александр »

С чего начать, чтобы создать 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)
Аватара пользователя
ukhov
Модератор
Модератор
Сообщения: 1343
Зарегистрирован: 04 янв 2011, 21:19
Откуда: Санкт-Петербург

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

Сообщение ukhov »

на самом деле можно и без хтмл обойтись, например, для 'привет мир'
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

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

Сообщение Александр »

ukhov
Такое?

Код: Выделить всё

<?echo 'Привет, мир!';?>
или даже просто txt

Код: Выделить всё

Привет, мир! 
Ну может быть... Хотя всё равно следующим этапом должно быть

Код: Выделить всё

<html><head><title>Привет, мир!</title></head><body>    Привет, мир!</body></html>
Потому что без html не сделаешь пару параграфов с разным цветом текста...
DegMaN
Сообщения: 1
Зарегистрирован: 28 июн 2012, 14:25

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

Сообщение DegMaN »

вот я знаю php+mysql, у меня есть скрипт онлайн игры на php+mysql+js как её разместить в вк?
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45
Откуда: Санкт-Петербург

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

Сообщение Александр »

DegMaN
http://vk.com/developers.php - справа кнопка «Создать приложение».
Agiliter
Сообщения: 112
Зарегистрирован: 01 фев 2014, 13:46

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

Сообщение Agiliter »

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

Для тестирования IFrame приложения обязательно иметь хостинг? Сборка денвера тут не подойдет, ибо локальная?
yan
Сообщения: 9
Зарегистрирован: 21 янв 2014, 22:10

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

Сообщение yan »

для начала похоже стоит это почитать http://vk.com/dev/native
mandala37
Сообщения: 3
Зарегистрирован: 21 янв 2015, 18:08

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

Сообщение mandala37 »

Александр, подскажите, пожалуйста, метод data.responce[*] где мне про него больше узнать? Какую информацию следует прочесть чтобы понимать как он работает? Подскажите тему из JS. Или вкратце объясните мне. Заранее спасибо.
Serge
WEB Team
WEB Team
Сообщения: 520
Зарегистрирован: 04 мар 2011, 21:55

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

Сообщение Serge »

mandala37
тема из JS - массивы.
Увидеть структуру можно во вкладке "Сеть" инструментов разработчика в любом браузере, либо console.log( data.response )
Ответить