Front-end
My personal front-end development experience.
Categories
SEO
SEO (Search Engine Optimization) is a set of techniques and strategies for improving a website's organic ranking in search engines. The goal is to make a site easier for search engines to understand and index, which increases visibility and traffic. Whether it is content optimisation, technical restructuring or a better user experience, SEO is an essential part of any modern website. For front-end developers, understanding SEO not only improves site performance but also brings real results to the product.
JavaScript
JavaScript is a high-level interpreted programming language that runs in browsers and on servers. It was originally designed to make web pages interactive, and has since become the standard language of front-end development, widely used for back-end work (such as Node.js), mobile apps, desktop apps and even IoT development. This category covers my development notes on JS.
Bundlers
A bundler is an indispensable front-end tool that combines many modules (JavaScript, CSS, images, fonts and other assets) into one or a few files a browser can run. Common bundlers include Webpack, Vite and Parcel. Bundling improves site performance and reduces load time, while supporting modular development and asset optimisation (minification, splitting, caching and more).
Latest posts
JS Fundamentals: The this Keyword, Part 2 (Controlling this Binding)
The five ways this is bound in JavaScript: default, implicit, explicit, new and arrow function binding, with their priority rules and common pitfalls.
JS Fundamentals: The this Keyword, Part 1 (Definition & Basic Examples)
Understand JavaScript's this keyword with clear examples: what it is, default binding, implicit binding, and the most common pitfalls.
Set Up a Custom Domain for Your Vercel Site with Namecheap
•SEOHow to buy a domain on Namecheap and point it at your Vercel deployment with DNS records, so people can find your site on Google.
Next.js SEO Notes: Getting Your Site Discovered by Search Engines
•SEOPractical Next.js SEO notes: favicon, metadata, self-hosted fonts, SSG and ISR, sitemap.xml, robots.txt and Google Search Console.
Understanding Webpack: Transpiling JS Modules, Handling Images and Browser Support
A beginner-friendly introduction to Webpack, the bundler behind many React projects: modules, loaders, plugins, Babel, source maps and the dev server.