인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
NEW
Programming

/

Web Development

Learning Web & Javascript while building with Cursor AI

Recommended for those who want to have their own skills, and those who want to learn web development step-by-step. We will teach you starting from the history of web browsers and languages.

20 students are taking this course

Cursor AI
JavaScript
HTML/CSS
Generative AI
LLM

This course is prepared for Beginners.

What you will learn!

  • Develop with LLM first! And learn while interpreting.

  • Who made the web? Why was it made? Let's go through the history step by step~

  • AI? Isn't it too distant a story for me? No! Experience it with Cursor AI.

  • Learning Web APIs and Javascript step by step. Until you understand!

  • A web page I made. Only on my computer? No! Distribute it yourself and show it to users.


< Are you dreaming of developing software using AI tools? >


📢 You can't just learn basic grammar forever!


No more learning basic grammar first!

Learn while creating with AI Editor Yes!


Since ChatGPT, there have been a lot of software tutorial tips and development methodologies.

Create websites or games with just a few lines of prompts, or even vibe coding with your voice without typing a single line of code?


However, some argue that development using AI still 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 LLM but wants to interpret it!


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

I will explain the concepts of the web, how web browsers work, and the grammar 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 won't just learn grammar, but you'll also 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, how about we take the first step together?

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



📌 I'll show you right in front of your eyes! This is how to interpret the code generated with the same prompt!

💻 What good is studying only grammar? You have to learn while making something! Learn while making a "real" project.

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

Prior knowledge? No! Technical terms that only computer experts can understand? No! I will show this to my future children.

I'm trying to edit code, but it doesn't work properly. What should I do? I'll answer right away! Please ask lots of questions.

💡 What makes it different from other courses?

  • This course doesn't just throw grammar into your head without context. We're not just trying to learn grammar.

  • First, implement the core idea with LLM. Then, learn by interpreting the code.

  • Let's learn about the history of technology together. Why did this technology come into being? Who created it? How did it develop?

This lecture will be of great help to these people.

I want to start developing web pages

I only looked at HTML, CSS, and Javascript grammar a few times each time.

I want to try making something of my own.

I want to make good use of LLM
I heard AI is hot these days.

Is there anything I can use?

How should I use the new tool?

I'm curious about the history and origins of web technology.
How do web pages work?

What is an API? A web browser?

Who created HTML?

💡 What if you find it difficult to interpret the code generated by LLM (ChatGPT, Claude, Grok)?

  • Interpret grammar and behavior through created projects.

  • All IT technologies are born from shortcomings and inconveniences. What is ES6? What about HTML?

  • Complete it to the end. Upload your own project and provide the page you created to real users.

Look at the material you learn in the actual lecture and make your own judgment 😀

Set up the Cursor AI code editor.

Let's set up the editor we will use ourselves.

Let's learn about individual menus and think together about ways to set them up more conveniently.

Try modifying the code you wrote through LLM.

A web page created randomly using a prompt!

What does this mean? Why does it work this way?

Let's try modifying Javascript and HTML one by one.

Learn through examples, and I'll explain anything you don't know.

When would you use this grammar?

Something I had only read in books or heard in passing

Let me explain with examples. It won't be boring 😃

Create and apply code directly with LLM.

The 21st century is the era of AI! Now everyone writes code with LLM. But what if you can't read it and edit it? Then let's turn it into a software that works properly!

It's not fun if you just attend class...!

What are some good things to know when coding?

What are some difficulties you encounter while actually developing?


Don't just write code on the screen.

No more classes where you just write code!

Let me explain in writing why it works this way.


👍 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! It will be helpful not only for simple web development, but also for those who have concerns such as the following.


1. Is there any way to 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 Impressive One-Man Companies>

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

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

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

On the other hand, there are those who 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, is there an activity that can be done with less influence from 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 just one natural language sentence. >


Can't we make something with this?

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


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

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


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

Title: "A good tool for those starting a SaaS business alone?" Source: Hacker News

Anyone can create a web page?

How about distribution? How about maintenance? How about data collection? How can we monetize it?


Once you get over the first hurdle, you have to get over the next one.

Data collection, backend development, DB management....

Before going that far!


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

In this lesson, you will learn the process of creating a web page and what you need to do afterward.

👋 Why I Created This Course & Instructor Introduction


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

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


I have experience teaching people who did not major in computer science, older people who are interested in computers, and people who retired from other professions. I had many doubts about the way teaching was done 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 created 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. That's why I created this lecture.


I still remember the day I first learned web development.

I took numerous 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.


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

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



We do our best to increase learning comprehension.


This is not my first lecture.

Here are some reviews from other videos and courses.

This is not a lecture that was made carelessly. We will explain everything step by step until you understand it.

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


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


Everyone is talking about AI these days. Generative AI, LLM, programming...

Before shouting “Automation in one go!” among numerous keywords, you need to know the basics.

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


We will learn Javascript syntax and how web browsers work while building products.

💡 If you have any questions, please ask them right away!

  • Are you wondering, 'Is there something I don't understand?' Don't worry. Just like everyone has a first time, I will think carefully about any question and answer it right away 😃

  • This one lecture will cover everything from web page creation to distribution. I believe that as difficult as it is, it will be an experience that will help you grow.


🤔 Things to note before taking the class

Practice environment

  • Cursor AI, hands-on in your web browser.

  • The web pages we create are deployed to Cloudflare Pages.

  • We explain all environments, Windows and MacOS.


Learning Materials

  • All codes (HTML, JS, CSS) are provided in their original file form.

  • Provides a clear summary of Javascript grammar in PDF format

🖋 Tips! It's not fun to just listen to the lectures.

I listen to the lecture while taking a break from the interesting stories and anecdotes I experienced while developing.


  • How do I find the right programming font for me?

  • How do you resolve obstacles you encounter while developing? See the MDN/ECMA documentation!

  • I'll tell you a story about my own struggles with browser compatibility.

  • Great non-specialists I've personally experienced (they developed things on their own and earned hundreds of millions of won?!)

  • It's not as hard as you think! How to make money with a web page you developed!


Are you new to web development? This course could change your life!

Recommended for
these people!

Who is this course right for?

  • Want to learn web page development

  • Heard of Javascript but don't know how to use it

  • Anyone who wants to try "product development," not tedious language tutorials

  • Those who want fast prototyping & to start their own business

Need to know before starting?

  • Basic HTML and Javascript are helpful.

Hello
This is

2,981

Students

251

Reviews

829

Answers

4.7

Rating

2

Courses

안녕하세요. @weekendcode 라는 유튜브 채널을 운영하고 있습니다.

비전공자, 코딩에 관심 있는 학생들을 위해 최대한 쉽게 설명하고자 노력하는 강사입니다.

Curriculum

All

64 lectures ∙ (10hr 4min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Become the author of a review that helps everyone!