- 170
- 1 004 783
The Digital Pro's NoCode Academy
United Kingdom
Приєднався 13 вер 2006
The Digital Pro's NoCode Academy UA-cam Channel is suitable for individuals who are new to this space and want to learn mobile and web application development using some of the worlds best #nocode and #lowcode tools. My popular approach to providing full slower paced walkthrough video content has received high praise across the UA-cam community.
With over 20 years experience as an application software developer and trainer, I bring a wealth of knowledge to the table. My content focuses on beginner-friendly training, providing full walkthrough examples that make learning easy and enjoyable.
I am delighted to be a FlutterFlow Europe Ambassador but also friends of alternative technologies which I will use across, not only my UA-cam Channel, but also my external NoCode Academy too. Feel free to reach out and of course I would be super delighted to welcome you to the community. Remember to also subscribe to my channel and hit the notification bell. 🚀
With over 20 years experience as an application software developer and trainer, I bring a wealth of knowledge to the table. My content focuses on beginner-friendly training, providing full walkthrough examples that make learning easy and enjoyable.
I am delighted to be a FlutterFlow Europe Ambassador but also friends of alternative technologies which I will use across, not only my UA-cam Channel, but also my external NoCode Academy too. Feel free to reach out and of course I would be super delighted to welcome you to the community. Remember to also subscribe to my channel and hit the notification bell. 🚀
Learning #FlutterFlow - Using JSON Paths with API's Walkthrough
I often produce examples for members of the #NoCode Academy to provide greater understanding of common approaches in #FlutterFlow. These series of videos are worthy for UA-cam to provide further examples to support others who are building their knowledge in FlutterFlow.
In this video I will demonstrate how to invoke an API and populate a ListView with data. I'll talk about the JSON structure we are working with and how it relates to JSON paths to get to right data we need for display. I will be using a very simple BuildShip Fake API which simulates a real API for use within FlutterFlow.
I hope you like this short video and it helps you build knowledge in FlutterFlow.
👍 Please do drop a Like on this video. Appreciate it.
_____
Example Project - app.flutterflow.io/project/n-c-a-api-flutter-flow-sample-7woj5w
🔥 Looking for more content? Checkout the details below!
_____
🚀 The Digital Pro's NoCode Academy: www.thedigitalpro.co.uk
(Support the channel and go ad-free! 😉)
🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee
👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutterflow
🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.
In this video I will demonstrate how to invoke an API and populate a ListView with data. I'll talk about the JSON structure we are working with and how it relates to JSON paths to get to right data we need for display. I will be using a very simple BuildShip Fake API which simulates a real API for use within FlutterFlow.
I hope you like this short video and it helps you build knowledge in FlutterFlow.
👍 Please do drop a Like on this video. Appreciate it.
_____
Example Project - app.flutterflow.io/project/n-c-a-api-flutter-flow-sample-7woj5w
🔥 Looking for more content? Checkout the details below!
_____
🚀 The Digital Pro's NoCode Academy: www.thedigitalpro.co.uk
(Support the channel and go ad-free! 😉)
🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee
👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutterflow
🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.
Переглядів: 337
Відео
Up & Running with #CloudFlare Workers using AI - Part 2
Переглядів 22914 днів тому
In Part 1 (linked below) we got ourselves up and running with #CloudFlare Workers using AI (Cursor) to write all the code. In this Part 2 we will create a realworld scenario for protecting our API keys, serverside, to prevent exposure of our key assets. We will integrate our worker with a thirdparty API which returns weather information. This in turn will then be returned to our frontend projec...
Up & Running with #CloudFlare Workers using AI - Part 1
Переглядів 28614 днів тому
#Cloudflare Workers is a platform that lets developers run small pieces of code, written primarily in JavaScript or TypeScript on Cloudflare’s global network of over 300 locations. These small programs, or "workers" are excellent for handling tasks like APIs, web request handling or modifying responses to users. In this series I will walk you through getting up and running with CloudFlare using...
Build a Multi-Tenant #Supabase Project + #FlutterFlow Role based app
Переглядів 3,3 тис.Місяць тому
In this video, you'll learn how to build a secure role-based multi-tenant application using #Supabase. We'll use Row-Level Security (RLS) to ensure that regular users can manage their own data, while admins can manage all data within their company. This tutorial covers setting up the database, implementing role-based permissions, creating a scalable multi-tenant design where data is securely is...
#BuildShip V2 - Exclusive FIRST Look! - New Features & Enhancements
Переглядів 1,4 тис.Місяць тому
I was given exclusive access to the new BuildShip V2 and this video walks you through the main new features and product enhancements. If you use #BuildShip v1 or you are interested in learning more about what BuildShip v2 has to offer you do not want to miss this video. 🔥 Looking for more content? Checkout the details below! Chapters 00:00 Introduction 01:23 Overview of Build Chip V2 02:10 New ...
Using DataTypes with API Responses in #FlutterFlow
Переглядів 840Місяць тому
In this short bitesize video I will demonstrate how to consume API responses and use the power of DataType's to map these responses to DataType objects. This simple technique will empower you to work with data in a much more convenient way within #FlutterFlow. 🔥 Looking for more content? Why not join The Digital Pro's NoCode Academy? Link below. Chapters 00:00 Introduction 00:34 Setting up a Fa...
#Bolt - Quick look at deployment and some initial thoughts!
Переглядів 833Місяць тому
I wanted to create a short followup video from the last one to cover a first look at deployment. I'll also share a few observations along the way on my initial experiences with using #Bolt. Very much looking forward to covering more about bolt on the channel. I will be created some sophisticated #nocode builds very soon! Stay tuned! 👍 Would you like to see more Bolt app builds! Let me know in t...
#Bolt - I built my first #nocode app using this #AI builder - Success?
Переглядів 6 тис.Місяць тому
In this video I attempt to build my first #nocode app using #bolt which is a full stack web app builder. I attempt to integrate with an an external API which I built in #BuildShip! Checkout the video to see if I was successful. Bolt.new is a development sandbox powered by #AI from #StackBlitz, designed to facilitate the creation of full-stack web applications. It allows users to prompt, run, ed...
Build a #FlutterFlow MineSweeper Game using AI - Full Walkthrough
Переглядів 1,6 тис.2 місяці тому
In this comprehensive tutorial video I will demonstrate how to use the power of #ChatGPT to build out a functional version of the classic game called #MineSweeper. #AI is a powerful addition to your FlutterFlow toolset and used in the right way you can create some amazing interactive games which can be fully used with #FlutterFlow. This video walks you through the progressive steps to build thi...
#FlutterFlow - Add 3600+ fresh Icons to your project!
Переглядів 1,7 тис.3 місяці тому
In this video I will walk you through, in a few steps, on how to add a nice selection of Tabler Icons to your #FlutterFlow project. Give you app an extra boost by using a different set of icons instead of the ones which are bundled with your project by default. Hope you enjoy this video! This video is not sponsored or endorsed by tabler but I highly recommend checking out their website at table...
#FlutterFlow Crashcourse 2024 - SE02 - Final App Walkthrough
Переглядів 1,7 тис.3 місяці тому
Welcome to my Season 2 #FlutterFlow Crashcourse for 2024. In this video we conclude the series early and I explain the reasoning behind this. I then take time to commence walking you through the main key parts of the project and how they function. I have provided a link below to the final FlutterFlow project which can be explored on your own. Additionally you will also find a downloadable link ...
#FlutterFlow Crashcourse 2024 - SE02 - Episode 8 - Code Expressions
Переглядів 1,1 тис.4 місяці тому
Welcome to my Season 2 #FlutterFlow Crashcourse for 2024. In this episode we continue to enhance the home page of our application to calculate the percentage of tasks completed against the total number of tasks. Firstly we construct the UI which will represent the percentage indicator and then get to work on using Code Expressions to perform the calculation. Additionally we also use a similar c...
#FlutterFlow Crashcourse 2024 - SE02 - Episode 7 - SQLite Read & ListView
Переглядів 1,6 тис.4 місяці тому
Welcome to my Season 2 #FlutterFlow Crashcourse for 2024. In this video we firstly enable our FAB button to display the Create Goals Component using the Bottom Bar. We then move on to constructing the SQLite Read Query which will return back a list of our goals in ascending order. Next we bind this query to our ListView widget on the homepage. Finally in this episode we resolve a database probl...
#FlutterFlow Crashcourse 2024 - SE02 - Episode 6 - SQLite Insert
Переглядів 1,3 тис.4 місяці тому
Welcome to my Season 2 #FlutterFlow Crashcourse for 2024. In this episode we primarily focus on implementing our first #SQLite database action which is an insert. We need to provide our user with the ability to insert data, which is keyed in by the user, to our database. I will show you how to correctly setup our database and the first query and we will hook this up to our create button. Additi...
#FlutterFlow Crashcourse 2024 - SE02 - Episode 5 - First UI Component(s)
Переглядів 1,2 тис.4 місяці тому
Welcome to my Season 2 #FlutterFlow Crashcourse for 2024. In this episode we commence the construction of some important components which we are going to use in our application. Firstly we create a component which will allow us to enter goals in to our application. We additionally then create a series of components which we will reuse throughout the remainder of our project. As always if you ar...
#FlutterFlow Crashcourse 2024 - SE02 - Episode 4 - Initial UI Page Construction
Переглядів 1,4 тис.4 місяці тому
#FlutterFlow Crashcourse 2024 - SE02 - Episode 4 - Initial UI Page Construction
#FlutterFlow Crashcourse 2024 - SE02 - Episode 2 - Demo, Tools, Starter Project
Переглядів 1,6 тис.4 місяці тому
#FlutterFlow Crashcourse 2024 - SE02 - Episode 2 - Demo, Tools, Starter Project
#FlutterFlow Crashcourse 2024 - SE02 - Episode 1 - Series Introduction
Переглядів 2,3 тис.4 місяці тому
#FlutterFlow Crashcourse 2024 - SE02 - Episode 1 - Series Introduction
#FlutterFlow Crashcourse 2024 - SE02 - Episode 3 - Demo, Tools, Starter Project
Переглядів 1,7 тис.5 місяців тому
#FlutterFlow Crashcourse 2024 - SE02 - Episode 3 - Demo, Tools, Starter Project
#n8n Up and Running for FREE in 2024 - Full Setup Walkthrough
Переглядів 3,5 тис.5 місяців тому
#n8n Up and Running for FREE in 2024 - Full Setup Walkthrough
#FlutterFlow Drag & Drop - #Firebase Update - Full Walkthrough!
Переглядів 1,2 тис.5 місяців тому
#FlutterFlow Drag & Drop - #Firebase Update - Full Walkthrough!
#Supabase Add Infinite Scrolling to your #FlutterFlow App
Переглядів 3,1 тис.6 місяців тому
#Supabase Add Infinite Scrolling to your #FlutterFlow App
#BuildShip Foundation Course 2024 - Return Nodes + #FlutterFlow DataTypes
Переглядів 6536 місяців тому
#BuildShip Foundation Course 2024 - Return Nodes #FlutterFlow DataTypes
Build a #FlutterFlow Favourites Feature using #Supabase - Full Walkthrough
Переглядів 3,8 тис.6 місяців тому
Build a #FlutterFlow Favourites Feature using #Supabase - Full Walkthrough
#Supabase User Profile Creation in #FlutterFlow App Sign-up - 2024 Edition
Переглядів 4,8 тис.6 місяців тому
#Supabase User Profile Creation in #FlutterFlow App Sign-up - 2024 Edition
Styling Assistant Chat in #FlutterFlow using Markdown - Full Walkthrough
Переглядів 2 тис.6 місяців тому
Styling Assistant Chat in #FlutterFlow using Markdown - Full Walkthrough
#FlutterFlow #Supabase Assistant Chat App + History + Streaming
Переглядів 3,3 тис.6 місяців тому
#FlutterFlow #Supabase Assistant Chat App History Streaming
#BuildShip Foundation Course 2024 - Decision : Branch Node
Переглядів 4847 місяців тому
#BuildShip Foundation Course 2024 - Decision : Branch Node
#BuildShip Foundation Course 2024 - Form to Email in #FlutterFlow
Переглядів 1,1 тис.7 місяців тому
#BuildShip Foundation Course 2024 - Form to Email in #FlutterFlow
#BuildShip Foundation Course 2024 - Node Anatomy
Переглядів 3507 місяців тому
#BuildShip Foundation Course 2024 - Node Anatomy
hi, why do you keep making a container and then a column inside a container, why don't you just make a column? doesn't a column already serve as a container?
Hello. You can constrain and style a container. Columns are purely used to holding child widgets which can be positioned vertical or horizontal.
@@the_digitalpro thanks, are there courses in your membership that aren’t on UA-cam? I checked your website and can’t tell - It’s very ambiguous about what's included the membership other than a community
how can I order and filter items??
We have an issue: when we load the page, the posts that have been liked do not load correctly. It resets and allows the user to like them again. Normally, a post should be liked only once.
Can you create a video that explains step-by-step for beginners how to use FlutterFlow custom actions, such as adding or removing a user ID from a Supabase list, and how to utilize it for RPC?
Thanks for the great tutorials! Is there a way in Flutterflow to customize the error notification received by Auth login, register and update credentials?
I am elementor expert in website creating . wondering the flutterflow able to create apps and website with drag & drop or I will need to learn codes? please let me know am i able to creare ecommerce apps and website with flutterflow and if you have any paid course available..
dang so hard to catch on,, i try my best to understand, i had problem with languange barrier and the logic it self, if just blind following it i stil can do it, but to understand the logic, i try my best
Would be great if you can continue this series with: invite user's to a company team by email.
thanks for tutorial sir, but in addiition in section wrap widget, you need conditional visionability in if first,, i just got what missing on that "why i cant create wrap, oh because conditional visionability from past section at else"
Superbase has changed it's layout this video is no longer correct.
at 6:56 why applying the child alignement to the stack instead of the NoteDeleteContainer? The notedeletecontainer has only one child so it would work too right?
Hi, I don't understand why, when I try to run an SQL query directly in DB Browser for SQLite, I don't see any data stored there. However, inside FlutterFlow, I can see all the records. Is FlutterFlow copying the database or using a reference?
Hello folks, my application is running fine on the 'Preview' Mode but the homepage is being shown blank on testing. Can anyone help me with this?
Uncaught Error: PostgrestException(message: relation "goals" does not exist, code: 42P01, details: , hint: null). imm getting this error at 4:01:52. Could you explain what i'm doing wrong? BEGIN IF (TG_OP = 'INSERT') THEN -- Increment the no_tasks field in the goals table UPDATE goals SET no_tasks = no_tasks + 1 WHERE id = NEW.goal_id; RETURN NEW; END IF; RETURN NULL; -- Return NULL for unsupported operations END;
Hello. Silly question first. Can you confirm that your table name is actually goals
@@the_digitalpro Found it finally, the bug was that the table name was uppercase. Supabase does not support uppercase table names in order to use in triggers or functions.
I really love this thanks
You're welcome 😊 hope it was useful.
@the_digitalpro very, actually ♥️
Im having trouble adding the username and phone number on the profile data, i added in the authentication but id doesnt work on the profile table
Hello, do you have any tutorial paid or free on how to use one signal with buildship notification thank you
🔥Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
Thank you very much, very well explained and complete, everything went well following your tutorial.
@@miroslavalaropa awesome thank you very much for the feedback.
Muito obrigado pelo vídeo, me ajudou em um problema que tinha a um bom tempo!!!
Thanks for the great tutorial as always. I would appreciate it if you could merge this with a flutterflow use case. I'm curious how you would define the API there. Also, that would eliminate the need for Private API calls from Flutterflow via Firebase, right?
Hello thanks. Yes I did not do anything specific with FlutterFlow in this video because, in general, any regular API call would work fine. I'll come up with a scenario and do something a little more end to end. Thanks.
Is there any advantages using this over edge functions on supabase?
Edge functions would be fine if you want to keep these functions close to your database. You'll get a performance boost with CloudFlare workers being that users would access a worker close to them to reduce latency.
I'm glad to know that you use the same tech stack as me: flutterflow, supabase, cursor and cloudflare
🔥Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
🔥Looking for more content, further content, and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at www.thedigitalpro.co.uk
Greetings. I have a question. For example, if I am designing a web application the AppBar would be the most correct to create the Header of the application? Could the AppBar contain a search bar, buttons, login, among other things?
Hi friend, congratulations for this very complete and useful video. I have a question for you: if in my use case I have an Events table, another tickets table, buyers and sellers, should I do the same process for each of them as you do for the tasks (todos) table?
The trigger nukes my ability to add profiles manually entirely :/
Yes of course but why would you want to add profiles manually? You need to try and automate as much as you can.
@@the_digitalpro I get an error when wanting to create auth users @10:05 after setting up the function & trigger. I can add users like this without this trigger tho
Nice nice nice! I want to join the membership, is there any tutorial on creating a courier app?
I tried this in my project and the runId is not being created (I checked in the debug window). I tried with my api key and assistant id in your project after cloning it and it was working then, but not in my project. Then I changed the second header in your project from v1 to v2 and it stopped working in your project too, with the same error of no runId displaying in the debug window. After that I tried making it back to v1, even deleting and recloning the project, but still it won't work. I don't get the problem, nothing is changed, and it was working before, and not working now. Can you help me?
I'm at the 6th minute and I've been getting a lot of errors. I've been dealing with this for days.
Crazy that you can’t even put triggers directly on the auth schema anymore! but I get it. Was probably causing issues. Gotta learn about webhooks now I guess
I tried looking at how long Open AI retains the memory for the thread ID, but it seems they dont reveal that!
I have an important question would you answer:- So , I am making a project that needs Flipkart, ecommerce site to show in web view but the problem is not showing it shows refused to connect. I try to bypass it but the error remains and I need to implement in my app only not to open it externally. So kindly tell me is it possible to do it in flutterflow or not . My final year project needs to be completed and it's a very big thing I have to add. Kindly help./
Use launch url i think flutterflow is very incapable to get any results for you
Дядька, спасибо тебе! Теперь я умею в Flutter Flow. 😎 Спасибо за то, что ты делаешь. Спасибо за науку. Что нас бестолковых учишь уму разуму. Не знаю, прочитаешь ты или нет, но пусть в твоей жизни всё будет хорошо. Желаю тебе здоровья, двойной отпуск и тройной оклад!
I did everything in this video (because the FF app that I developed last year stopped working with v2), so this was my upgrade to make FF compatible with Supabase v2. And that was 2 days ago, and now Supabase is telling me that I've run out of 2,000,000 Realtime Messages allowed in their Free plan (and I'm the only real user of this app which is still in development). On day 1 it generated a whopping 765,000 Realtime Messages, on day 2 - 472,000 Realtime Messages, and now the app no longer runs because Supabase is kinda "frozen" until I upgrade to a Pro plan (which I will not do for an app which hasn't even been launched yet), or wait 1 month till next billing cycle and the replenishment of the quota. So, while your tutorial is very good (and I'm very thankful for it), it does not really provide a plausible/lasting solution even for an app that's in development because subscribing to the whole table in Realtime will exhaust your 2,000,000 free quota very very quickly. The table that I've turned Realtime on has 30 columns (only 7 of those require to be "Realtime"), and only ~800 rows (only a few, like 1-4 of them are requiring to be Realtime at any one time). Is there a way to limit the Realtime subscription to just a 7 specific columns and say 10 rows depending on the timedate value and status value??? Many thanks!
Amazing! Congratulations on your teaching.
Thank you so much 👍
I followed this tutorial's steps closely, but I'm still getting an empty page with a loader rotating - no results. I still don't understand why you're doing nextPageIndex*limit. At first it will give you 0*10=0 and later it will give you 10*10=100. Shouldn't it be nextPageIndex+limit?
wow lol a whole 39 minutes video for that simple app, at least its explained in detail
Having an issue in test mode where the bottomsheet component is not visible. Works fine in preview mode
Hi ! What are the changes to comply with Supabase version 2?
i have problems it doesnt work with my project idk why
@dejanmarkovic1974 I managed to adjust the code for supabase version 2. If you want I can send it to you.
Really great video as always!
@Dreysimmons thank you Drey always a pleasure
Please teach more about Google maps and markers
Love the way your videos throw in extra nuggets of knowledge alongside the core concept that's being explained. Like showing how to make good use of the stack and transform widgets to create that little arrow.
@DQ940 ah thank you very much. I do find i pretty much do this without thinking sometimes. So long as I do not go too far off track.
After being misguided by your previous video, which is outdated and ended up creating a SUPA-bug and wasting 7 hours, this video is the correct way forward. Thank you so much!!! What I (and I'm sure many other viewers) would appreciate for future content are guides on more advanced user signup management - SMTP setup, verification emails sent, forgot password emails sent, sign-ups using phone number and 2FA after 6-digit code dispatch, Google signup, facebook signup, invite a friend functionality, manage users UI for admins, how to manage roles etc. Thanks in advance.
This helped me a lot. I was planning to build a school system where teachers can send assignments to students, so that each student can only see assignments for his or her class.
@amiirhamse-j2m this is perfect for this specific example other than terminology. Good luck.
Hi. I subscribed to your channel. I love flutterflow and i need an help from expert. I have the standard version. So i can download code, APK and so on. On Google Play Console i upload without any issue an AAB from my first version App (i used a free Tool to convert APK to AAB). After that i am not able to upload any other app version because of a Google Console error saying the versione code 1 is already used. I tried to change version from flutterflow console, to change version in the code and re-compiling it using Visual Studio Code, nothing...always the same error. Please help me with some hints or suggestion. Thanks a lot. Raffaele
Sad to know there is no Paypal option to join NoCode academy. It is much safer than to input Card details and SV Code
Hello. I'm sorry about that. The only reassurance I can give is that it uses a well established platform from mighty networks integrated in to Stripe for payments. So certainly a high standard. The Academy is primarily non profit.
Sad to know there is no Paypal option to join NoCode academy. It is much safer than to input Card details and SV Code
Can this be done also using Firebase instead of Supabase?