![WeWeb](/img/default-banner.jpg)
- Видео 265
- Просмотров 306 518
WeWeb
США
Добавлен 26 сен 2017
Welcome to WeWeb, your one-stop destination for building production-grade applications 10x faster! Embrace the power of our no-code front-end builder, seamlessly integrating with any back-end for effortless development.
Try WeWeb for free: cutt.ly/EwpsXSPM
Try WeWeb for free: cutt.ly/EwpsXSPM
How to get and display Xano data in WeWeb
WeWeb is natively integrated to Xano. You can easily connect your Xano backend to your UI in WeWeb. In this video, we'll show you how to display data that you have in a Xano backend on a WeWeb page.
There will be three steps:
1. Adding Xano data source plugin in WeWeb
2. Getting Xano data we want to work with in a collection in WeWeb
3. Displaying that data on a page in WeWeb
💡 Xano has updated its API connections.
Documentation:
➡ docs.weweb.io/plugins/data-sources/xano-data.html
*****
Subscribe to our channel to be the first to hear about new video releases! 🙂
WeWeb is a no-code platform that empowers anyone to create pixel-perfect frontends on top of any backend without vendor lock-in. Why lim...
There will be three steps:
1. Adding Xano data source plugin in WeWeb
2. Getting Xano data we want to work with in a collection in WeWeb
3. Displaying that data on a page in WeWeb
💡 Xano has updated its API connections.
Documentation:
➡ docs.weweb.io/plugins/data-sources/xano-data.html
*****
Subscribe to our channel to be the first to hear about new video releases! 🙂
WeWeb is a no-code platform that empowers anyone to create pixel-perfect frontends on top of any backend without vendor lock-in. Why lim...
Просмотров: 1 214
Видео
How to get and display backend data using REST API in WeWeb
Просмотров 1,9 тыс.4 часа назад
Remember, WeWeb is a frontend builder. To build a full web-app, you'll need to connect your WeWeb UI to an external database. In this video, we'll explain - • How to integrate data sources into WeWeb • Explore REST API plugin setup • Understand dynamic data collection for scalable web apps. • Discover best practices for managing data security, filtering, and optimizing performance in WeWeb proj...
Component properties
Просмотров 26821 час назад
A component is a reusable element used across your web application. In this video we will be building a simple button component. Chapters: 00:00 Intro 00:08 Basic button 00:50 Create the component 01:06 Edit the component 01:34 Using the component 02:08 Instance modification 02:28 Modifying the component 03:19 Outro Link to the documentation: docs.weweb.io/components/intro-to-components.html Tr...
Components in a Collection list
Просмотров 245День назад
Collection list can cause multiple problems when it comes to interacting with components inside of it. In this video, we are showing you how reusable components can help you isolate their behavior to have more control. Chapters: 00:00 Intro 00:40 Scoped variable & workflow 03:23 States 04:49 Outro Link to the documentation: docs.weweb.io/components/intro-to-components.html Try WeWeb for free: w...
Intro to WeWeb libraries
Просмотров 374Месяц назад
In this video, we show you how WeWeb libraries can speed up the building process of gorgeous UIs with a consistent look and feel.
Variables in WeWeb - Make your app dynamic
Просмотров 567Месяц назад
You can use variables to dynamically update content, interact with data from external sources, or control the behavior of your website's elements and components. In this video we demonstrate - • Various types of variables in WeWeb, including text, numbers, booleans, objects, arrays, and query strings. • Implementing workflows to update and bind variables • How to use variables to manage and pre...
Data Collections in WeWeb
Просмотров 308Месяц назад
In WeWeb, a collection is a set of data fetched from a 3rd-party API or backend. You can then use this data to display it in your app. You can use WeWeb plugin to connect to REST API, Airtable, Xano, Supabase, Google Sheets, SQL, JavaScript, GraphQL, SOAP, RSS Feed, Algolia, Strapi and Ghost. In this video, we walk you step-by-step through - • Connecting to external data sources and creating da...
Plugins in WeWeb: Connect WeWeb to any tool
Просмотров 364Месяц назад
In WeWeb, you can connect multiple data sources to the same project. Choose your preferred authentication system and leverage the JS libraries you need. Today we will walk you through - • Various WeWeb plugin categories including data sources, authentication, and extensions. • How to connect multiple data sources like Xano, Supabase, and Airtable. • Implement authentication systems using option...
UI elements in WeWeb: Libraries
Просмотров 298Месяц назад
Leverage WeWeb libraries to build user interfaces faster, with a consistent-look-and-feel. In this video, we explore - • Various UI elements available in design libraries. • Differences between project-specific assets and starter kit assets. • We demonstrate how to utilize and integrate external libraries. • How to save and reuse custom templates Template: 👉 marketplace.weweb.io/projects/ad2e50...
UI elements in WeWeb: Basics
Просмотров 266Месяц назад
In this video, we cover the essentials of adding and styling UI elements on a webpage: • How to add basic UI elements to any project using the Add menu, applicable across various templates. • Techniques for arranging text and images within a section using Flexbox, including setting max width and spacing. • How to efficiently group elements and apply styling for a polished and centered design la...
Canvas: How WeWeb abstracts HTML & CSS
Просмотров 267Месяц назад
Canvas: How WeWeb abstracts HTML & CSS
Getting Started with your first project in WeWeb
Просмотров 364Месяц назад
Getting Started with your first project in WeWeb
How to create a pulse animation in WeWeb
Просмотров 434Месяц назад
How to create a pulse animation in WeWeb
Create a skeleton loader animation in WeWeb
Просмотров 330Месяц назад
Create a skeleton loader animation in WeWeb
WeWeb Office Hours with Joyce & Flo, 2024-06-04
Просмотров 2163 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-06-04
WeWeb Office Hours with Joyce & Flo, 2024-05-28T16:00:19Z
Просмотров 1613 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-05-28T16:00:19Z
Backend pagination with WeWeb & Xano
Просмотров 4983 месяца назад
Backend pagination with WeWeb & Xano
WeWeb Office Hours with Joyce & Flo, 2024-05-14
Просмотров 1723 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-05-14
WeWeb Office Hours with Joyce & Doc, , 2024-04-23
Просмотров 2084 месяца назад
WeWeb Office Hours with Joyce & Doc, , 2024-04-23
WeWeb Office Hours with Joyce & Doc, 2024-04-30
Просмотров 2204 месяца назад
WeWeb Office Hours with Joyce & Doc, 2024-04-30
WeWeb Office Hours with Doc & Flo, 2024-04-23
Просмотров 804 месяца назад
WeWeb Office Hours with Doc & Flo, 2024-04-23
WeWeb Office Hours with Joyce & Flo, 2024-04-09
Просмотров 3264 месяца назад
WeWeb Office Hours with Joyce & Flo, 2024-04-09
Add a dark mode to your WeWeb app without writing code
Просмотров 5165 месяцев назад
Add a dark mode to your WeWeb app without writing code
WeWeb Office Hours with Joyce & Flo, 2024-03-26
Просмотров 1565 месяцев назад
WeWeb Office Hours with Joyce & Flo, 2024-03-26
WeWeb Office Hours with Joyce & Flo - March 19th, 2024
Просмотров 2175 месяцев назад
WeWeb Office Hours with Joyce & Flo - March 19th, 2024
Hello, how can I put it on the page? I don't want the scrollbar on the page. In the home section it's ok, but on the page how can I make the scrollbar disappear but keep scrolling?
amazing tutorial thank you
To what extent the Weweb Stripe plugin is secure enough to store the Stripe Private API keys? Wouldn't it be better to just expose the Public API Keys to the front end (Weweb) and keep the Private API Keys in the back end?
I LOVE YOU, JOYCE
👋😎
Yey! 😀
Sweet video. Thanks for sharing.
Awesome 🎉🎉🎉🎉🎉🎉🎉
Great quick and very helpful, thank you!
Another question on this: does filterByKey slows down the app when there are several hundreds of records? As it seems to iterate each record to check wether the key is present or not. If it does slow the app down, what formula would be preferable in a many to many relation (in order to have access to all the fields of the linked table) ?
Is there another video after this?
Awesome. thanks for sharing
Hey, great job There at minute 27:10 when you do a GET/Conversation in Xano's response it brings "Messages", where does it bring this from? Because in the Conversations table there is no Messages column
is there any documentation or tutorial about how to work with Open AI Assistant in the last version and saving the outcome n Xano?
the Css section was very helpful. I notice the scroll bar looks different on different browsers, something to watch out for if design is very important like it is with my app.
great video. I managed to get through this no problem except the only thing I cant seem to figure out is how to change the grid colour. I dont see any options for it. By any chance do you know how to change it?
Please either put weweb back to how it was in these videos or update videos. Almost every single video I have seen is outdated and hard to follow. api connection with xano, completely different and I cant get my signup pages to work at all (10 hours and still no help). Those icons you have at the top of your workspace, they dont exist, Nav>header doesnt exist and so on. Ive spent almost 20 hours in this and xano and have gotten nowhere other than more frustrated. Please update these because I cant imagine I am the only beginner struggling. these things should be the absolute simplest things to do. I built my entire app design in 2 days in figma with zero knowledge of figma, So I know im not stupid.
Hi there 👋 Yeah, sorry about that. The product moves very fast. It's hard to keep up at times 😕 Our text-based user docs are usually more up to date: docs.weweb.io/ If that doesn't help and you feel stuck, please don't hesitate to ask for support in our community: community.weweb.io/ It's usually very active and helpful 🙂
@@weweb I did both and still have not gotten an answer on any of my issues. I followed docs, asked in community in weweb and xano. Still nothing :( I think the visual builder is very intuitive and needs very little explanation (although why you would remove icons from the top bar when there is plenty of space makes no sense to me, just makes things more confusing for no reason) but linking to xano, apis and all the other more complex things are difficult to understand and I cant even get a signup page to work. Ive no idea if its xano or weweb and cant seem to get an answer from either.
this is possible on the starter plan?
Is this solution preferred to create a page like /details/{caracter_id} that fetches details data from an endpoint on navigation ?
Do u need to fetch itens on the page load and save into a object variable
It depends on your use case. A few things to keep in mind: - Saving to a variable means the user needs to first select an item. Might not be the best solution if you want users to be able to get detail data directly when landing on a page. - Making an API call slows down the user experience because they need to wait for the server to answer. Sometimes it's necessary. If the data is already there in the browser and can be saved to a variable, it's not. Hope that helps!
This is one intense video! I use to do a little database programming in a relational database for the Mac in a language called 4D. It was written by one person in France and it was way ahead of its time. It was very slick and elegant but no real training was available for it. I had no computer programming background and I really struggled with Pointers to Array's and figuring out if there were Many to Many or Many to One relationships that you had to diagram first when writing an application. If you didn't get it right you had to start again because you were locked in. I hope things have changed. The quality of how well you planned this video and course material out just blows my mind, Joyce. I have not viewed anything this well done and comprehensive for any Low code/No code tool. I feel I'll need to watch this video a few more times to get 100 percent comprehension. Probably at 90 percent now. So much thinking and planning ahead for the backend!
Thanks so much for the kind words, Jon!
Is this recorded with Screen Studio? 👀
Yesss :)
Very good overview. Thank you! What are the benefits of decoupling the front end from the back end? What are the disadvantages? Binding from the Rest API looked smooth and straight forward in WeWeb! WeWeb looks more advanced than Webflow does. Does WeWeb export clean code?
Hi Jon! Here's an article about the pros and cons of a decoupled approach: www.weweb.io/blog/the-differences-between-monolithic-and-decoupled-no-code-tools Re the code exported, it's a standard Vue.js SPA but not squeaky clean for now. It includes some superfluous wrappers that we are in the process of removing to improve performances.
@@weweb Well written and helpful article. I've just started to try and understand how Xano works and if having an API add-in will be a major time saver. Also, if you can redefine relationships between tables or if you are locked in once you make a decision and move forward.
You are looking awesome
thank you for the video 🙏🏼
Hello and thank you for the tutorials ! How to change the size of typographies screen by screen with the styles in the library ? I couldnt do it so i used classes
cool, can't wait to try that with collections ! 🙂
it's not work. I get "ReferenceError: exports is not defined" every single package
We need pivot table functionality for large data
Great !
Very well explained. Thank you
11:45 Why is my div turning in to a flexbox and changing the column instead of splitting the first column in to two?
By default, a div component will have the flex property. The column component has been deprecated. But we added the grid property that handles columns better!
why are you guys not famous?
the xano snippet does not work with my new free account
the xano snippet does not work on my free account
lezzgo!
Finally!!! 🎉 thank you!
Finally! 🎉
Awesome JP! it's a very interesting video. I learnt how to use absolute position, Z axis, and effets in less than 10 min Thanks you.
JP instead of Doc Williams? 💪
🎉🎉 amazing
🔥
unfortunately i cannot find the card element like you did. is there a newer version?
Hi Dendee! You can now find the Card component inside of the Starter Kit Library!
Awesome work⚡️🚀
A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs
A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs
A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs
A plataforma esta cobrando indevidamento do cartão de crédito cadastrado, eles não dão retorno a equipe de suporto finaliza os tickets como resolvido mas não resolve nada, já abri mais de 10 ticketcs