JavaScript Tutorials — Scripting, Caching Techniques and Performance Optimisation
JavaScript is the language of the modern web — the only programming language that runs natively in every browser, making it essential for anyone building interactive websites, dynamic web applications or modern front-end experiences. Beyond the browser, JavaScript now powers server-side development through Node.js, mobile applications through React Native, and desktop tools through Electron, making it one of the most versatile languages in software development today.
MYCPLUS has been publishing JavaScript tutorials and web programming guides since 2004. This section covers JavaScript from scripting fundamentals through to practical performance topics including caching strategies, browser optimisation techniques and efficient JavaScript programming patterns. With over 20 articles covering beginner through intermediate JavaScript concepts, you will find clear explanations of core scripting principles, DOM manipulation techniques, practical code examples for common web programming challenges, and performance guides that show you how to write faster and more efficient JavaScript.
hether you are a beginner writing your first JavaScript function, a web developer looking to improve application performance, or a programmer exploring modern JavaScript features — this section gives you the practical skills to write better JavaScript for real-world web development.
What You’ll Learn:
- JavaScript scripting fundamentals — variables, functions, control flow, scope, closures and the core JavaScript programming model with practical browser-based examples
- DOM manipulation and events — selecting and modifying HTML elements, handling user events, dynamic content updates and building interactive web page behaviour with JavaScript
- Caching techniques in JavaScript — browser caching strategies, service workers, localStorage and sessionStorage, application cache and practical caching patterns for faster web applications
- Performance optimisation — reducing JavaScript execution time, minimising reflows and repaints, efficient DOM operations, lazy loading techniques and writing high-performance JavaScript code
- Modern JavaScript features — ES6 and beyond including arrow functions, destructuring, template literals, promises, async/await and the modern JavaScript features used in professional web development
- Practical JavaScript source code — ready-to-use JavaScript programs covering common scripting tasks, utility functions, web application patterns and real-world coding examples
Why MYCPLUS: Trusted by web developers and JavaScript programmers since 2004 — every tutorial includes practical working code examples covering scripting fundamentals, caching strategies and performance techniques for real-world web development.
When we talk about custom form inputs, we are referring to those interactive elements on a web page where users input information. This includes text fields, checkboxes, radio buttons, and dropdown menus. But what makes them “custom”? Unlike standard HTML form elements, custom form inputs are designed and styled to match the specific look and feel of a website or application. They go beyond the default appearance and functionality by offering a unique and tailored user experience.
JavaScript Source Code Technology
Caching is crucial in web development because it helps make your favorite websites load faster. When you visit a website, it stores parts of the site on your computer or phone. The next time you visit, your device can quickly pull these stored parts, and the site loads way faster. This makes for a smoother and more enjoyable experience for users.
JavaScript Technology
A slow website can harm your SEO efforts, as Google uses page speed as one of its most important ranking factors. Moreover, speed affects the overall user experience (UX) – statistics show that 40% of users will abandon a website that loads for more than three seconds. There you have it – seven tips for optimizing JavaScript to boost a site’s performance. By understanding how JS code affects the load time, website owners will be more prepared to address the problem efficiently.
Code Quality JavaScript Technology
In JavaScript, we use braces {} for creating an empty object and brackets [] for creating an empty array. I find the Developer console in Mozilla Firefox or Google Chrome more convenient to print out any object and study the details.
Arrays JavaScript OOP
This is a small script that can display the current time in “Military Time” format or “12 Hour Time” format with the push of a button. It shows two radio buttons to change the time format and a text box to display the time.
JavaScript Source Code
This is a simple JavaScript Program to show Date and Time Stamp on a webpage. In this script we define a JavaScript function named getFormattedDateTime. This function uses the Date object to get the current date and time. It then formats them into a human-readable string.
JavaScript Source Code
This JavaScript code does a great job of displaying information about your web browser. Information includes Browser Name, Version, your computer’s OS platform, and whether Java is enabled.
JavaScript Source Code
Use JavaScript to find out just how much that new house or car is going to cost you each month.
JavaScript Source Code
It’s often necessary to make a script only accessible to the newer browsers (that can support the script without error)
JavaScript Source Code
Does it ever bother you how much a long-distance phone call is going to cost, after you hung up? With
JavaScript Source Code
The periodic table is a tabular arrangement of the chemical elements, ordered by their atomic number, electron configuration, and recurring
JavaScript Source Code
This script allow you to quickly blink the background. With a click of a button, the background changes from white
JavaScript Source Code
