Can you also do a video explaining how to setup a basic project, what tools you use, what difference is between all the Angulars, JNodes, Reacts and whatchamacallits, etc. I'm an embedded systems developer, and web-development is like a whole different planet.
please can you tell me if the code editor can get user inputs after executing the code. like using a Scanner in java to get keyboard inputs. can we do that with your code
is it possible to put like a file explorer? just like vscode? where you can drag and drop images, files, etc. also, is it also possible for monaco to run HTML CSS JAVASCRIPT and see the preview of the output?
well I think you can do it but you will have to hardcode the execution and the compilation process for every langages and also you will have to implement security functions to prevent any injections
How can i add C++ here? I tried with cpp different version but couldnt able to execute it for cpp,,it would be helpfull if you guide me with this..Thank you..
@@sanvisingh9512 i didn't implemented, But u have to create your own api for that, Create an api where all those languages are available snd loop through it just like the tutorial. Btw i added input section.
Use version 10.2.0 for cpp and it'll work const getRuntimes = async () => { const response = await API.get("/runtimes"); console.log(response.data); }; and you cn run this to find all other available languages and their versions. Thank You!
Hey Nikita! Thanks so much for the videos, they are AMAZING literally! by the way, excuse that i will ask something outside of the scope of this video, and the reason is i wanna make sure you can see my comment, i just watched your custom Hook useQuery video (wonderful explanation), however what you did is very similar to the TansTack useQUery library, if you are familiar with it, and so that's why I'm confused, why would you build it instead of just doing Tanstack, there is definitely something you know that we may not. Please explain, thank so much in advance!!!
it’s possible to send the current contents of the file editor to your backend, which calls the chat gpt API and returns the suggestions. although that would be a lot hits to your backend and would probably run up a big bill.
3:00 start of Monaco code editor
5:47 Language selector
15:28 Output box
I have been looking for this the longest time.. great tuttorial!
This is Nice...I'd try it soon. Great Work Nikita!
Great content keep it bro... it's something totally new
When you import "editor" at 3:30, what do you do to show the little popup for import ?
ctrl + space
what are language versions for c and c++ sir
How do we handle input? for example: name = input("Enter the name: ")
Not sure I understand what you mean by this, can you explain more? Are you trying to prompt the user for input through the code written in the editor?
@@nikita-dev Thanks for the reply. I found the solution. I found they use xtermjs for making terminal on the browser and use websocket protocol.
@@nikita-dev Yes, How can we take input from user?
@@nikita-dev is there any answer for this? i also think maybe user write program that need input like simple temperature converter program
@@satriarajendra462 is piston api works ?? Have you tried ?? itz notworking for me
Really appreciated this! Keep up the great effort.
Can you also do a video explaining how to setup a basic project, what tools you use, what difference is between all the Angulars, JNodes, Reacts and whatchamacallits, etc.
I'm an embedded systems developer, and web-development is like a whole different planet.
Hey bro really appreciate your content but can you tell me how to add c/c++ as they have not specified versions like other langugaes???😅😅
Please tell me if you get a solution
@@AvikNayak_ add cpp version 10.2.0
with below snippet
cpp: `
#include
using namespace std;
int main() {
cout
Thanks man you helped me a lot!
Is piston api working ??
@@karthikeya48 yup works well
How to add HTML and CSS??
Did you figure it out?
@@AvikNayak_ no can you help me
Great work, How to add code auto complete feature just like java script for other languages ?
there are only a few languages that have intellisense supported out of the box, so there’s not an easy way to add it for other languages
please can you tell me if the code editor can get user inputs after executing the code. like using a Scanner in java to get keyboard inputs. can we do that with your code
no
is it possible to put like a file explorer? just like vscode? where you can drag and drop images, files, etc. also, is it also possible for monaco to run HTML CSS JAVASCRIPT and see the preview of the output?
Great video, Nikita, may I ask you? How do we enable the snippet when we are typing?
What do you mean by that? Are you talking about my VSCode editor, or the in-browser editor?
How to enter data from the keyboard?
Can python be included in language options?
How to take input and run the output
How can I get keyword suggestion of the selected language?
This tutorial is the best. Can you please make another video where we can change the highlighting of the code?
Can we do Javascript Debugging here within Manaco Editor?
Can this be done without using an API?
well I think you can do it but you will have to hardcode the execution and the compilation process for every langages and also you will have to implement security functions to prevent any injections
how can i include c++ language options??
great tutorial, but why the api is not working?
Is piston api working ??
Not working for me
@@karthikeya48 its working for me, whats your issue tell me
@@KrishT0 Itz fine now..
How can i add C++ here? I tried with cpp different version but couldnt able to execute it for cpp,,it would be helpfull if you guide me with this..Thank you..
Found method to do this??
@@sanvisingh9512 i didn't implemented, But u have to create your own api for that, Create an api where all those languages are available snd loop through it just like the tutorial.
Btw i added input section.
Use version 10.2.0 for cpp and it'll work
const getRuntimes = async () => {
const response = await API.get("/runtimes");
console.log(response.data);
}; and you cn run this to find all other available languages and their versions.
Thank You!
@@PRISM600 Yepp Ithink so there is a feature in the API itself and it takes input using stdin in the API post call
does it work on next.js pages router?
yes, you’ll just need to add “use client” to the top of the file that uses the Editor component
Thank you so much for the tutorial bruv
How to give input in this ?
Heyy... Are there any limitations for the number of API requests that we can make ?
There probably is, I would check the documentation
nice nice, can we store the code as Jason or plain text ?
yes you can store it as plain text
bro but how we can take user input
Hey Nikita! Thanks so much for the videos, they are AMAZING literally! by the way, excuse that i will ask something outside of the scope of this video, and the reason is i wanna make sure you can see my comment, i just watched your custom Hook useQuery video (wonderful explanation), however what you did is very similar to the TansTack useQUery library, if you are familiar with it, and so that's why I'm confused, why would you build it instead of just doing Tanstack, there is definitely something you know that we may not. Please explain, thank so much in advance!!!
Is there any way we can run the code of an external library, after installing it ?
what do you mean by that?
Very nice, thanks
hello broo can you make one video on how to make video transcoder using ffmpeg and nodejs. btw thanks for making great tutorial.
Can we add this project to our resume? This seems preety good project
i like how your voice sounds, how are you recording videos? my mic is shure pga58, but it sound awful. I'm thinking about adding compressor maybe...
thanks! i’m using OBS Studio with a blue yeti mic
I cannot use the API mentioned, Please Help
Judge0 is a good alternative, they have a decent free tier or you can self host
hey can we add AI in this code editor and if poosible how can i add he AI in this code editor. If that was possible just imagine how cool will it be
it’s possible to send the current contents of the file editor to your backend, which calls the chat gpt API and returns the suggestions. although that would be a lot hits to your backend and would probably run up a big bill.
The Piston Api wont expire ever?
the endpoint is alrdy unavailable for me wbu?
@@Zina-ox2dm Nah its working for me.
Thanks ❤
Great man😊
till 16:00
4:55
take love bro
16:42
Is this API free or paid??
free
Thank u
W tutorial
Wow
be regular man .
why is our name indian?
it’s actually Ukrainian