Learn AI Engineering to Web Development with Scrimba

--- type: transcript date: 2024-10-05 youtube_id: 5wWj_P_c5YA --- # Transcript: Learn AI Engineering to Web Development with Scrimba this is by far the most impressive platform for learning development that I've ever seen I had scriber reach out and asked me if I wanted to do a video on their platform I am genuinely blown away I'm just going to demonstrate quickly what this is what you have here is a simple what looks to be like a code editor but what's wild with this is if I go ahead and I click play I'll just show you a quick example here and then I'll go into the platform a little bit let's try again and there we are we have gone out first results back from the open AR API now let me just copy everything we got all right so let's pause that the remarkable thing that they built here is it's really a cross between a video player as well as an interactive code editor and at any point in any of the videos that they have you can just pause the video and begin to use it as if you were in your IDE which is really just remarkable in terms of learning new Concepts just to show you quickly let's say you are a helpful general knowledge expert who are the founders of open AI we just swapped out the model and we swapped out the string here and if I click run there we go open AI was founded on December 15th by Elon Musk Sam Alman this is just wild in this video I'm going to give you a quick overview on the platform I'm going to put the link within the description of the video as well as a pin comment I believe at time of recording it's around 80% of the content on this platform is completely for free you're definitely going to be able to learn something from this there's really something for everyone here as soon as you go over to scrim but you'll see a number of different featured courses here and what you can also do is you can check out the course View and then you can go through and you have the ability to search for free courses you can select whether you want to check out AI courses so say if you want to build your first AI web app you can do that with chat gbt Dolly and gbd4 if you want to learn how to code with AI there's a segment on that there there's a ton of Rich web development content within here whether you want to learn JavaScript or more advanced topics there's also a ton of content around CSS react even some courses on UI design and even a python course here just for example sake I'm going to be showing you the AI engineer path within this course there's a ton of different sections here from the intro through the deployment it will show you how to set things up and deploy to cloudflare workers how to deploy a site to cloudflare pages and within all of these just like I showed you in the previous example is if you go within say one of these videos let's start by creating an assist now before we make sure that you have your open AI API and that you added environment variable on scrimo with the name open AI apx just like that this will allow you to run the load in the screen and make requests to the open AI API so at any point if you want to pause if you want to try out a different example you have that tactile field where you can just jump in and start editing the code but where this becomes great is there's not just a quiz at the end of each section it's really encouraging you to build things out right within the interface here so in just a moment I'm going to dive into the AI engineer path but first I want to show you a few other pieces of the platform So within projects if you're the type of person that just loves to build things there's a ton of different examples in here if you want to Dive Right into building out different projects to get that muscle memory you can go within templates now within templates there are these ready-made pieces of code so as you start to learn these different concepts of whatever it might be so say mrol chat for instance you can go within here and you have these reusable pieces where you can start to build out your application all just one click away and it's pretty much instantaneous you can go to a python environment just like that and you can execute code just to show you I can click run I can go over to this example with react state it will go ahead and load this up it is really quick in terms of a platform there is really no other platform that I've seen quite like this for instance there are different career paths as well say if you want to go down the front-end developers career path it will go through the basics of web development all the way through tips on getting hired this will give you everything from the web development Basics learning HTML CSS and JavaScript all the way through to tips on getting hired so using LinkedIn front-end job interviews interview challenges react interview questions and what have you the other thing that's unique with a platform is there's going to be different periods where you're going to have to pra platform is you'll get to a particular section where you actually have to write out codes for instance if I click objects and functions here and I click play okay in this challenge you're going to practice objects and functions so first you are going to create a person object that contains three keys for instance at any point you can just start coding this out let's just say we're going to create our person object and it's going to be something like this we're going to have name we'll say developers digest age I have no idea what people think my age is that could be interesting country so the great thing with this is you can just start coding it out you can go person any again this is going to be from the context of you learning right it might take you a little bit of time it might take you multiple tries as you're starting to understand different topics and what have you but you can just start playing around with it right then at any point if you just start going on to say the next example here so here if we just pass in the object or what have you and then it's going to return whatever I at any point you can jump between your scribbles so here we see one there we see the other and then within the video you'll see that there are these challenges if I just click the challenge it will say exercise time within exercise time you can just put in all the information within the challenge you can go and execute it so we can see our console log here per is 35 years old at any point you can run the code to see what it's doing there here we go there is our answer we can submit our solution there let's take a look at the AI engineer path within each of these sections they're pretty in-depth the first section here here there's a 100 minutes worth of content they have a whole section on how to host and deploy to cloudflare workers cloudflare Pages how to set up their AI Gateway and what have you there is just a ton within here even open source models say if you want to learn about hugging face JS for instance if I just click play here and similar thing here we can just click around here you can see how to use different models so it will walk you through exactly how to use all of these open source models and interact with hugging face directly and then you can just go in here and say if you want to use a different model you can swap that out run your code and then continue on with the segment it's really built in a way where it's not really intended for you just to sit here and watch a video it's intended for you to interact with to start to build things research things go on hugging face look for new models see a model you find interesting plug it in here try it out right you can start to see why a platform like this really is powerful from there they have a section on embeddings and Vector database so this is essentially by the end of it you'll have an understanding how to create a rag pipeline you'll understand all of the different facets that are involved in that from whether it's splitting text chunking text embedding text understanding Vector dimensions and the relatedness between two different pieces of text and all of that it's going to walk through basically everything there's an in-depth section on agents multimodality if you want to learn about Vision endpoints and llms that have that capability where you can pass in an image and what have you there's all of that there's also the open AI assistance API and then finally there's a ton of content on Lang chain everything from uploading embeddings and what have you to super base going through all of the examples Concepts that they touch on with a lot of common use cases for Lang chain I'm going to leave it at that I'm going to put a link within the description as well as pinned in the comments I encourage you to check out and try their free platform and then if you're interested in taking it a step further and signing up for their Pro tier they are going to give you a promotion which I think is 20% off on if you sign up for their Pro tier that's it for this video if you found this video useful please like comment share and subscribe otherwise until the next one