Practical Web Programming

Getting started with web programming is easy and fun!
Learn essential knowledge by working with code yourself.

Lecture Features 💡

This course is designed for those who are not proficient in programming, providing the minimum necessary knowledge. After a basic introduction to the language and brief explanations, the course includes hands-on exercises to enhance learners' understanding. Since it does not cover in-depth topics, we recommend self-directed learning through recommended reference materials.

Why you should learn ✒️

We'll use programming to access web page elements like input fields, buttons, and checkboxes, which we encounter in web services around us. You can directly modify any inconvenient aspects of web services with code and share your experiences with others.

Things not covered in detail ❌

• How to create web services that mimic the ones around us
• About grammar after ECMAScript 2015
• How to write malicious scripts that harm others

Introduction by section 📖

Orientation

Introduction to education, background on the web

Change the style of your web service

Learn HTML and CSS to solve web service problems or customize services to your liking.
If you know more about CSS selectors, you can make a cute cat wallpaper appear on your desktop :D

^{▲ Background photo source: Florian Olivo}

Automating Web Services with JavaScript

Among the JavaScript functions, we will focus on DOM control and introduce a method to handle surrounding web services through programming.

^{▲ Enter payment information for the simple payment service Kakao Pay and send it via KakaoTalk.}

• Could we let computers do all the tedious text entry and button clicking?
• Can I batch process items from over 1,000 mailboxes?

Restructuring web pages with JavaScript

We'll show you how to create a web extension that blocks ads and shows you only the content you want to see.

• Write code that runs within the browser developer console to display only the information you need.
• Maintain persistence using userscripts.
• Try applying the script to other sites and remove ads contained within the body of the text.

Ethical Use

I'm thinking about the ethical use of programming.

Tools used in education

The lectures will be conducted using Google Chrome, but you can use any modern web browser you are comfortable with, such as Google Chrome, Safari, or Firefox.

Introducing the Knowledge Sharer 🎓

Kim Moo-hoon

I do all the engineering related to web UI.

• https://github.com/mu-hun

Kim Jeong-in

I started developing because I enjoyed the development club activities.
I'm currently studying robotics, and I'm interested in reinforcement learning and servers. I want to become a developer who writes well.

• Currently enrolled in the Department of Regional Biosystems Engineering at Chonnam National University / Double majoring in Computer Information and Communication Engineering

Park Se-moon

I started programming when I was young, starting with Turbo C and Borland C++, and I've been working as a developer for about 10 years.
I have experience in web, app, mobile, and browser engine development, and I am currently working as a full-stack engineer for a global OTA company in Bangkok.

• Current) Agoda Senior Full Stack Engineer

I was responsible for developing the Introduction to HTML and Introduction to CSS training courses. Due to personal reasons, instructors Kim Jeong-in and Yang A-reum will be taking over.

Yang Areum

I naturally became interested in programming while learning development at Mirim Girls' Information Science High School.
I want to become a developer with diverse experiences.

• Mirim Girls' Information Science High School, New Media Software Department

Lee Ji-an

🙏 Kim Soo-hyun, Kim Yu-ri, Yoon Hee-na, Lee Ye-seul, and Heo Yu-jun, who participated as beta testers in advance. thank you