I just got access to GitHub's Codespaces and it's amazing!

Key Takeaways

hello everyone and welcome to my new video just just like an hour ago i got access to github code spaces and it's in beta and i got access to that and uh in this video i'm going to show you how it looks like so i'm totally blown away by this and this feature and i've always loved coding the browser because i i don't want to have a laptop with uh very high specifications so what is code spaces let's take a look at that so as you can see in the background this is the code spaces page that we have and um it's an instant development environment it says there so you can get the full visual studio code experience without leaving github and right now people who have applied for early access are getting it so i got it and the best way to look at it would be to just um try it right so here is one of the repositories that i have and to start code spaces in this repo what i do is i just click on code and click on open with code spaces so you can see that shows no active code spaces so what do we do we create we click on new code space so now it's opening a code space environment for me and this step is going to take maybe couple of minutes so let's wait so you can see like it has opened a visual studio code for me and everything is happening inside web browser it's so so awesome and uh now it has opened my repository and i can do whatever i want here so let's see let's see what features does it have uh let me increase the size a bit okay so i think this is quite good and now it looks like one of my videos right so i've always been coding in the browser so it now it's configuring my workspace so we can see some progress logs if we want basically it doesn't show me anything there and let me remove the theme so this is the original theme that you have that's the visual studio white theme and you can go to uh menu and change the theme there no sorry it's in the settings and change the color theme there so you have you have many different color themes to choose from i like the dark one so i'm just going to take the visual studio dark theme and now it's going to set up the theme for me so it seems like it's not setting up the theme for me because it's still configuring so i would i would wait for some time so that it finishes all the configurations and then we will set up the theme first theme is the most important thing right i think it has done its processing and setting up so we go to let me increase the size of this again for you so that you can see properly and we go to these settings and then color theme and choose dark and that's seems nice right so it's like my coding environment now and uh you you can click on any file like you have the requirements setup.buy you it's it's just the whole environment the python environment and you can see that creates this python and 3.8 right so just be careful of that you have to include it in git ignore otherwise when you commit it's going to add this to your git repository and you don't want to do that other than that let's see what else do we have we have extensions so some of the extensions are pre-installed and we can probably add python to it so it seems like python is there and it requires a reload so let's reload okay so that didn't take much time which is good and yeah it's some sometimes it's loading stuff but when when it has finished loading everything works really fast i've already tried it so now it has python so it should be it should give me some environment here so let's see the files that we have okay so now it tells me okay i can change the python interpreter so you have the python so it seems like the python extension is loading and uh yeah it tells you that you they have found a python environment also so which is nice um okay i will click on yes okay and this one i'm just closing so now it's also telling me that i can install pylint so let's install pilot um okay so now it has this python 3.8 environment python and 3.8 so so now we are in this environment and let's select the python interpreter 383 okay um okay maybe i didn't install it in this environment so let me install violent again okay so i have file int and now uh i can install the other things right so i'm not going to install a lot of uh libraries in this one i'm just going to show you like things are working here so you can go and play around with code spaces when you have access to it so i can just do clip install ticket name and it installed qdm for me and now uh i have it here and so let's see let's go to data loaders image classification and here i'm not using i'm not using tqdm in this one okay maybe i can search for it so search function also works fine so uh you see like i i have uh tqdm here so now i can probably click on uh control click on tqdm where i'm using it and so find also works perfectly fine and now it will show me the suggestions so because i have installed tkdm so let's see so i can click on tqdm and it should take me there so it's taking a little bit of time it's not taking me there let's see if i type something it doesn't suggest me anything no it's not suggesting me anything that's not very good yeah so like uh if i'm writing len so if i have a function so it's suggesting me but it was taking me to tqdm before i don't know why it's not working now but anyways it will work oh yeah now it works so you can install any kind of libraries you want so this will be your code spaces then you can turn it off and you if you have if you're using visual studio code locally you can also connect to this code space here and one more cool thing that i like is this live share feature so let's see if the live share works uh let me change the size a little bit okay so here you can see like now i can start collaboration so i can just click on this and it will start a live sharing session so it has started a live sharing session and then i can add the contributors to this repository uh or i can invite someone okay i can just have a uh session which is read only so i click on invite session and tells me that invite link has been copied to clipboard so let me open another browser and let's see what happens here so it will it you you can open it using vs code also um so when you open it in another browser that you cannot see right now it has opened another session for me so where where you can sign in or where you can uh join as a guest so now here it says that uh rb2 anonymous and read only that's me from another browser i have asked to join so i accept it and now i can see this new user here and the other user can also that other user can see what i'm doing so it's it's super cool for sharing code it's super easy uh like collaborating doing some kind of pair programming and you i can also remove the user and go back to my files one more cool thing is whatever changes you make you can always use the git commands so that's that's very nice so i can make all the changes i want in this environment i can modify this environment as much as i want and it's always going to be there so i know that you maybe you cannot train deep learning models in this environment and i don't know if you can connect an external machine to uh this environment so that it uses the resources from that machine i don't know if the feature is there yet but maybe hopefully soon in the future um so that's it for today's video i hope you like it and uh let me know how you find code spaces if you already have access to it um in the comments box and tell me uh about new videos that you want to see in future and see you bye