Змест[Схаваць][Паказаць]
- Што такое Bubble.io?
- Што такое візуальнае праграмаванне?
- Якія тыпы праграм вы можаце распрацоўваць?
Стварэнне праграмы з дапамогай Bubble (падручнік)+-
- 1. Пачатак працы
- 2. Настройка базы дадзеных
- 3. Пабудова працоўных працэсаў
- 4. Стварэнне інфармацыйнага матэрыялу
- 5. Адлюстраванне дынамічнага кантэнту ў стужцы
- 6. Адпраўка дадзеных паміж старонкамі
- 7. Адлюстраванне дынамічнага кантэнту на старонцы гісторыі
- 8. Адлюстраванне артыкула выдавецтва
- 9. Наступныя выдаўцы
- 10. Дадатковыя функцыі, якія вы можаце дадаць
- 11. Вынік
- Прафесіяналы
- мінусы
- Цэннiк
- заключэнне
Нядаўна мяне зацікавілі падыходы вэб-распрацоўкі, акрамя HTML, CSS і JavaScript.
Ва ўмовах расце ландшафту без кода не было дзіўна выявіць, што існуе некалькі альтэрнатыў больш стандартным падыходам да распрацоўкі вэб-прыкладанняў.
Вы павінны быць знаёмыя з некаторымі з больш вядомых платформаў CMS, такіх як WordPress, якія практычна не маюць кода. Але, калі вы хочаце ствараць вэб-праграмы, такія платформы могуць здацца абмежавальнымі.
Тут я прадстаўляю вам Bubble.io, магутны інструмент без кода што дазваляе ствараць вэб-праграмы, як ніколі раней.
Давайце вывучым гэта паглыблена!
Што такое Bubble.io?
Bubble - гэта нетэхнічная платформа, якая спалучае візуальную мову праграмавання і a структура вэб-распрацоўкі.
Карыстальнікі могуць выкарыстоўваць гэтыя інструменты праграмавання для стварэння унікальных онлайн-прыкладанняў, змены баз дадзеных і працэсаў, дадання кампанентаў старонак (малюнкі, тэкст, формы ўводу, карты) і распрацоўкі іх інтэрфейсаў.
Гэта рынак, дзе вы можаце знайсці ідэальныя шаблоны, убудовы і паслугі, якія дапамогуць вам у стварэнні моцных прадуктаў.
Без неабходнасці наладжвання тыповай структуры праграмавання вы можаце ствараць што заўгодна: ад гандлёвай пляцоўкі да сацыяльнай сеткі і CRM (кіраванне ўзаемаадносінамі з кліентамі) з дапамогай Bubble.
Гэта дае кліентам магчымасць ствараць і персаналізаваць свае прыкладанні з дапамогай зручнага інтэрфейсу і рэдактара «націсні і пстрыкні».
Вы можаце выкарыстоўваць яго ў спалучэнні са службамі, якія забяспечваюць REST API, такімі як Facebook, SQL, аналітычныя і плацежныя праграмы. Гэта дазваляе карыстальнікам надаваць час паляпшэнню функцыянальнасці і знешняга выгляду сваіх прыкладанняў, каб яны добра выглядалі на планшэтах і мабільных прыладах.
Ён падыходзіць для прадпрыемстваў любога памеру, ад малога да сярэдняга і вялікага; і даступны для Windows, Mac і Інтэрнэту.
Што такое візуальнае праграмаванне?
Візуальнае праграмаванне - гэта па сутнасці тое, што гэта гучыць. Замест таго, каб праграмаваць уручную, пішучы код, вы робіце гэта графічна, націскаючы і перацягваючы кампаненты на старонкі.
Няхай вас не ўвядзе ў зман такое кароткае апісанне.
Гэта не падобна ні на адно іншае прыкладанне для выразання печыва або інструмент для стварэння вэб-сайтаў, якія вы сустракалі ў Інтэрнэце. Большасць канструктараў прыкладанняў патрабуюць, каб вы разлічвалі на асноўныя шаблоны і маюць надзвычай абмежаваную функцыянальнасць; яны толькі дазваляюць распрацоўваць пэўныя віды прыкладанняў і абмяжоўваюць вашу персаналізацыю.
Нягледзячы на тое, што паняцце «візуальнае праграмаванне» і «перацягванне» здаецца простым у Bubble, яно надзвычай магутнае.
Яе асяроддзе візуальнага праграмавання дазваляе не толькі перацягваць на старонку такія аб'екты, як тэкст, графіка, увод і многае іншае, але таксама дазваляе наладжваць, што робяць гэтыя элементы.
Што робіць Bubble?
Асноўная мэта Bubble - дазволіць любому ствараць вэб-праграмы без неабходнасці напісання кода.
Аднак, хаця гэта і забяспечвае лёгка запамінальную пастаноўку мэты, яна пакідае значную частку гісторыі. Шлях ад ідэі да рынку больш складаны, чым проста стварэнне радкоў кода.
Для звычайнай распрацоўкі патрабуецца каманда высокакваліфікаваных спецыялістаў, якія працуюць над пэўнымі раздзеламі стварэння, росту і абслугоўвання прыкладання. Разгледзім гэта.
Што патрабуецца для кожнага прыкладання?
- Бяспека, каб пераканацца, што ніхто не мае несанкцыянаванага доступу да дадзеных.
- База даных для захоўвання і пошуку такой інфармацыі, як прадметы, артыкулы і абнаўленні сацыяльных сетак.
- Маштабаванасць для бесперашкоднага развіцця базы карыстальнікаў і аб'ёму даных.
- Прыемны карыстацкі інтэрфейс, каб зрабіць прыкладанне прывабным і простым у выкарыстанні.
- Інтэграцыя з рознымі сэрвісамі і сістэмамі.
Bubble замяняе значна больш, чым кодэр. Ён прадастаўляе ўсе гэтыя паслугі ў візуальна прывабнай і высокааўтаматызаванай форме, што дазваляе аднаму чалавеку справіцца з усім, калі не проста.
У той час як папярэднія платформы без кода спрабавалі замяніць кадзіраванне рознымі спосабамі. Яе канцэпцыя складаецца ў тым, каб ліквідаваць як мага больш бар'ераў для выхаду прыкладання на рынак, апрацоўваючы ўсё: ад адаптыўнага дызайну і анімацыі да хостынгу, разгортвання версій, бяспекі і аперацый з базамі дадзеных.
Выкарыстанне раздыма API для падлучэння Bubble да іншых сэрвісаў
Яго API Connector, верагодна, з'яўляецца самым важным убудовай на рынку. Як вынікае з назвы, гэта дазваляе падключацца да іншых праграм і сэрвісаў для абмену дзеяннямі і дадзенымі.
Замест таго, каб паглыбляцца ў тэхнічныя асаблівасці таго, як гэта працуе, разгледзьце наступныя прыклады таго, чаго могуць дасягнуць API:
- Атрыманне доступу да навучанне з дапамогай машыны такія метады, як распазнаванне і пераклад малюнкаў.
- Атрымлівайце самую свежую інфармацыю пра надвор'е з любой кропкі зямлі.
- Калі падзея запускаецца ў Bubble, інфармацыя абменьваецца паміж сістэмамі, напрыклад, усталяванне патэнцыйнага кліента ў вашай CRM або сустрэча ў вашым календары Google.
- Забранірую білет або гасцініцу ў любой кропцы зямнога шара.
- Атрымайце нумар тэлефона, месцазнаходжанне, фатаграфіі, лагатып і водгукі аб любой кампаніі на Google Maps.
Выкарыстанне ўбудоў для паляпшэння ўласных функцый
Тэхнічна ён змешвае модулі кода JavaScript, CSS і HTML у функцыянальны вузел. Прыкладанне, напісанае ў JS.JSON, служыць асновай для ўласнай мовы.
Нягледзячы на тое, што вам не трэба цалкам разумець гэтую тэрміналогію для стварэння прыкладанняў, яны паказваюць на адзін ключавы факт: ён прытрымліваецца вядомых і прызнаных вэб-стандартаў, што дазваляе распрацоўнікам значна палепшыць яго родную функцыянальнасць.
Гэта ўжо бачна на сайце плагінаў, дзе даступныя сотні бясплатных і платных пашырэнняў асноўных функцый. Гэта таксама азначае, што калі вы дасягне кропкі, калі яго асноўныя магчымасці стануць недастатковымі, знойдзецца шмат экспертаў па JavaScript, гатовых падрыхтаваць індывідуальнае рашэнне для вас.
Якія тыпы праграм вы можаце распрацоўваць?
Вы можаце ствараць шырокі спектр прыкладанняў, некаторыя з якіх прыведзены ніжэй.
- Праграмы для спецыялізаваных маркетаў з супольнасцю.
- Прыкладання для дошак вакансій у розных сектарах.
- Праграму для персаналу ў бальніцы.
- Праграмнае забеспячэнне для гандлёвых кропак для фізічных крам.
- Праграму для стаматалагічнага кабінета з белай этыкеткай.
- Праграмнае забеспячэнне для інвентарызацыі асабістага бізнесу і абслугоўвання кліентаў.
- Прыкладання для агрэгацыі нерухомасці для брокераў і кліентаў.
- Праграмы для мерапрыемстваў і курсаў на рынку (і нават лодкі).
- Прафесійныя сертыфікаты патрабуюць прыкладанняў для ўнутранага тэсціравання.
- Прыкладання для хуткага рэагавання.
- Праграмнае забеспячэнне для кіравання супрацоўнікамі для ўнутранага выкарыстання.
Шчыра кажучы, платформа не прызначана для таго, каб рабіць усё. Магчыма, гэта не ідэальны выбар, калі вы распрацоўваеце гульнявое прыкладанне са складанай візуальнай выявай і рухам. Акрамя таго, калі вы ствараеце ўласнае прыкладанне (для крам прыкладанняў), вам трэба будзе інтэграваць яго з іншым сэрвісам трэцяга боку.
Ключавыя асаблівасці
Bubble багаты функцыямі. Мы не зможам ахапіць іх усе тут, але паспрабуем ахапіць найбольш істотныя.
1. убудовы
Гэта дазваляе вам уключыць у свой вэб-прыкладанне. Напрыклад, калі вы хочаце, каб вашы карыстальнікі ўваходзілі ў сістэму, выкарыстоўваючы свой уліковы запіс Facebook, вы можаце выкарыстоўваць для гэтага плагін Facebook.
2. Развівацца
Гэта дазваляе ствараць дынамічныя шматкарыстальніцкія праграмы для настольных і мабільных вэб-браўзераў, а таксама ўсе інструменты, неабходныя для стварэння сайта, падобнага да Instagram або Airbnb.
3. дызайн
Вы можаце ствараць зручныя для мабільных прылад макеты і дынамічны кантэнт, каб надаць апошні штрых прадукту, які вы з задавальненнем прадэманструеце іншым.
4. хостынг
Ніколі не трэба зноў і зноў турбавацца аб абслугоўванні сервера, інфраструктуры або аперацыях.
Ён клапоціцца аб разгортванні і размяшчэнні для вас бяспечным і бяспечным спосабам. Колькасць карыстальнікаў, аб'ём трафіку і захоўванне дадзеных не абмежаваныя.
Стварэнне праграмы з дапамогай Bubble (падручнік)
Давайце зараз пяройдзем да дзеяння і даведаемся, як вы можаце стварыць навінную праграму на Bubble.
1. Пачатак працы
Для пачатку трэба спачатку зарэгіструйце бясплатны рахунак на Bubble.
Мы пачнем з выкарыстання інструмента візуальнага дызайну Bubble для фарміравання нашай платформы інтэрфейс карыстальніка. Некаторыя ключавыя старонкі, якія трэба ўключыць, прыведзены ніжэй:
- Старонка загрузкі – вэб-сайт, дзе выдаўцы будуць распрацоўваць і распаўсюджваць артыкулы.
- Галоўная старонка – адлюстроўваецца спіс нядаўна апублікаваных гісторый.
- Старонка апавядання – старонка, дзе можна знайсці кожную унікальную гісторыю.
- Старонка выдаўца - старонка, на якой адлюстроўваецца спіс казак пэўнага выдаўца.
2. Настройка базы дадзеных
Пасля таго, як вы спланавалі дысплей вашага прадукту, вы можаце засяродзіцца на стварэнні палёў даных, якія будуць падсілкоўваць вашу праграму. Мы будзем выкарыстоўваць гэтыя палі, каб звязаць працоўныя працэсы, якія ляжаць у аснове вашага прадукту.
Для гэтага прыкладу мы ўсталюем два розныя тыпы даных для кожнай навіны. Адзін тып даных будзе ўтрымліваць асноўныя факты гісторыі (напрыклад, загаловак, паказаны малюнак і выдавец), у той час як другі тып даных будзе ўтрымліваць большыя файлы змесціва, такія як увесь аповед.
Вызначаючы іх як дыскрэтныя тыпы даных, мы можам загружаць неабходную інфармацыю толькі тады, калі яна патрабуецца, абмяжоўваючы аб'ём матэрыялу, які трэба будзе стварыць рэдактару Bubble.
Будуць створаны наступныя тыпы даных і палі:
Тып дадзеных: карыстальнік
Палі:
- Імя
- Наступныя выдаўцы з'яўляюцца спісам выдаўцоў. Важная заўвага: стварэнне поля ў выглядзе спісу на аснове асобнага тыпу даных дазваляе вам лёгка ўключыць усе асноўныя палі даных без неабходнасці ствараць дадатковыя палі.
Тып дадзеных: Гісторыя
Палі:
- назву
- Выбраныя выявы
- пісьменнік
- катэгорыя
- Выдавец
- Змест апавядання
Тып дадзеных: Змест апавядання
Палі:
- Змест апавядання
Тып дадзеных: Выдавец
Палі:
- Імя
- лагатып
- паслядоўнікі
3. Пабудова працоўных працэсаў
Цяпер, калі вы арганізавалі дызайн і базу дадзеных вашага прыкладання, прыйшоў час пачаць збіраць усё разам і прымушаць гэта працаваць.
Рабочыя працэсы з'яўляюцца асноўным метадам для дасягнення гэтага ў Bubble.
Кожны працоўны працэс адбываецца, калі адбываецца падзея (напрыклад, карыстальнік націскае кнопку), а затым выконвае паслядоўнасць «дзеянняў» у адказ (напрыклад, «зарэгістраваць карыстальніка», «унесці змены ў базу дадзеных» і гэтак далей). .
4. Стварэнне інфармацыйнага матэрыялу
Першая функцыя, якую мы прапануем, - гэта інструмент, які дазваляе выдаўцам пісаць і размяшчаць навіны на сайце.
На старонцы загрузкі мы пачнем з уключэння мноства элементаў уводу, якія будуць прымяняцца для ўводу даных у нашу базу дадзеных. Прыкладамі гэтых палёў з'яўляюцца ўвод тэксту, праграма загрузкі малюнкаў і выпадальны спіс.
Нам таксама трэба будзе наладзіць выпадальнае меню выдаўца для адлюстравання спісу дынамічных параметраў. Паколькі кожны новы артыкул будзе дададзены ў агульны спіс артыкулаў выдаўца, нам трэба будзе выбраць існуючага выдаўца з нашай базы дадзеных.
Пры ўсталёўцы гэтага выпадальнага меню мы выбіраем тып опцый, якія будуць выдаўцом.
Пасля гэтага наша крыніца дадзеных праскануе нашу базу дадзеных і верне спіс усіх бягучых публікацый. Нарэшце, мы зменім зыходны загаловак, каб уключыць імя выдаўца.
Пасля таго, як пісьменнік увядзе неабходную інфармацыю ў кожны запіс на старонцы, ён націсне кнопку «Апублікаваць», каб стварыць новую казку.
Затым у вашай базе дадзеных вы створыце новую рэч з тыпам даных, усталяваным як апавяданне.
Затым нам трэба будзе пачаць запаўненне нашай базы дадзеных неабходнымі палямі. Падключыце кожны з кампанентаў уводу на старонцы да адпаведных слупкоў базы дадзеных.
Па-першае, мы створым тып змесціва гісторыі, які, нарэшце, будзе звязаны з самой казкай.
Далей мы дадамо яшчэ адзін этап да гэтай працэдуры, спарадзіўшы нешта іншае – на гэты раз саму казку.
Можна лёгка інтэграваць гэтыя даныя ў вашу платформу, інтэграваўшы першы апавядальны матэрыял, які мы распрацавалі з гэтай казкай.
Кожны раз, калі гэтая працэдура актывуецца, будзе стварацца новая гісторыя.
5. Адлюстраванне дынамічнага кантэнту ў стужцы
Як толькі выдаўцы пачнуць загружаць матэрыял у вашу мабільную праграму, нам трэба будзе пачаць ствараць логіку на вашай галоўнай старонцы, якая паказвае кожны артыкул у выглядзе дынамічнага спісу. Гэта можа быць дасягнута шляхам выкарыстання нашага паўтаральнага элемента групы.
Групы, якія паўтараюцца, працуюць з вашай базай дадзеных, каб прадставіць і абнавіць спіс дынамічнага матэрыялу.
Пры ўжыванні паўтаральнай групы вы павінны спачатку звязаць элемент з тыпам дадзеных у вашай базе дадзеных.
У гэтым выпадку вы аднясеце гэты матэрыял як казкі. Вам таксама трэба будзе ўказаць крыніцу даных у выглядзе спісу ўсіх табліц у вашай базе дадзеных.
Мы таксама ўпарадкуем гэту перыядычную групу па даце пачатку кожнай гісторыі, паказваючы спіс у зваротным храналагічным парадку. Цяпер вы можаце пачаць арганізоўваць дынамічны матэрыял, які будзе з'яўляцца ў кожнай сетцы.
Проста запоўніце верхні радок адпаведным матэрыялам, які вы хочаце паказаць, і гэты магутны элемент запоўніць астатнія слупкі дадзенымі з вашай бягучай базы дадзеных.
6. Адпраўка дадзеных паміж старонкамі
Таксама можна пабудаваць падзеі ў кожным радку паўтаральнай групы. Пры распрацоўцы навігацыйных функцый для вашай платформы гэтая функцыя спатрэбіцца.
Галоўная старонка нашага навіннага прыкладання паказвае толькі папярэдні прагляд кожнай гісторыі, у тым ліку выдаўца, выяву і назву гісторыі.
Аднак ён не адлюстроўвае ўвесь змест артыкула, пакуль карыстальнік не пстрыкне на старонку гісторыі. Мы будзем выкарыстоўваць наш рэдактар працоўнага працэсу для перадачы дадзеных паміж старонкамі для адлюстравання гэтага матэрыялу.
Для пачатку стварыце працэс, які адпраўляе карыстальніка на старонку гісторыі пры націсканні на выяву гісторыі.
Выкарыстоўвайце падзею навігацыі, каб перавесці карыстальніка на іншую старонку падчас распрацоўкі гэтага працэсу.
У выпадальным меню абярыце тып старонкі прызначэння, якая будзе старонкай апавядання. Затым вам трэба будзе даць дадатковую інфармацыю гэтай старонцы, каб рэдактар Bubble зразумеў, якую унікальную казку паказаць.
Інфармацыя, якую вам трэба будзе даць, зыходзіць з бягучай гісторыі клетак.
7. Адлюстраванне дынамічнага кантэнту на старонцы гісторыі
Вы можаце лёгка атрымаць гэтыя даныя падзеі і паказаць адпаведны матэрыял з апавядання, калі карыстальнік накіроўваецца на старонку пэўнай гісторыі.
Каб стварыць гэту функцыю, вы павінны спачатку праверыць, ці адпавядае тып мэтавай старонкі ўласцівасці дадзеных, якія вы дастаўляеце праз працоўны працэс. У гэтай сітуацыі вы павінны звязаць старонку гісторыі з уласцівасцю гісторыі.
Ён можа проста атрымаць і даставіць адпаведныя дадзеныя з існуючых крыніц, класіфікуючы тып кантэнту на старонцы.
Цяпер вы можаце пачаць устаўляць дынамічны матэрыял у палі, якія адлюстроўваюць інфармацыю з адной табліцы.
8. Адлюстраванне артыкула выдавецтва
Прачытаўшы навіну, карыстальнік можа выбраць увесь каталог артыкулаў выдаўца. Калі вы распрацавалі тып даных выдаўца, стварыць асобную старонку для выдаўцоў так жа проста, як стварыць нашу першапачатковую хатнюю старонку.
На гэтай старонцы нам трэба будзе пачаць з усталявання тыпу старонкі на выдавец.
Затым скапіруйце паўтаральную групу з хатняй старонкі і адрэдагуйце налады.
У гэтым выпадку крыніца дадзеных нашай паўтаральнай групы будзе шукаць усе існуючыя артыкулы, выдаўцом якіх з'яўляецца бягучы выдавец старонкі.
9. Наступныя выдаўцы
Трэцяя фундаментальная функцыя, якую мы створым для нашага MVP, - гэта магчымасць сачыць за выдаўцом на платформе. Мы дадамо кнопку падпісацца на старонку выдаўца. Калі мы пстрыкнем гэты значок, мы запусцім новы працэс, які змяняе рэч.
Даданне выдаўца бягучай старонкі ў спіс наступных публікацый зменіць бягучага карыстальніка.
Пасля гэтага нам трэба будзе абнавіць спіс падпісчыкаў выдаўца бягучай старонкі, дадаўшы бягучага карыстальніка.
10. Дадатковыя функцыі, якія вы можаце дадаць
Цяпер, калі вам зручна ствараць карыстальніцкія палі даных і прадстаўляць дынамічную інфармацыю, вы можаце творча падысці да таго, што ствараеце для свайго прадукту. Вы таксама можаце ўключыць:
- Стварыце функцыю, якая дазваляе карыстальнікам захоўваць кантэнт для наступнага чытання.
- Унізе кожнай часткі падайце перыядычны зборнік прапанаваных артыкулаў.
- Стварыце інструмент пошуку, каб дапамагчы людзям знайсці свежы кантэнт на сайце.
11. Вынік
Ваша канчатковае прыкладанне будзе выглядаць прыкладна так.
Прафесіяналы
- Магчымасць падключэння да мноства API і ўбудоў.
- Простае ў выкарыстанні прыкладанне без кода.
- Людзі без вопыту праграмавання выйграюць ад гэтага.
- Універсальныя і магутныя інструменты дызайну.
- Хуткая апрацоўка запытаў.
мінусы
- Падвышаная надзейнасць.
- Хуткасць апрацоўкі даных нізкая.
- Прадукцыйнасць абмежаваная.
Цэннiк
Бясплатны план дазваляе даведацца пра платформу і распрацаваць сваё прыкладанне.
Платныя падпіскі ўключаюць такія дадатковыя паслугі, як белая маркіроўка, карыстальніцкі дамен, доступ да API Bubble і зарэзерваваная ёмістасць сервера, якія пералічаны ніжэй.
- Асабісты - 25 долараў у месяц (аплата штогод) або 29 долараў у месяц (аплата штомесяц).
- Прафесійны - 115 долараў у месяц (аплата штогод) або 129 долараў у месяц (аплата штомесяц).
- Вытворчасць - $475/месяц (аплата штогод) або $529/месяц (аплата штомесяц).
заключэнне
Bubble - выдатная альтэрнатыва для стварэння вэб-прыкладанняў, якія могуць толькі паказваць інфармацыю або мець мінімальны інтэрфейс.
Ён даволі просты ў выкарыстанні, і навучальныя дапаможнікі, прадстаўленыя Bubble, вельмі карысныя. Яго онлайн-візуальны рэдактар, які дазваляе распрацоўваць вэб-праграмы на аснове вашых пераваг.
І самае лепшае ў тым, што вам не патрэбны вопыт праграмавання або веды. Bubble падыходзіць для ўсіх, незалежна ад таго, умееце вы кадзіраваць ці не.
Аднак папярэдняе разуменне інтэрфейсных моў можа даць вам перавагу, таму што дазваляе хутка зразумець, што ён робіць у дачыненні да апрацоўкі падзей.
Такім чынам, што вы думаеце пра магчымасці Bubble?
Дайце нам ведаць у каментарах!
Арбехі
Ці можна стварыць краму для продажу тавараў з дапамогай інструмента bubble.io?