Basic JavaScript ES6+ and jQuery is a foundation course in modern JavaScript from ES6 onwards, covering functions, arrays and objects, classes, modules, the DOM and API calls with async/await, followed by jQuery 4 and jQuery UI for maintaining existing sites. It suits students, teachers and IT staff who already know some HTML and CSS.
JavaScript runs on every web page, and it has improved greatly since ES6. Many tasks that once needed jQuery, such as selecting and changing the DOM, handling events and calling APIs, can now be done with standard JavaScript. Even so, many websites, internal systems and plugins still use jQuery, and jQuery 4, released in 2026, removed a number of old APIs. Developers therefore benefit from understanding both modern JavaScript and jQuery, so they can write new work and maintain existing systems.
This new edition puts modern JavaScript from ES6 onwards first: variables, functions, arrays and objects, classes, ES modules, the DOM, events, promises, async/await and the Fetch API. It then moves on to jQuery 4 and jQuery UI, compared side by side with standard JavaScript, and finishes with a workshop that migrates older jQuery code to jQuery 4 or standard JavaScript. (2 days, 6 hours per day, 12 hours in total, Beginner level.)
Course Details
This course is the 2026 edition of Basic JavaScript ES6 and jQuery, rewritten to put modern JavaScript at its core and updated for jQuery 4. It runs for 2 days, 6 hours per day (12 hours in total, 09:00-16:00), as lectures alternating with labs and workshops throughout. Beginner level. Learners write JavaScript with ES6+ syntax, work with arrays and objects, use classes and ES modules, handle the DOM and events, call APIs with async/await, then use jQuery 4 and jQuery UI and practise migrating older jQuery code with jQuery Migrate. They take home the source code for every lab.
Section 1: Lab: Getting Started with Modern JavaScript
Section 2: Variables, Data Types, Conditions and Loops
Section 3: Lab: ES6+ Functions
Section 4: Lab: Arrays, Objects, Maps and Sets
Section 5: Lab: Classes and ES Modules
Section 6: Lab: The DOM and Events with Standard JavaScript
Section 7: Lab: Promises, async/await and the Fetch API
Section 8: jQuery 4 Today
Section 9: Lab: jQuery Ajax, Effects and jQuery UI
Section 10: Workshop: Migrating Existing jQuery Code
No public rounds are open right now. Join the waiting list and we will contact you first when the next round opens, or ask us on LINE. Or call 02-570-8449 or 088-807-9770
var is the older way to declare variables. It is function-scoped and can be redeclared, which easily causes bugs inside loops or if blocks. let and const, introduced in ES6, are block-scoped within curly braces and cannot be redeclared in the same block. Use let for values that change. const cannot be reassigned, although the contents of an object or array it holds can still change. The usual guidance is to prefer const, use let when needed and avoid var.
A promise represents the result of work you have to wait for, such as an API call that will succeed or fail later. You use then to receive the result and catch to handle errors, instead of nesting callbacks. async/await makes promise-based code read line by line, for example const res = await fetch(url) followed by await res.json(), wrapped in try/catch to handle errors. Check res.ok before using the data, because fetch does not treat statuses such as 404 as errors.
jQuery was created to make selecting and changing the DOM, handling events and making AJAX calls short and consistent across browsers, for example $('.btn').on('click', handler). Standard JavaScript now does much the same with querySelector, addEventListener, classList and fetch, so new projects often skip jQuery. It is still common in existing sites, internal systems and plugins. jQuery 4, released in 2026, is still maintained but removed many old APIs, so understanding both approaches helps you maintain older systems and move code to current practice.
It suits students, teachers, IT staff and system administrators who maintain sites that use jQuery, and web designers who want to start writing JavaScript to current standards. No JavaScript experience is needed, but you should have some web design background, such as a basic understanding of HTML and CSS.
You will be able to write JavaScript with ES6+ syntax, including conditions, loops, functions, arrow functions, destructuring, spread, classes and ES modules, work with data using map, filter, reduce, Map and Set, handle the DOM and events with standard JavaScript, call APIs with fetch and async/await, use jQuery 4 and jQuery UI, and upgrade older jQuery code with jQuery Migrate. Participants who complete the training receive a Certificate of Completion with its own number, which can be verified online.
Yes. This course can be run in-house for your team, with examples adapted to your work, such as upgrading pages in your organisation's systems that still use older jQuery to jQuery 4 or standard JavaScript. You can request a quotation from this page or contact us on LINE @itgenius or by phone on 02-570-8449.
Articles are published in Thai.
Every major browser now supports HTML and CSS features that used to need JavaScript or third-party libraries: forms that validate themselves, dialogs and popovers, styling based on what an element contains with :has(), components that adapt to the space they…
Every website we open today, whatever tool or framework built it, ends up in the browser as HTML and CSS. People who understand these two languages can edit pages, adapt templates and talk to development teams with confidence. Yet many beginners learn from…
JavaScript is the one language every browser understands, so it sits behind almost every button, menu, form and interactive screen on the web, and it is also the foundation of React, Vue, Node.js and many other modern tools. Yet many beginners learn from…
