CHATGPT RELEASES A CODING BUDDY! FULL BEGINNER’S GUIDE
18:49

CHATGPT RELEASES A CODING BUDDY! FULL BEGINNER’S GUIDE

Alex Finn 15.11.2024 14 077 просмотров 456 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
In this video I introduce you to ChatGPT's amazing new feature 'Work With'. Work With is basically a coding buddy that hooks into other applications on your computer so it can hand hold you through building! I'll walk you through the new functionality and then show you how to build a mobile app with it in Xcode. Make sure to follow my X and subscribe to my newsletter! X: https://x.com/AlexFinnX Newsletter: https://www.1percentbetter.io/subscribe Make sure to download the ChatGPT Desktop app and Xcode from the App Store! 0:00 Work With intro 2:07 Set up 3:37 Setting up Work With 3:53 Planning the app 6:00 Start coding with Xcode 8:34 Test first version 11:21 Adding new expenses 13:11 Adding categories 16:07 Adding a chart 17:09 Final product #ai #chatgpt #artificialintelegence #programming #coding #workwith

Оглавление (10 сегментов)

  1. 0:00 Work With intro 507 сл.
  2. 2:07 Set up 346 сл.
  3. 3:37 Setting up Work With 69 сл.
  4. 3:53 Planning the app 493 сл.
  5. 6:00 Start coding with Xcode 592 сл.
  6. 8:34 Test first version 616 сл.
  7. 11:21 Adding new expenses 403 сл.
  8. 13:11 Adding categories 581 сл.
  9. 16:07 Adding a chart 205 сл.
  10. 17:09 Final product 365 сл.
0:00

Work With intro

chat GPT just released a mindblowing new feature that makes it really easy for anyone to build apps very quickly in this video I'm going to show you how to use this new feature to build your own mobile app zero coding experience required we're not going to write a single line of code you'll have an entire mobile app by the end I think this new feature is absolutely massive and shows which direction Chad GPT is going in this new feature is called work with and it hooks into all the other apps in your computer so chat GPT knows what's going on with your computer so it basically can see what's going on tell you what to do and help you build apps by yourself this is really cool functionality I think it's the first step towards AI agents it's super important every time chat GPT or any of these AI tools come out with new functionality that you master it right away because every new feature comes with new opportunity if you're able to master those new features you can create products that other people want to use and you'll find money-making opportunities this is one of those features you need to master so you need to lock in now so lock in follow along with me and if you follow along you're going to have your own working mobile app by the end and you'll be a master of all of chat gpt's new features you'll be an AI God so here's the plan and what we're going to do I'm going to show you exactly what you need to download it's all free it's all simple just follow along with me then I'll show you how to use the new functionality it to build out really cool apps very easily and then at the end you'll be able to go to your friends and family and say hey look how smart I am I'm an AI master so starting with what you see here this is chat GPT for Ma right now it's only out on Mac you can download this I'll put a link down below completely free download it get it up and running uh when you do that you'll have the new feature right here in the chat this is work with right here basically hooks into all your different apps on your computer can hook into xcode which is what we're going to use today to build a mobile app you can hook into text edit which I'm going to actually show you how to do in a second as well so we can plan out the mobile app and a whole bunch of new features it's really cool cuz it can understand everything that's going on in that app on your screen so that I can say hey let's do this put this in copy paste this in it's really awesome and it's going to handhold us through building an entire app so first step get
2:07

Set up

chat GPT installed very quick then what we're going to want to do is install xcode so this is what work with pairs with xcode is the Mac software that allows you to build iPhone apps what you're going to want to do is go to the App Store to download this if you and just search xcode come in here download X code it's completely free when you download it make sure to just check off iOS CU we're just going to be building iOS apps that'll do the quickest install and once you have that you're good to go you have all the software you need so feel free to pause here download those two apps you'll be good to go and then I'll just show you real quick how to set up xcode once you have xcode installed and good to go you'll see this screen when you open it up if you don't you can just click at the top say file new project once you're in here you can just click on app you can click next what I'm doing is I'm setting up a new iOS project so we can build this app out with Chad GPT then you can give it a name for this we're going to be building an expense tracker it's going to be a really cool Simple app I think it's going to be very helpful so feel free to call whatever you want to build if you want to follow along me we'll do expenses click next and then you can just create a new folder to put this app in once you do that you'll have the app set up here and now we can start building with the new chat GPT functionality work with this is where things get really cool so we're going to put code to a side for a second and we're going to start doing some planning with chat GPT and I'm going to show you the power of this new work with functionality so again what workwith
3:37

Setting up Work With

allows you to do is it can hook into different apps right so I hooked it into xcode so it's able to see all the code our on our screen one other thing I wanted to hook it into is text edit so hit Plus on text edit so it can pair up there and now it can read anything we have in our text editor from there open
3:53

Planning the app

up text edit and what I really like to do before I build out any app with AI is plan out the app these are this is going to be all our app requirements so I opened up text editor I put in all our app requirements feel free to do this as well with me if you want to build the app out with me which I highly recommend doing so basically what I put in the text editor is all the requirements for this app so I put in it's an expense tracking app I want to build that has the following functionality and I made a list of all the features and requirements I have the ability to add new expenses each expense is a title cost and category each category has color coding make sure we put a graph on under the expenses I put all our requirements in here so that Chad GPT is going to know what we want so what's really cool is it's hooked in text edit so it can see all my requirements so I can basically chat with the notepad right so I say can you see the requirements in my text edit for the mobile app I send that and it says yes I see the requirements so it can see all the requirements from that text editor so it knows exactly what to do and at the same time it can it's hooked into xcode so it Sayes okay I can see your xcode set up as well so it has all the context of everything on my computer there has never been AI functionality like this before this is really cool this is going to make it so much easier to build stuff so let's do this let's say please give me a game plan for building this app so it's going to go into my text header see my requirements and give me an entire game plan for building this app out in xcode what we're going to do in a second is we're going to work step by step with chat GPT to build out this plan in xcode so that we can build this app very easily okay here's a step-by-step plan to help build out your expense tracking app set up the project so it has me all the instructions setting up the project everything step by- step color mapping polishing the interface this is pretty amazing this is based all on me writing in a notepad these six requirements right here and now it's got me an entire plan it's hooked into my notepad xcode it can now orchestrate me like a little puppet to build all the stuff out I mean what's really powerful about this is like if I had zero programming experience at all I'd be able to do this I can now build whatever I want okay so here's what I
6:00

Start coding with Xcode

did I put xcode over on the screen so now we can start doing some live coding with chat GPT so what I'm going to do is tell chat GPT let's do this step by step pretend as if I've never coded before in my life let's make this simple what is step one for building this app and ask code feel free to write code I can then copy and paste over and I send this over so what it's doing is it's taking its requirements it's looking at xcode and it's going to give me step by step on what I need to do okay so it's building all St that showed me how to open up xcode all right so first thing we need to do is Define the expense model in this step we'll create a basic structure to represent each expense item in the app we'll call this expense in the project navigator on the left rightclick the expenses folder so it's telling me exactly what to do step by step which is so cool it knows exactly what I'm doing on the screen and then select new file and then name it expense. Swift okay so we have the new file we're going to name it expense. Swift we're doing exactly what chat GPT is telling us to do so expense. Swift we open up expense. Swift open expense. Swift and replace the content with the following code wrote all the code for us easy peasy copy paste boom this expense has three main properties title cost and category so this is really cool you know not only is it giving us the code but it's teaching us how the code works and what it does which I think is super important right you don't want to just copy and paste the code and has it up and running like you want to learn what you're doing along the way so as you go you can build more and more complex stuff and frankly it's just fun to learn how all this stuff works so next we want to set up the content view now let's display a simple message on the main screen and confirm everything is working open content view. Swift perfect we do that replace the existing code with this all right we're going to copy that paste that in hit save what's amazing is the moment you hit save it opens up the preview down here so we can see welcome to expenses app so we're already building the app we're already we're getting instant gratification instant feedback on what we're building which is really cool okay and then run the app click the play button at the top X code to build an app in the simulator you should see welcome to the expenses app so if you wanted to you can get a simulator by hitting the play button up here I like the little preview down here when you hit play it pops open this really sick simulator which you can keep open on your screen if you want basically a full workking iPhone right here and it takes the app you just built and it pops it open so you can see your app live preview in here as this is building if you learned anything new make sure to hit the subscribe button turn on the Bell notification for all the latest AI breaking news and leave a like it opens the app and then you can
8:34

Test first version

see the working app in the simulator which is really cool to see your code just working that you just built it's a really cool feeling so we'll move this back over all right once you see the message of Simulator for all that's all for step one this confirms X code is set up correctly and your code is running all right let's go to step two ready for step two really the way you want to treat this is if it's like your employee or your partner and you go okay walk me through this let's do it you can talk to it just like a human being so let's go ready for step two here we go great in step two we'll create a way to display a list of expenses on the screen and start building logic to manage our expenses this will involve creating a view model okay so it goes in here now in xcode right click the expenses folder in the Navigator and select new file all right so we're going to do new file and we're going to name this expense view model. Swift expens viw model. swift there we go open expense View model and paste the following code wrote the code for us easy peasy hit save okay and then it gives us a nice explanation which is so sick the expense view model class will manage our expenses list published means that any change the expenses array will okay so it explains the code goes into technical detail which is awesome and then now we need to display the expenses in the list so let's go back into content view for those who don't know the content views like your main view which takes all your other code puts it into your main component so we're in content view open and I'll replace the existing code with the following so you take that code put in here paste save okay so now let's run this and see what it looks like I get so excited every time I hit the play button so I can see what our code does I like to see my work in real time it's like opening up a present on Christmas morning let see what we got let's see how this works let's see how let's see what we built here your expenses let's click add expense boom it gives us that's pretty good looking we got a few more steps to go here but so far so good I like the way this looks I imagine the next step's going to be able to do custom expenses so let's close the simulator here let's move on to the next step boom let's do this awesome in step three we'll add a form to input new expenses exactly as I thought we're going to be able to put in custom expenses ourself so let's do this in X code right click the expenses folder and add a new file that's called add expense view okay new empty file and we're calling it add expense view boom we're in there add the following code we copy that we put it in we hit save there we go all right we scroll down it explains how the code Works love it feel free to pause read how it all works so you can learn as we go along and then update the content view to show the ad expense form so we're going back into content view we're copying this and we're putting this puppy back in we just copy paste put it in love it save now let's run the
11:21

Adding new expenses

app and see how this works we'll replace what's currently in there all right boot it up let's see what happens when we do add new expense moment of truth wow okay so it does a little bit of a popup there wow okay now let's give it a title chat GPT Premium cost what this cost 20 bucks a month category AI let's add that expense save it boom there it is there's our expense this is sick we have listen if I wanted to I could download this onto my phone put it on the App Store start selling it for five bucks and start making a living off this right that's the power of what we got here is the fact that you can now start building your own product side hustles and start creating other side incomes which is really sick but we're not done yet we got more to do let's add a cool little chart so let's go back here and say we're ready for step four I close out of the simulator let's move on to the next step and then also let's give a little compliment great work so far by the way I like to be nice to my I to treat it kindly treat it like a lady you know here we go thank you Alex I'm glad it's been helpful so far you know I'm build having a friend here if you feel a little lonely make an AI friend for yourself all right so here we go next we're going to add colorcoded categories all right to keep things simple we'll Define a few basic categories and assign each a color food entertainment bills miscellaneous all right so we're going to start adding the color coding in so we're going to open expense. Swift we're going to copy the code we're going to put it in it explains the code we'll keep it moving for now though display category colors in content view so then we go into content view. Swift copy this paste it in hit save it explains it now let's run the app let's see if we have some color coded look how easy this is right if we were doing this on our own this would take hours to get to the point where we are with AI we've done this in what a few minutes pretty
13:11

Adding categories

incredible I mean this is legitimately saving you hours of time all right let's add a new expense we're going to say double cheeseburger double cheeseburger nowadays 12 is 12 bucks we'll call it food save the expense all we get that color coding let's see now let's try with entertainment all right let's see here I just got Call of Duty so let's do that cost what was it a video game cost nowadays 70 bucks unreal and then we'll call it entertainment save boom green we got the color code and this is looking good I think the next step is probably building out the chart so let's move on to the next step let's close this out say looks great Next Step please let's move on here all right it's time for step five we're going to build the line chart just as I expected in X code in the expenses folder do a new file called daily spending chart view got it new empty file boom all right we open it up take our new code paste it in I mean it's just really cool the fact that chat GPT now has a hook into everything it can see everything you're doing on your computer to help you out which is really cool okay this is good we ran into a bug let's fix the bug I'm going to show you how to debug with this new functionality so we got some issues here so let's debug this real quick looks like we have a bug on the for each in the line chart it has errors can you see it so let's see if it can see the errors on the screen this should be cool yes I can see the errors so let's troubleshoot it this is sick so it can see what's going on my screen I don't even have to describe what's going on it goes okay let's fix this all right so it's telling me to go in expense view model we copy the code let's paste it in save it and then in Daily spending chart view come in here once it return and ensure the for each line Looks like this all right let's take this new code here all right it looks like it fixed the issue all we had to do is put in that new code and it's all fixed that's sick so was able to look at the screen see what's wrong okay put this code in you're good to go new everything that's going on that's really sick it's like I have a little partner here to my right just looking at the screen okay yeah do this do this like a little uh coding mentor which is awesome all right now let's move let's go back and let's move on to the next step and then add the chart to content view so open up content view copy this we can paste that in save that that's good to go now let's run the app I'm excited about this update one let's go replace I drink a lot of black coffee this morning if you can't tell I'm feeling pretty good cheers if you're drinking coffee right now as this loads by the way been drinking pour over black coffee lately best tasting coffee I've ever had let's see what we get here I'm excited for this one all right let's add a new
16:07

Adding a chart

expense let's say YouTube premium I think YouTube premium is now costing me about $1,000 a month category entertainment save the expense let's see what we get here okay daily spending okay we got a little chart here let's add a new expense we'll go burrito cost burritos in the new world are $100 let's go food save expense all right so it looks like it has the chart the chart's not updating this is good let's go back into chat GPT and get this fixed all right so looks like all the bugs are gone but the chart doesn't have any lines on it representing the expenses let's send that if the chart is expain but doesn't show any lines it may be due to the Daily spend data array not containing any actual data here's a checklist okay so it's going to give me a few things we can fix here copy this we'll paste in the code here all right then let's run this all right here we go let's test this out let's see if this works I'm I have High Hopes I think this is going to be the good one a winner oh look at that so it came
17:09

Final product

be a winner oh look at that so it came with some sample expenses I like that before we add new ones it has some samples and you can see the chart that looks amazing we now have an entire expense tracking app we can upload to the App Store if we want get it approved start selling it make a little money if you have a 9 to5 what did this take 10 minutes to build you can spend 10 minutes tonight using chat gpt's new functionality to build out your own apps right this is incredible right you can start your own side business now with zero knowledge necessary of programming you need to be trying out every new AI feature that releases the reason being is the people who go use this feature can now build apps quicker than ever and can now start putting apps on the store and making money that's why it's so important to jump on these new features I think this is a massive new feature for jat GPT that should not be overlooked I think this is step one of having full AI agents on your computer through chat GPT right because once workwith can understand everything going on your computer it can then start controlling it as the next step which is basically how AI agents work right imagine now if it had the functionality I can go in there and say okay now build this app for me and not only is it explaining how to do everything but then it's going and actually writing the code itself this is the first step towards that so this is a really incredible new feature from chat GPT that I think probably all the other AIS are probably going to copy next if you learned anything new make sure to hit the Subscribe button turn on the Bell notification the moment any new AI features come out I immediately make a video about it hit the like and then let me know in the replies what you want to see me build next in the next video everything is based on user feedback see you then

Ещё от Alex Finn

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться