Learning Web & Javascript While Building with Cursor AI

🚨 The content of this lecture will be updated whenever the Cursor version is upgraded.

📢 If you want a lecture that is continuously updated, we recommend choosing this course.

< Do you dream of developing software using AI tools? >

📢 You can't just learn basic grammar forever!

Since ChatGPT, countless software course tips and development methodologies have been released.

Create a website or game with just a few lines of prompts,

Even vibe coding, where you do it with your voice without typing a single line?

However, there are still opinions that development using AI has limitations.

If you leave all the development to someone else, it won't be easy to develop continuous software.

In an age of such sharply divided opinions, how should we learn to code?

Those who are hesitant to start software development, those who are not majoring in software but want to create their own web page,

Anyone who wants to know how web pages work, or anyone who has created code with their LLM but wants to interpret it!

Start learning the fundamentals of web development (Javascript, HTML/CSS) with this course.

I will explain the concepts of the web, how web browsers work, and the syntax of the Javascript language that runs on top of them, step by step, while modifying the code I created directly with the free version of Claude.

You don't just learn grammar, you develop your own projects!

In the future, the amount of code and software generated by AI will increase.

It's not too late. In a world where everyone is running, why don't we take our first step together?

Code generated with ChatGPT, Claude, and Gemini... Want to interpret and modify it?

📌 I'll show you right before your eyes! Here's how to interpret the code generated with the same prompt!

💻 What's the point of just diligently studying grammar? You need to learn by creating! Learn by building "real" projects.

🛠 Grasp the concept by modifying the code generated by LLM. Ah, so this is how the code works!

❌ Prior knowledge? No! Technical terms only computer science majors can understand? No! I'll show this to my future children.

❔ I'm trying to edit some code, but it's not working... What should I do? I'll answer right away! Please ask lots of questions.

✅ This lecture is very helpful for these people.

✅ See the material you learn in the actual lecture and make your own judgment 😀

👍 What on earth will I gain from taking this course?

This course teaches web development step-by-step by creating a cursor project based on code generated by LLM.

But! This will be helpful not only for simple web development, but also for those who are struggling with the following concerns:

1. Is there any way I can start a business on my own? I want to become an indie hacker!

A Billion Dollar Company Created by One Person

Source: https://every.to/napkin-math/the-one-person-billion-dollar-company

10 Inspiring One-Man Companies

Source: https://hackernoon.com/check-out-these-impressive-1-person-companies

Some people predict that there will be companies that will be worth $1 billion (1.3 trillion won) as one-person businesses.

One of them is Sam Altman of OpenAI! He says AI is a new technology that will change this era.

On the other hand, some people say that it is not easy to achieve great success on your own.

Have you ever thought about that?

'How can I make an impact on the world on my own?'

'After work, during my leave of absence, are there any activities I can do that are less affected by time and place?'

Startup costs are dropping to zero, and software development is getting easier by the day.

Software development can be the answer to these concerns.

Now is the era of LLM.

Grok, Claude, ChatGPT, Gemini, and even DeepSeek!

Learn how to automatically generate, modify, and interpret code using multiple LLM models.

2. It works, but I don't know why. I want to learn!

< Now, we live in a world where a simple web page can be created with a single natural language sentence. >

Can't we make something with this?

How about a corporate landing page with multiple pages, a portfolio homepage to introduce yourself, or an informational page or blog that offers simple quizzes and general knowledge?

In a world where you can make anything, knowing just a little more tools can help you create "real products"!

In this course, you'll create your own web page, upload it to a free hosting service, and gather real users.

3. You've created a web page! What's next?

Title: "A Good Tool for Starting Your Own SaaS Business?" Source: Hacker News

Anyone can create a web page?

What about distribution? What about maintenance? How do we collect data? How can we monetize it?

Once you clear the first hurdle, you have to clear the next one.

Data collection, backend development, DB management...

Before going there!

First, you need to learn how web pages work by uploading and distributing a proper web page.

In this lecture, we will briefly learn the process of creating a web page and what is needed afterward.

👋 Why I Created This Course & Instructor Introduction

Hello, my name is Weekend Coding, and I am active on YouTube as @weekendcode .

I used to work as a Java developer and now I create content related to programming education.

I've tutored non-computer science majors, older people interested in computers, and retired professionals. I've often had skepticism about the traditional teaching methods used in universities.

This time it's web development!

For those of you who want to develop your own web page for the first time, I wanted to cover everything from A to Z.

High-quality presentation slides, painstakingly crafted one by one, and even the history of the web and the Internet that no one tells you about!

It's much easier to understand if you know "how it came to be in the first place" and "why it's used this way" 😃

⭐ Other lectures were difficult, so I created this one.

I still remember the day I first learned web development.

I took countless lectures, took classes at school, and went to academies.

But no one ever explained to me why it was written this way or how it came to be.

But when I developed it on site, there were many things that were easier than I thought.

We plan to collect these things one by one and provide them as a single lecture.

⭐ We do our best to increase your understanding of the learning.

This is not my first lecture.

Here are some reviews from other videos and courses.

This is not a lecture that was made carelessly, but rather one that is explained step by step until you understand it.

If you don't know, please ask questions right away!

⭐ Times are changing rapidly, but you have to learn what you need to know.

Everyone's talking about AI these days. Generative AI, LLMs, programming...

Before shouting "Automation in one go!" amidst countless keywords, you need to know the basics.

This allows us to create larger web pages, more organized code, and easier-to-maintain software.

We'll learn Javascript syntax and how web browsers work while building our own products.

✅ Bonus learning materials! All homepage codes are provided!

We provide all the information on web browser (client), Web API, and server-side functions!

We'll teach you all the API concepts and practical exercises that front-end and back-end developers absolutely need to know.

Example 1: Front-end code that checks if a client is accessing the web browser.

• Find out client information

• Check operating system information, communication status, and web browser function support

Example 2: Parsing client URL (current page, port, parameters, path, etc.)

What if you want to add different features to each URL accessed in a web browser?

Check out the source code to see how to retrieve values through the API using Javascript.

Example 3: Small storage area, playing with cookies

What are cookies in web browsers? How can I manipulate them?

Create, delete, and check them yourself!

We'll give you both the written source code file and the organized PDF file all at once!

🤔 Things to note before taking the class