Table di cuntinutu[Piattà][Mostra]
- Cosa hè Bubble.io?
- Cosa hè a prugrammazione visuale?
- Chì tipi di app pudete sviluppà?
Custruì una app cù Bubble (Tutorial)+-
- 1. Principià
- 2. Configurazione di basa di dati
- 3. Custruì i flussi di travagliu
- 4. Crià una nutizia
- 5. Visualizzazione di cuntenutu dinamica in u feed
- 6. Mandatu dati trà e pagine
- 7. Visualizzazione di cuntenutu dinamica nantu à a pagina di a storia
- 8. Mostra l'articulu di l'editore
- 9. Dopu edituri
- 10. Funzioni supplementari pudete aghjunghje
- 11. U risultatu
- Runzinu
- Cons
- Segretaria
- cunchiusioni
Aghju statu recentemente interessatu in approcci di sviluppu web altru da HTML, CSS è JavaScript.
Cù u crescente di u paisaghju senza codice, ùn era micca surprisante di scopre chì ci sò parechje alternative à l'approcciu più standard per sviluppà applicazioni web.
Avete da esse familiarizatu cù alcune di e piattaforme CMS più famose, cum'è WordPress chì sò quasi senza codice. Ma, sè vo vulete custruisce app web, tali piattaforme ponu parenu restrittivi.
Quì vi presentu à Bubble.io, un putente strumentu senza codice chì vi permette di custruisce app web cum'è mai prima.
Scopremu in profondità!
Chì ghjè Bubble.io?
Bubble hè una piattaforma non-tecnica chì combina una lingua di prugrammazione visuale è a quadru di sviluppu web.
L'utilizatori ponu aduprà sti strumenti di prugrammazione per custruisce applicazioni in linea uniche, alterate e basa di dati è prucessi, aghjunghje cumpunenti di pagina (imaghjini, testu, forme di input, carte), è cuncepisce e so interfacce.
Hè un mercatu induve pudete scopre mudelli ideali, plugins è servizii per aiutà vi à custruisce prudutti forti.
Senza avè da stabilisce un framework di prugrammazione tipicu, pudete creà qualcosa da un mercatu à una reta suciale à un CRM (Customer Relationship Management) cù Bubble.
Dà i clienti a capacità di creà è persunalizà e so app utilizendu una interfaccia amichevule è un editore di puntate è cliccà.
Pudete aduprà in cunghjunzione cù servizii chì furnisce una API REST, cum'è Facebook, SQL, analitiche è app di pagamentu. Permette à l'utilizatori di dedicà u tempu à migliurà a funziunalità è l'aspettu di e so appricazzioni in modu chì parevanu bè nantu à i tablette è i dispositi mobili.
Hè appruvatu per tutte e dimensioni di l'imprese, da petite à medie à grande; è accessibile per Windows, Mac è u web.
Cosa hè a prugrammazione visuale?
A prugrammazione visuale hè essenzialmente ciò chì sona. Invece di programà manualmente scrivendu codice, fate u graficu clicchendu è trascinendu cumpunenti in pagine.
Ùn lasciate micca ingannatu da quella breve descrizzione.
Ùn hè micca cum'è qualsiasi altra app di cookie-cutter o strumentu di creazione di siti web chì avete scontru in linea. A maiò parte di i custruttori di l'app necessitanu di cunfidassi nantu à mudelli basi è avè una funziunalità estremamente limitata; solu permettenu di sviluppà tipi specifichi di app è limità a vostra persunalizazione.
Ancu s'è a nuzione di "programmazione visuale" è "dragging and dropping" pareva faciule in Bubble, hè tremendamente putente.
U so ambiente di prugrammazione visuale ùn solu permette di trascinà oggetti cum'è testu, gràfiche, inputs è più nantu à una pagina, ma permette ancu di cunfigurà ciò chì facenu quelli elementi.
Chì faci Bubble?
U scopu primariu di Bubble hè di permette à qualcunu di creà applicazioni web senza avè da scrive codice.
Tuttavia, mentri questu furnisce una dichjarazione di u scopu facilmente ricordata, lascia fora una parte significativa di a storia. U percorsu da l'idea à u mercatu hè più cumplicatu chè solu creà linee di codice.
Un squadra di prufessiunali altamente furmati chì travaglianu in certe sezioni di a creazione, a crescita è u mantenimentu di l'app hè necessariu in u sviluppu cunvinziunali. Cunsiderate questu.
Chì ci vole ogni app?
- Sicurezza per assicurà chì nimu hà accessu micca autorizatu à e dati.
- Una basa di dati per almacenà è ricuperà infurmazioni cum'è articuli, articuli è aghjurnamenti di e social media.
- Scalabilità per attivà u sviluppu senza ostaculi di a basa di l'utilizatori è u voluminu di dati.
- Una interfaccia d'utilizatore piacevule per rende l'app attraente è faciule d'utilizà.
- Integrazione cù diversi servizii è sistemi.
Bubble rimpiazza assai più di un codificatore. Fornisce tutti questi servizii in una manera visualmente attraente è altamente automatizata, facendu cuncepibile, se micca simplice, per una sola persona per trattà tuttu.
Mentre chì e piattaforme senza codice precedente anu pruvatu à rimpiazzà a codificazione in vari modi. U so cuncettu hè di caccià quant'è più ostaculi pussibule per una app per ghjunghje à u mercatu, gestionendu tuttu da u disignu responsive è l'animazioni à l'ospitu, l'implementazione di versione, a sicurità è l'operazioni di basa di dati.
Utilizà u connettore API per cunnette Bubble à altri servizii
U so API Connector hè prubabilmente u plugin più impurtante in u mercatu. Cum'è u nome implica, questu permette di cunnette à altre applicazioni è servizii per sparte azzione è dati.
Piuttostu chè sfondate in e specifiche tecniche di cumu funziona questu, cunsidereghja questi esempi di ciò chì l'API puderanu fà:
- Ottene accessu à machine learning metudi cum'è a ricunniscenza di l'imaghjini è a traduzzione.
- Ottene l'infurmazioni climatichi più recenti da ogni locu di a terra.
- Quandu un avvenimentu hè attivatu in Bubble, l'infurmazioni sò scambiati trà i sistemi, cum'è stabilisce un capu in u vostru CRM o un appuntamentu in u vostru Google Calendar.
- Riservà un volu o un sughjornu in hotel in ogni locu in u globu.
- Ottene u numeru di telefunu, u locu, e fotografie, u logò è e recensioni per qualsiasi cumpagnia in Google Maps.
Utilizà plugins per rinfurzà e funzioni native
Tecnicamente, mischia moduli di codice JavaScript, CSS è HTML in un node funziunale. L'applicazione scritta in JS.JSON serve com'è fundazione per a so propria lingua.
Mentre ùn avete micca bisognu di capiscenu pienamente quella terminologia per custruisce app, indicanu un fattu chjave: aderisce à standard web cunnisciuti è ricunnisciuti, chì permettenu à i sviluppatori di rinfurzà a so funziunalità nativa considerablemente.
Questu hè digià vistu in u situ di plugin, induve centinaie di estensioni gratuiti è pagati à e funziunalità di basa sò dispunibili. Implica ancu chì si ghjunghje à un puntu quandu e so capacità fundamentali sò insufficienti, ci sò assai esperti di JavaScript disposti à mette una suluzione apposta per voi.
Chì tipi di app pudete sviluppà?
Pudete creà una larga gamma di applicazioni, alcuni di i quali sò datu quì sottu.
- Apps per i mercati specializati cù una cumunità.
- Apps per i posti di travagliu in una varietà di settori.
- Software per u persunale di l'ospitale.
- Software di puntu di vendita per i magazzini fisici.
- Software di l'uffiziu dentale cù una etichetta bianca.
- Inventariu di cummerciale persunale è software di serviziu di u cliente.
- Applicazioni di aggregazione immubiliare di broker è clientele.
- Apps per avvenimenti è corsi nantu à u mercatu (è ancu barche).
- I certificati prufessiunali necessitanu applicazioni di prova interna.
- Applicazioni per i primi rispunsevuli.
- Software di gestione di l'impiegati per l'usu internu.
Per esse onesto, a piattaforma ùn hè micca pensata per fà tuttu. Puderia micca esse a scelta ideale se cuncepisce una app di ghjocu cù visuale cumplessu è muvimentu. Inoltre, sè vo site criendu una app nativa (una per app stores), avete bisognu di integrà cù un altru serviziu di terzu.
carattiristichi Key
Bubble hè riccu di funzioni. Ùn pudemu micca copre tutti quì, ma pruveremu à copre i più essenziali.
1. Plugins
Si permette à voi à include funziunalità da numerosi arnesi nant'à Internet in u vostru applicazione web. Per esempiu, sè vo vulete chì i vostri utilizatori accedenu cù u so contu Facebook, pudete aduprà u plugin Facebook per fà questu.
2. Sviluppa
Permette di custruisce app dinamichi multi-utilizatori per desktop è navigatori web mobile, è ancu tutti l'arnesi necessarii per custruisce un situ simili à Instagram o Airbnb.
3 Disegnu
Pudete creà layout amichevuli mobili è cuntenutu dinamicu per dà u toccu finale à un pruduttu chì sarete felice di mostrà à l'altri.
4. pediatria
Ùn deve mai esse preoccupatu di u mantenimentu di u servitore, l'infrastruttura, o l'operazioni una volta è una volta.
Si occupa di implementazione è hosting per voi in modu sicuru è sicuru. U numaru d'utilizatori, u voluminu di trafficu è u almacenamentu di dati sò tutti senza restrizioni.
Custruì una app cù Bubble (Tutorial)
Passemu avà à l'azzione è scopre cumu pudete custruisce una app di nutizie nantu à Bubble.
1. Principià
Per principià, bisogna prima registrate per un contu gratuitu nantu à Bubble.
Cuminciaremu cù l'uttellu di cuncepimentu visuale di Bubble per furmà a nostra piattaforma interfaccia d'utilizatore. Alcune di e pagine chjave per include sò datu quì sottu:
- Pagina di carica - Un situ web induve l'editori svilupperanu è distribuiranu articuli.
- Pagina iniziale - Una lista di storie publicate recentemente hè visualizata.
- Pagina narrativa - Una pagina induve ogni storia unica pò esse truvata.
- Pagina di l'editore - Una pagina per mostra una lista di storie da un certu editore.
2. Configurazione di basa di dati
Dopu avè dispostu a visualizazione di u vostru pruduttu, pudete fucalizza nantu à custruisce i campi di dati chì alimentanu a vostra applicazione. Useremu questi campi per ligà i flussi di travagliu sottumessi à u vostru pruduttu.
Per questu esempiu, stabiliremu dui tipi di dati distinti per ogni notizia. Un tipu di dati cuntene i fatti basi di una storia (cum'è u tìtulu, l'immagine presentata è l'editore), mentre chì l'altru tipu di dati cuntene i schedarii di cuntenutu più grande cum'è a narrativa sana.
Definiscenu cum'è tippi di dati discreti, pudemu solu carricà l'infurmazioni chì hè necessariu quandu hè necessariu, limitendu a quantità di materiale chì l'editore Bubble hà bisognu di pruduce.
I seguenti tipi di dati è campi seranu creati:
Tipu di dati: User
Campi:
- nomu
- I seguenti editori sò una lista di editori. Nota impurtante: Crea un campu cum'è una lista basatu annantu à un tipu di dati distintu permette di incorpore tutti i so campi di dati essenziali senza sforzu senza avè da creà campi extra.
Tipu di dati: Story
Campi:
- Title
- Immagine
- Scrittori
- Catigurìa
- Publisher
- U cuntenutu di a storia
Tipu di dati: U cuntenutu di a storia
Campi:
- U cuntenutu di a storia
Tipu di dati: Publisher
Campi:
- nomu
- logu
- Followers
3. Custruì i flussi di travagliu
Avà chì avete urganizatu u disignu è a basa di dati di a vostra applicazione, hè ora di cumincià à mette tuttu inseme è di fà u travagliu.
I flussi di travagliu sò u metudu primariu per fà questu in Bubble.
Ogni flussu di travagliu si verifica quandu un avvenimentu accade (per esempiu, un utilizatore cliccà un buttone) è poi eseguisce una sequenza di "azzioni" in risposta (per esempiu, "firma l'utilizatore", "fà un cambiamentu à a basa di dati", è cusì) .
4. Crià una nutizia
A prima funzione chì offremu hè un strumentu chì permette à l'editori di scrive è publicà e nutizie nantu à u situ.
Nantu à a pagina di carica, avemu da principià per incorpore assai elementi di input chì saranu applicati per inserisce dati in a nostra basa di dati. L'input di testu, un uploader di foto è una selezzione dropdown sò esempi di sti campi.
Averemu ancu bisognu di persunalizà u menù drop-down di l'editore per vede una lista di opzioni dinamiche. Siccomu ogni novu articulu serà aghjuntu à a lista di l'editore di l'articuli totali, avemu bisognu di sceglie un editore esistente da a nostra basa di dati.
Quandu stabilisce stu menu a tendina, scegliemu u tipu d'opzioni per esse un editore.
Dopu questu, a nostra fonte di dati scannerarà a nostra basa di dati è restituverà una lista di tutte e publicazioni attuali. Infine, cambieremu a didascalia fonte per include u nome di l'editore.
Una volta chì un scrittore hà inseritu l'infurmazioni necessarii in ogni entrata in a pagina, cliccà u buttone di publicazione per generà una nova storia.
Allora, in a vostra basa di dati, creerete una cosa nova cù u tipu di dati stabilitu à a narrativa.
Allora avemu bisognu di cumincià a populazione di a nostra basa di dati cù i campi necessarii. Cunnette ognuna di i cumpunenti di input in pagina à e so colonne di basa di dati rispettivi.
Prima, avemu da creà u tipu di cuntenutu di a storia, chì serà infine ligata à u racontu stessu.
In seguitu, aghjustemu un altru stadiu à sta prucedura, generendu qualcosa d'altru - sta volta, u conte stessu.
Hè pussibule integrà queste dati senza sforzu in tutta a vostra piattaforma integrendu u primu materiale narrativu chì avemu sviluppatu cù sta storia.
Una nova storia serà prodotta ogni volta chì sta prucedura hè attivata.
5. Visualizzazione di cuntenutu dinamica in u feed
Una volta chì l'editori cumincianu à cullà u materiale in a vostra app mobile, avemu bisognu di cumincià à creà a logica in a vostra pagina di casa chì mostra ogni articulu cum'è una lista dinamica. Questu pò esse realizatu utilizendu u nostru elementu di gruppu ripetitivu.
I gruppi ripetuti travaglianu cù a vostra basa di dati per presentà è rinfriscà una lista di materiale dinamicu.
Quandu applicà un gruppu ripetutu, prima deve ligà l'elementu à un tipu di dati in a vostra basa di dati.
In questu casu, categurizà u tipu di materiale cum'è storie. Avete ancu bisognu di furnisce a fonte di dati cum'è una lista di tutte e tavule in a vostra basa di dati.
Avemu da ancu urganizà stu gruppu recurrente per a data di iniziu di ogni storia, mostrendu a lista in ordine cronologicu inversu. Pudete avà principià à urganizà u materiale dinamicu chì apparirà in ogni griglia.
Basta à riempie a fila superiore cù u materiale apprupriatu chì vulete vede, è questu elementu putente pupularà e colonne rimanenti cù dati da a vostra basa di dati attuale.
6. Mandatu dati trà e pagine
Hè ancu pussibule di custruisce avvenimenti in ogni fila di un gruppu ripetutu. Quandu si sviluppanu funzioni di navigazione per a vostra piattaforma, sta funziunalità serà utile.
A pagina iniziale di a nostra app di nutizie mostra solu una vista previa di ogni storia, cumpresu l'editore, una maghjina presentata è u titulu di a storia.
Tuttavia, ùn mostra micca u cuntenutu sanu di un articulu finu à chì l'utilizatore clicche nantu à a pagina di a storia. Useremu u nostru editore di flussu di travagliu per trasmette dati trà e pagine per vede stu materiale.
Per cumincià, crea un prucessu chì manda un utilizatore à a pagina di a storia quandu a stampa di una storia hè clicata.
Aduprate un avvenimentu di navigazione per trasfiriri un utilizatore à una altra pagina mentre sviluppate stu prucessu.
Sceglite u tipu di pagina di destinazione per esse a pagina narrativa da u menù a tendina. Tandu vi tuccherà à dà più infurmazione à sta pagina in modu chì l'editore Bubble capisce quale storia unica per mustrà.
L'infurmazioni chì avete bisognu di dà vene da a storia di e cellule attuale.
7. Visualizzazione di cuntenutu dinamica nantu à a pagina di a storia
Pudete facilmente ricuperà i dati di l'avvenimentu è mostra u materiale pertinente da a narrativa quandu un utilizatore hè mandatu à una certa pagina di storia.
Per creà sta funzione, prima deve verificate chì u tipu di pagina di destinazione currisponde à a pruprietà di dati chì site in u flussu di travagliu. In questa situazione, duvete associà a pagina di a storia cù una pruprietà di a storia.
Puderà simpricimenti tirà è trasmette dati appropritati da e fonti esistenti categurizà u tipu di cuntenutu in una pagina.
Pudete avà principià à inserisce materiale dinamicu in campi chì mostranu l'infurmazioni da una sola tavola.
8. Mostra l'articulu di l'editore
Dopu avè lettu una notizia, un utilizatore pò sceglie di esaminà tuttu u catalogu di l'articuli di l'editore. Sè avete sviluppatu un tipu di dati di l'editore, a creazione di una pagina separata per l'editore hè simplice quant'è a creazione di a nostra pagina iniziale originale.
In questa pagina, avemu da principià per stabilisce u tipu di pagina à l'editore.
Dopu, copià u gruppu ripetitivu da a pagina di casa è edità i paràmetri.
In questu casu, a fonti di dati di u nostru gruppu ripetutu cercarà tutti l'articuli esistenti chì l'editore hè l'editore di a pagina attuale.
9. Dopu edituri
A terza funzione fundamentale chì avemu da custruisce per u nostru MVP hè a capacità di seguità un editore nantu à a piattaforma. Avemu da aghjunghje un seguitu buttone nantu à a pagina di l'editore. Quandu clicchemu questu icona, lanciamu un novu prucessu chì modifica una cosa.
Aghjunghjendu l'editore di a pagina attuale à a so lista di e publicazioni seguenti cambierà l'utilizatore attuale.
Dopu questu, avemu bisognu di aghjurnà a lista di seguitori di l'editore di a pagina attuale aghjunghjendu l'utilizatore attuale.
10. Funzioni supplementari pudete aghjunghje
Avà chì site cunfortu cù a custruzzione di campi di dati persunalizati è a presentazione di l'infurmazioni dinamiche, pudete diventà creativa cù l'esperienze chì create per u vostru pruduttu. Pudete ancu include:
- Crea una funzione chì permette à l'utilizatori di salvà u cuntenutu per leghje più tardi.
- À u fondu di ogni pezzu, furnisce una cullizzioni recurrente di articuli suggeriti.
- Crea un strumentu di ricerca per aiutà e persone à truvà cuntenutu frescu in u situ.
11. U risultatu
A vostra app finale sarà qualcosa di questu.
Runzinu
- A capacità di cunnette cù parechje API è plugins.
- Una applicazione facile à aduprà, senza codice.
- E persone senza sperienza di prugrammazione prufittàranu di questu.
- Strumenti di cuncepimentu chì sò à tempu versatili è putenti.
- Trattamentu rapidu di e dumande.
Cons
- A fiducia aumentata.
- A velocità di trasfurmazioni di dati hè lenta.
- U rendiment hè limitatu.
Segretaria
U pianu gratuitu vi permette di amparà nantu à a piattaforma è di sviluppà a vostra applicazione.
L'abbonamenti pagati includenu extras cum'è l'etichettatura bianca, un duminiu persunalizatu, l'accessu à l'API Bubble, è a capacità di u servitore riservatu, chì sò listati quì sottu.
- Personale - $ 25 / mese (pagatu annu) o $ 29 / mese (pagatu mensili).
- Prufessiunali - $ 115 / mese (pagatu annu) o $ 129 / mese (pagatu mensili).
- Produzzione - $ 475 / mese (pagatu annu) o $ 529 / mese (pagatu mensili).
Cuminciate cù Bubble gratuitamente
cunchiusioni
Bubble hè una alternativa eccellente per custruisce applicazioni web chì ponu mostra solu informazioni o avè una UI minima.
Hè abbastanza simplice d'utilizà, è i tutoriali furniti da Bubble sò estremamente utili. U so editore visuale in linea chì vi permette di cuncepisce app web basatu nantu à e vostre preferenze.
È a più bona parte hè chì ùn avete micca bisognu di sperienza o sapè fà di prugrammazione. Bubble hè appruvatu per tutti, indipendentemente da s'ellu sapete codificà o micca.
Tuttavia, una cunniscenza previa di e lingue di frontend pò dà un vantaghju perchè vi permette di capisce rapidamente ciò chì face in quantu à a gestione di l'eventi.
Allora, chì pensate di e capacità di Bubble?
Facemu sapè in i commenti!
Arbehi
Pò esse creatu un magazinu per vende prudutti cù l'uttellu bubble.io?