inflearn logo

Web & Javascript: Learning by Building with Cursor AI

I recommend this to those who want to possess their own technical skills and those who want to learn web development step-by-step. We teach everything starting from the history of web browsers and languages.

(5.0) 7 reviews

87 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
AI
AI
Cursor AI
Cursor AI
HTML/CSS
HTML/CSS
JavaScript
JavaScript
LLM
LLM
AI
AI
Cursor AI
Cursor AI

What you will gain after the course

  • Let's develop with prompts first, then interpret and modify the generated code.

  • Who created the Web? Why was it created? Let's learn starting from its history.

  • I will show you each of Cursor AI's features that allow for rapid development and building.

  • I will teach you everything about Web APIs, how web browsers work, and JavaScript. Until you fully understand!

  • The web page I made. Is it only on my computer? Not anymore! Deploy it yourself and show it to users.


🚨 This course will be updated every time a new version of Cursor is released. mỗi khi Cursor có phiên bản mới.

📢 If you want a course that is continuously updated, I highly recommend choosing this one.


< Are you dreaming of software development through AI tools? >


📢 You can't just keep learning basic grammar forever!


No more learning basic grammar first, No!

Learning by building using an AI editor Yes!


Since ChatGPT, a flood of software course tips and development methodologies has been pouring out.

Creating websites or games with just a few lines of prompts,

Even vibe coding, where you code with your voice without typing a single line of code?


However, some argue that AI-driven development still has its limitations.

If you leave all the development to it, it is not easy to develop sustainable software.


In an era where such diverse opinions are sharply divided, how should we learn to code?


Those who are hesitating to start software development, or non-majors who want to create their own web page,

Those who want to know how web pages work, and those who have generated code with an LLM but want to learn how to interpret it!


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

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


And you won't just be learning grammar; you'll be developing your very own project!


In the future, more and more code and software will be generated through AI.

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

Want to interpret and modify code generated by ChatGPT, Claude, or Gemini?



📌 I'll show you right before your eyes! This is how you interpret code generated with the same prompts!

💻 What's the point of just studying grammar? You should learn by building something! Learn by creating a "real" project.

🛠 Grasp the concepts while modifying the code generated by the LLM. Ah~ so this is how the code works!

Prior knowledge? No! Technical jargon only computer science majors can understand? No! I'm even going to show this to my future children.

I'm having trouble fixing the code... What should I do? I'll give you an answer right away! Please feel free to ask as many questions as you'd like.

💡What makes this course different from others?

  • This course doesn't just throw grammar at you without any context. We aren't here just to learn grammar.

  • First, we implement the core ideas using an LLM. Then, we learn by interpreting the code.

  • Let's learn the history of technology together. Why was this technology created? Who made it? How has it evolved?

This course will be a great help to these people.

I want to start developing web pages

I've looked over the syntax of HTML, CSS, and JavaScript several times already.

I want to create something of my own.

I want to learn how to use LLMs effectively
I heard AI is a hot topic these days,

Is there something I can use?

How should I use the new tools?

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

What is an API? What about a web browser?

Who created HTML?

💡Finding it difficult to interpret code randomly generated by LLMs (ChatGPT, Claude, Grok)?

  • Interpret syntax and behavior through completed projects.

  • All IT technologies were born out of shortcomings and inconveniences. What is ES6? What about HTML?

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

Judge for yourself by looking at the materials used in the actual lectures 😀

Set up the Cursor AI code editor.

Set up the editor we will be using yourself.

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

Let's modify the code written through the LLM.

A web page created blindly using prompts!

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

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

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

When should we use this syntax?

Things you've only read about in books or heard in passing

I explain through direct examples. So it's not boring 😃

Generate and apply code yourself using LLM.

The 21st century is the era of AI! Now everyone writes code with LLMs. But what if you can't read or modify it? Let's learn how to turn it into software that actually works!

It's no fun if you just listen to the lectures...!

What are some good things to know when coding?

What are the cases where you face difficulties during actual development?


We don't just write code on the screen.

No more classes that only involve writing code!

I will explain why it works this way through written notes.


👍What exactly will you gain from taking this course?


In this course, you will learn web development step-by-step by creating a Cursor project based on code generated by an LLM.

But! It will be helpful not only for simple web development but also for those who have the following concerns.


1. Is there a way to start a business even by myself? I want to become an indie hacker!

<The One-Person Billion-Dollar Company>

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

<10 Impressive One-Person Companies>

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

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

One of those people is Sam Altman of OpenAI! They say AI is a new technology that will change this era.

On the other hand, some people say it's not easy to achieve such great success alone.


Have you ever had thoughts like that?

'What is a way to make an impact on the world alone?'

'Is there any activity I can do after work or during a leave of absence that is less affected by time and location?'

The cost of starting a business is dropping to zero, and software development is becoming easier by the day.

Software development can be the answer to these concerns.


Now is the era of LLM.

From Grok, Claude, ChatGPT, Gemini, to DeepSeek!

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


2. Something is working, but I don't know why. I want to learn!

< We are now living in a world where a simple web page can be created with just a single natural language sentence. >


Can't we try making something with this?

What about corporate landing pages with multiple pages, portfolio websites to promote yourself, or informative pages and blogs that offer simple quizzes and share general knowledge?


In a world where you can create anything, knowing just a few more tools allows you to create a "real product"!

Through this course, upload the web pages you've created to a free hosting service and start gathering actual users.


3. I've built a web page! What's next...?

Title: "Good tools for solo SaaS founders?" Source: Hacker News

You say anyone can create a web page?

What about deployment? What about maintenance? How will you collect data? What are the ways to monetize it?


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

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

Before we get that far!


First, you need to learn how a web page works by uploading and deploying a proper website.

In this course, you will learn about the process of creating a web page and briefly cover what is needed afterward.

👋 Reason for creating the course & Instructor introduction


Hello, I am Weekend Coding, active as @weekendcode on YouTube.

I worked as a Java developer and am currently creating content related to programming education.


I have experience tutoring non-computer science majors, seniors interested in computers, and retirees from other professions. I have often felt skeptical about the traditional teaching methods used in universities.


This time, it's web development!

I wanted to prepare everything from A to Z for those who want to develop their very first personal web page.

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


"How it was born from the beginning" and "why it came to be used this way"—knowing these things makes it much easier to understand 😃


Other courses were difficult. That's why I created this course.


I still remember the day I first learned web development.

I took numerous courses, attended classes at school, and even went to private academies.

But there was no one to explain why on earth it was written this way or how these things even came to be.


However, as I started developing in the field myself, I realized many things were easier than I had thought,

I have gathered all those things one by one to provide them to you woven into a single course.



I do my best to enhance your understanding of the learning material.


This is not my first course.

I will show you reviews from other videos and courses.

This is not a haphazardly made course; I will explain everything step-by-step until you fully understand.

If you have any questions, please post them right away!


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


Now everyone is talking about AI. Generative AI, LLM, programming...

Amidst countless keywords, before shouting "All at once! Automation!", you must first understand the basics.

That way, you can write larger-scale web pages, well-organized code, and software that is easy to maintain.


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

💡If there's anything you don't know, please ask right away!

  • Are you worried that there might be something you won't understand? Don't worry. Just as everyone has a first time, I will carefully consider any question you have and provide an answer right away 😃

  • Finish everything from web page creation to deployment with just this one course. As challenging as it may be, I believe it will be an experience that fosters your growth.


Bonus learning materials! Providing all homepage code configured with <WEB API>!

We provide all materials for both Web Browser (Client) Web APIs and server-side functions!

We will teach you both the concepts and practical applications of APIs that every frontend and backend developer must know.


Example 1: Frontend code to check the client connected via web browser

  • Learning about client information

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

Example 2: Client URL Parsing (Current Page, Port, Parameters, Path, etc.)


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

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

Example 3: Small Storage Area, Playing with Cookies


What are cookies in a web browser? How can we manipulate them?

Create, delete, and check it for yourself!

I'm giving you all the written source code files and organized PDF files all at once!

You can find the above learning materials in the Web APIs section!

🤔 Things to note before taking the course

Practice Environment

  • We will practice using Cursor AI and a web browser.

  • We will deploy the web pages we created to Cloudflare Pages.

  • I will explain both Windows and MacOS environments.


Learning Materials

  • Code (HTML, JS, CSS) is all provided as original files

  • A summary of Javascript syntax provided as a PDF

🖋 Tips! It's no fun if you just listen to the lectures.

Take a break and listen to the lecture with the interesting stories and anecdotes I've experienced while developing.


  • How can I find the programming font that's right for me?

  • What should you do when you encounter an obstacle while developing? Check the MDN / ECMA documentation!

  • Let me tell you the story of how I personally struggled with browser compatibility.

  • Great non-majors I've personally encountered (They made hundreds of millions of won by developing on their own?!)

  • It's easier than I thought? How to make money with a web page I developed!


Is this your first time experiencing web development? This lecture might just change your life!

Recommended for
these people

Who is this course right for?

  • Those who want to learn web page development

  • Those who have heard of JavaScript but don't know how to utilize it

  • Those who want to try "product development" rather than tedious language tutorials

  • Those who want rapid prototyping & starting their own business

Need to know before starting?

  • Beginner-level HTML and JavaScript are helpful.

  • It will be a bit more comfortable for those who have used the code editor called Visual Studio Code.

Hello
This is weekendcode

4,956

Learners

587

Reviews

1,238

Answers

4.8

Rating

3

Courses

Hello. I run a YouTube channel called @weekendcode.

I am an instructor who strives to explain things as simply as possible for non-majors and students interested in programming.

I graduated from university with a degree in Computer Science and earned a master's degree in the field of Human-Computer Interaction (HCI). I worked as an Android developer using Java, and as a Python instruc


I graduated from university with a degree in Computer Science and earned a master's degree in the field of Human-Computer Interaction (HCI).

I worked as an Android developer using Java and have been active as a Python instructor.

After several job changes and entrepreneurial ventures, I had the opportunity to share my knowledge with non-majors, which led me to begin working as a full-time knowledge sharer. When there is something I don't know,

After having opportunities to share my knowledge with non-majors through several career changes and starting my own business,

I am now actively working as a knowledge sharer.

Please feel free to ask questions about anything you don't know. I will do my best to answer them. Have a great day.

Please feel free to ask questions about anything you don't know.

I will do my best to provide you with an answer.

Have a great day.

Have a great day.

I am now officially active as a knowledge sharer. Please don't hesitate to ask if there's anything you're unsure about. I will do my best to provide answers. Have a great day.

More

Curriculum

All

74 lectures ∙ (16hr 36min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

7 reviews

5.0

7 reviews

  • alscjf13722767님의 프로필 이미지
    alscjf13722767

    Reviews 2

    Average Rating 5.0

    5

    32% enrolled

    • dallovp3192님의 프로필 이미지
      dallovp3192

      Reviews 3

      Average Rating 5.0

      5

      23% enrolled

      It was very helpful.

      • cobaetoo님의 프로필 이미지
        cobaetoo

        Reviews 1

        Average Rating 5.0

        5

        71% enrolled

        Beyond simple coding skills, this lecture is like a roadmap that teaches 'how' to think and grow as a developer. I was able to build a solid foundation with the history and philosophy of the web, and learn how to maximize productivity using Cursor, the latest AI development tool. Projects that gradually increased in difficulty, from a portfolio to an exchange rate converter using API, allowed me to effectively internalize what I learned, making the learning process more effective. In particular, the various segments filled with the instructor's deep expertise provided the best mentoring, prompting contemplation of growth beyond technical skills. This is truly a perfect lecture for developers in the AI era.

        • pcj855585님의 프로필 이미지
          pcj855585

          Reviews 3

          Average Rating 5.0

          5

          61% enrolled

          • yujinseok3246님의 프로필 이미지
            yujinseok3246

            Reviews 9

            Average Rating 5.0

            5

            61% enrolled

            weekendcode's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!

            Limited time deal

            $88,000.00

            20%

            $84.70