Practical Web Programming

Getting started with light and fun web programming!
Learn the essential knowledge by working directly with code.

Course Features 💡

This course is designed for people who are not proficient in programming, and will teach you the minimum knowledge you need. After a basic language introduction or a simple explanation, we will conduct practical exercises in between to increase the learner's understanding. Since we will not cover in-depth parts, we recommend self-directed learning through recommended reference materials.

 

 

Why should you learn ✒️

We access elements of web pages, such as input fields, buttons, and checkboxes, that we encounter in web services around us, through programming. We can directly modify parts of web services that we find inconvenient through code and share them with people who have had similar experiences.

 

 

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 background :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}

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

 

Restructuring web pages with JavaScript

Introducing how to create a web extension that blocks ads and shows you only the content you want to see.

• Write code that runs within your 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 may 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 engineering related to web UI.

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

Kim Jung-in

I started developing because I enjoyed the development club activities.
I am currently studying robotics and am interested in reinforcement learning and servers. I want to become a developer who is good at writing.

• 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 am currently working as a full-stack engineer for a global OTA company in Bangkok.

• Currently, Senior Full Stack Engineer at Agoda

I was in charge of creating the introduction to HTML and introduction to CSS training. Due to personal reasons, teachers Kim Jeong-in and Yang A-reum will be giving the lectures instead.

Yang Areum

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

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

Easy 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