inflearn logo
inflearn logo

The highlight of web programming! JavaScript Basics

Select HTML elements using JavaScript and change element styles or implement animation effects based on various events. Implement style changes, event settings, and effects frequently used in webpage development based on the basic syntax of JavaScript.

(5.0) 1 reviews

15 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
css-flexbox
css-flexbox
HTML/CSS
HTML/CSS
JavaScript
JavaScript
vanilla-javascript
vanilla-javascript
css-flexbox
css-flexbox
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

What you will gain after the course

  • JavaScript Fundamentals

  • You can select elements using JavaScript.

  • You can change the style of the element.

  • Various events can be applied.

  • Capable of implementing UI/UX effects

This course is designed to build a solid foundation by focusing on the basics and core concepts of programming rather than flashy and complex features.

You will clearly understand basic concepts such as variables and operators, functions and objects, and the creation and utilization of arrays, while training logical thinking through conditional statements and loops.

Through hands-on practice in string processing, selecting HTML elements, changing styles, and event handling, you can master the fundamental skills that are immediately applicable in the field.

It also covers the latest ECMAScript 6 syntax and allows you to verify what you've learned through practical examples such as 'Back to top', 'Tab menu', and 'Accordion'. This course contains only the essential core concepts necessary for students starting programming for the first time.

This course is easier to follow if you have a basic understanding of HTML, CSS, and JavaScript.
If you would like to learn the basics for each part, please check the links below.

Implementing Moving Tabs

Implementing an Accordion

Implementing Back to Top Scroll Animation

Frequently Asked Questions

Q1. What kind of language is JavaScript (JS)?

JavaScript is a programming language that dynamically manipulates web pages. By adding interaction and logic to static structures created with HTML and CSS, you can implement mouse clicks, button actions, animation effects, and more.

Q2. I haven't learned HTML/CSS yet; can I take this course on its own?

This course is designed with a structure that requires foundational web publishing knowledge (HTML·CSS), so you can learn more easily if you are familiar with basic document structures.

Q3. What will I learn in this course?

This course covers the following topics:

  • Basic syntax such as variables, operators, functions, objects, and arrays

  • Building logical flows with conditional statements and loops bằng câu lệnh điều kiện và vòng lặp

  • Selecting HTML elements and changing styles

  • Event handling (click, hover, etc.)

  • Implementing simple practical examples such as Back to top buttons, tab menus, and accordions

Q4. What can I create after taking this course?

After completing this course, you will gain the ability to control HTML elements like a program.
For example:

  • Changing content upon button click

  • Switching tab menus

  • Applying effects based on scrolling
    and other interactive UIs can be implemented directly with code.

Q5. Which course should I take after this one?

After mastering the basic syntax, I recommend more practice-oriented JavaScript application courses or framework-based development courses.
For example:

  • Mastering Web Publishing – Figma to Web with JavaScript

  • First Encounter with React: A Practical Guide for Publishers
    Following this with project-based learning will allow you to expand into actual service development capabilities.

Communication Channels (Survey, 1:1 Open Chat Room)

Students can share their opinions and ask questions at any time through the News section's Google Form and 1:1 Open Chat Room.


Recommended for
these people

Who is this course right for?

  • Those who have learned the basics of HTML

  • Those who have learned the basics of CSS

  • Those who want to implement dynamic effects on web pages

  • Those who want to get a job as a web publisher

  • Those who dream of becoming a frontend developer

Need to know before starting?

  • HTML

  • CSS

Hello
This is ezweb

2,711

Learners

58

Reviews

4

Answers

4.9

Rating

11

Courses

■ [Current] Web Publishing and Front-end Instructor at Green Computer Art Academy
■ [Current] Operator of the Web Publishing YouTube channel 'Rock's Easyweb'
■ Web Publishing Instructor at The Joeun Computer Academy
■ Web Publishing Instructor at Hanbit Computer Academy
■ Front-end Publisher and Professional Front-end Publishing Instructor
■ UI/UX Web Design Portfolio Instructor


[ Books ]
Published 2021.07.19 / The Complete Figma Guide for Web Design & Web Publishing / BJ Public

Published 2022.08.25 / Coding for the First Time with Web Publishing / Youngjin.com

Published 2023.10 /2024 SD Edu Yu-seonbae Web Design Technician Practical Exam Tutoring Notes / Sidae Gosi Planning

2024.11 Reprint /2025 SD Edu Yoo-Sunbae Web Design Technician Practical Tutoring Notes / Sidae Gosi Planning

[ Awards ] August 2022: Green Computer Art Academy, Jongno Branch - Outstanding Instructor June 2021: Green Computer Art Academy, Jongno Branch - Outstanding Instructor June 2018: Green Computer Academy, Sinchon Branch -

[ Awards ]
2022.08 Green Computer Art Academy Jongno Branch - Outstanding Instructor 2021.06 Green Computer Art Academy Jongno Branch - Outstanding Instructor 2018.06 Green Computer Academy Sinchon Branch - Outstanding Instructor 2017.05 Green Computer Academy Sinchon Branch - Outstanding Instructor 2016.05 Green Computer Academy Sinchon Branch - Outstanding Instructor 2015.10 Green Computer Academy Sinchon Branch - Outstanding Instructor

More

Reviews

All

1 reviews

5.0

1 reviews

  • mrnobody님의 프로필 이미지
    mrnobody

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the great lecture.

    ezweb's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!

    $11.00