WEB DEVELOPMENT

Web Design 3.0 (JavaScript)

Bring websites to life with modern JavaScript (ES6+), interactivity, and dynamic API integrations.

An intermediate front-end web course. Master modern JavaScript (ES6+), Document Object Model (DOM) manipulation, event handling, asynchronous programming (Fetch API, Promises, Asyn...

Available: Online + Offline (Bali, Surabaya, Jember, Banyuwangi)
Web Design 3.0 (JavaScript)
Duration 16–24 Sessions (1.5–2 Hours / session)
Class Size Small Group (Max. 8 students)
Method Offline / Online Interactive
Tools JavaScript ES6+, DOM API, Fetch API, LocalStorage, VS Code, Browser DevTools

Who is This Class For?

  • Students comfortable with HTML & CSS who want to add dynamic logic and interactivity.
  • Aspiring front-end engineers who want solid Vanilla JavaScript fundamentals before learning React or Vue.
  • Web designers building modal popups, custom sliders, dynamic filters, and live API widgets.

JavaScript is the universal language powering all interactive web experiences today.

What Will Be Learned?

1

Module 1: Modern JavaScript Fundamentals (ES6+)

Let/Const, Arrow Functions, Template Literals, Destructuring, Array Methods (map, filter, reduce).

2

Module 2: DOM Manipulation & Event Handling

Querying and manipulating HTML nodes, toggling CSS classes, listening to click/input events, and form validation.

3

Module 3: Asynchronous JS, Fetch API & LocalStorage

Promises, Async/Await, fetching remote REST APIs (JSON), and persisting state (Dark Mode, Todo list) in LocalStorage.

LEARNING OUTCOMES

Skills & Knowledge Gained

Modern Vanilla JavaScript Skills

Writing clean, functional JavaScript without relying on heavy third-party libraries.

Dynamic DOM Interface Manipulation

Building interactive UI components like live search filters, modals, accordions, and calculators.

Asynchronous API Integration

Connecting static websites with live public REST APIs (weather feeds, movie databases, mock stores).

Course Fees

Tuition Details Inquiry

Tuition information for this course can be obtained directly by contacting our team.

Inquire Tuition

Frequently Asked Questions

Yes, understanding HTML structure and CSS classes is essential to manipulate webpage elements effectively.
Yes, we teach debugging techniques using Chrome/Firefox DevTools (Console, Breakpoints, Network tab).
Exactly. Mastering ES6+ here is the most crucial prerequisite before learning React, Vue, or Next.js.
RELATED COURSES

Explore Other Courses in This Program

START TOGETHER

The Best Investment for Your Child's Future

Sign up now for a trial class or consult with our educational advisory team.

Book Trial Consult with Our Team
Logo Koding Akademi

Koding Akademi

Online

Today
Start Chat