How to Use Google AI Studio to Learn Coding for Free

Name: How to Use Google AI Studio to Learn Coding for Free
Uploaded: 2025-02-25T13:30:13.000Z
Duration: 15 min 31 s
Channel: Ishan Sharma
Description: - Google AI Studio is a free Google platform for using Gemini. Its Screen Real Time feature lets Gemini talk with you while viewing your camera or shared screen, answering questions in real time to help you learn coding, debug bugs, and build projects. - Sharing your screen in VS Code, Gemini guides

172.4K views

•

February 25, 2025

Ishan Sharma

How to Use Google AI Studio to Learn Coding for Free

TL;DR

Google AI Studio's Screen Real Time feature lets Gemini watch your shared screen, camera, or voice and talk you through tasks live for free. It can explain HTML tags, guide you step-by-step to build an app interface, debug Python errors, and even teach software like Final Cut Pro as you work.

Transcript

I have just found the fastest way to learn to code in 2025 for completely free hi I'm isan and imagine having an AI assistant by your side at all times which can see your screen and can help you with learning anything it can help you tell you what code to write it can debug your code it can explain any error that you're facing and in general just b... Read More

Key Insights

Google AI Studio is a free platform by Google, accessible at aistudio.google.com, that lets anyone use Gemini and its capabilities, including creating custom prompts, applications, and using the Gemini API.
Screen Real Time is the standout feature, allowing Gemini to interact with you in real time by talking, viewing anything through your camera, or watching your shared screen and answering questions about what it sees.
The tool can guide a complete beginner through building a website from scratch, recommending HTML, CSS, and JavaScript as a starting point and walking through each step live.
Gemini explains code tag by tag, clarifying that '<!DOCTYPE html>' is a declaration telling the browser the document is HTML 5, not an actual tag.
For debugging, you can share a screen showing a Python game and Gemini reads the output, identifying that a 'libpng warning iccp known incorrect srgb profile' is not a critical error and the program should still run.
Gemini can explain what a codebase does, describing how a main.py file initializes a car racing game window and sets up elements like the player car and enemy cars using the pygame library.
The feature extends beyond coding to learning software like Final Cut Pro, where Gemini identifies the timeline, viewer, and transform panel and guides you to increase the scale value to zoom in on a clip.
The presenter notes very few people know about Screen Real Time despite calling it the craziest free AI tool he has ever come across, positioning it as an always-available coding companion.

Install to Summarize YouTube Videos and Get Transcripts

Explore YouTube Video Summarizer or Get YouTube Transcript Extractor

Questions & Answers

Q: What is Google AI Studio and how do I access it?

Google AI Studio is a free platform by Google that lets anyone use Gemini and its capabilities. You access it by going to the website aistudio.google.com. On the platform you can create custom prompts for tasks like research or creating recipes, build your own applications using Gemini's multimodal capabilities, fine-tune your model, connect it with Google Drive, and access the API documentation to start using the Gemini API.

Q: What is the Screen Real Time feature in Google AI Studio?

Screen Real Time is a feature that allows Gemini to interact with you in real time. It works three ways: by talking to you, by showing Gemini anything through your camera and asking questions about it, or by sharing your own screen and asking any question about what is on the screen. Gemini then talks back to you in real time to help you solve whatever you want. The presenter calls it the craziest free AI tool he has come across.

Q: How can Google AI Studio help a complete beginner build a website?

If you know nothing about coding, you can share your screen and ask Gemini to guide you step by step. In the video, when asked to build a Bumble app interface as a website, Gemini recommended starting with HTML, CSS, and JavaScript since the user was new to coding. It then walked through creating a new file in VS Code named index.html and explained each part of the code as it was written, keeping the process beginner-friendly.

Q: How do I generate basic HTML boilerplate in VS Code according to the video?

According to Gemini's guidance in the video, after creating and naming your file index.html, you type an exclamation mark '!' into the file and press the Tab key. This is a VS Code shortcut that generates a basic HTML document boilerplate, which is the basic structure of every web page. Gemini then offers to explain the different parts of that generated structure as they appear on screen.

Q: What does the DOCTYPE html declaration mean?

When explaining the code tag by tag, Gemini clarified that the '<!DOCTYPE html>' tag tells the browser that this is an HTML 5 document. Importantly, it is not really a tag but a declaration that needs to be included at the top of the document. Gemini also explained related elements like the head tag, which contains meta information such as character sets, viewport settings that make the website responsive, and the title displayed on the browser tab.

Q: How can Google AI Studio help me debug my code?

You can share your screen showing your code and ask Gemini to help. In the video, the presenter shared a Python game project and asked how to run it. Gemini instructed typing 'python main.py' in the terminal and pressing enter. When asked about a problem, Gemini read the output and identified that the 'libpng warning iccp known incorrect srgb profile' message was not a critical error and that the program should still run, then offered to investigate further.

Q: Can Google AI Studio explain what an existing codebase does?

Yes. In the video, Gemini explained that the main.py file was the core of a car racing game built with the pygame library. It initializes the game window and sets up game elements including the player car and enemy cars along with their positions. Gemini also explained programming concepts, describing the 'class car racing' as a blueprint for creating game objects and the init method as the constructor called when an object is created to initialize its attributes.

Q: Can Google AI Studio help me learn software other than coding?

Yes. The presenter demonstrated using Screen Real Time to learn video editing by sharing his screen with Final Cut Pro open. Gemini recognized the timeline at the bottom with video clips, the main viewing screen showing a city skyline, and the transform options in the right-hand panel. When asked how to zoom in on a clip, Gemini instructed selecting the clip in the timeline, then increasing the scale value in the transform section of the inspector. The presenter notes you can learn any software this way.

Summary & Key Takeaways

Google AI Studio is a free Google platform for using Gemini. Its Screen Real Time feature lets Gemini talk with you while viewing your camera or shared screen, answering questions in real time to help you learn coding, debug bugs, and build projects.
Sharing your screen in VS Code, Gemini guides a coding beginner to create an index.html file, generate boilerplate with the '!' shortcut plus Tab, and explains each HTML tag from scratch while steering back toward building a Bumble-style swipe app interface.
Beyond coding, Gemini can debug Python programs by reading terminal output, explain what a pygame car racing file does, and teach unrelated software such as Final Cut Pro, guiding the user to zoom a clip via the transform panel's scale value.