inflearn logo

Practical Web Programming

Programming is the magic that makes us realize the direction we want. Experience web programming by solving problems in web services around us.

(4.5) 22 reviews

1,366 learners

Level Beginner

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Thumbnail

Reviews from Early Learners

Reviews from Early Learners

4.5

5.0

june6411

100% enrolled

This is a lecture that makes you feel like pieces of knowledge are being stitched together....^^

5.0

이상락

100% enrolled

Thank you for the hands-on tutorial.

5.0

nels

100% enrolled

It was a great time for me to learn how to fix the inconveniences I experience while using the web and how to split them into web extensions.

What you will gain after the course

  • Change the style of web services around us directly

  • Automate form and button input on web pages

  • Understanding markup documents and basic HTML concepts

  • How to express web page styles with CSS

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.

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

Recommended for
these people

Who is this course right for?

  • For those who want to start programming lightly

  • People who know programming languages and grammar but are wondering how to use them

  • Anyone who feels burdened by planning a software project from scratch

  • Anyone who wants to find an opportunity to create their own software

Need to know before starting?

  • Knowledge of CSS or JavaScript is preferred

Hello
This is meet6879

2,999

Learners

42

Reviews

4.5

Rating

3

Courses

 The Sullivan Project is a community that has been conducting technical education volunteer activities since 2015 to help students voluntarily solve social problems using technologyPeople passionate about technical education, ranging from high school studentsuniversity studentsto working professionals, are participating as teachers

Please refer to the following website for more details about the Sullivan Project.
https://sullivanproject.io/
https://fb.com/sullivanproject.in/

The Sullivan Project has prepared 3 types of online education for this first half of the year as follows.

B. Creating a game that stimulates interest in studying

B. Creating an app that can solve the problem of noise between floors

C. Programming Basics·Practice

I look forward to working with you.

More

Co-instructor

Curriculum

All

20 lectures ∙ (1hr 39min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

22 reviews

4.5

22 reviews

  • looroolala2335님의 프로필 이미지
    looroolala2335

    Reviews 8

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the hands-on tutorial.

    • june64112078님의 프로필 이미지
      june64112078

      Reviews 17

      Average Rating 5.0

      5

      100% enrolled

      This is a lecture that makes you feel like pieces of knowledge are being stitched together....^^

      • nels1004님의 프로필 이미지
        nels1004

        Reviews 84

        Average Rating 5.0

        5

        100% enrolled

        It was a great time for me to learn how to fix the inconveniences I experience while using the web and how to split them into web extensions.

        • jjhgwx님의 프로필 이미지
          jjhgwx

          Reviews 728

          Average Rating 4.9

          5

          15% enrolled

          Thank you for the great lecture!

          • sniperyi09님의 프로필 이미지
            sniperyi09

            Reviews 10

            Average Rating 4.2

            4

            100% enrolled

            Similar courses

            Explore other courses in the same field!

            Free