MCodes Frontend

Card Layout Tutorial HTML CSS Flexbox : Step by Step Tutorial 💪

CSS Text Background animation (in Sinhala)

CSS Grid column start, grid column end, grid row start, grid row end, auto & span (in Sinhala)

Create Light & Dark Mode for better UX & Accessibility | Prefers-color-scheme explained (Sinhala) 🔥

JavaScript String charAt & charCodeAt + toString explained (In Sinhala)

JavaScript timing events setInterval(), clearInterval(), setTimeout(), clearTimeout() (in Sinhala)

HTML Title & Meta tag | Boost Your Website by using These simple steps (in Sinhala)

JavaScript toUpperCase, toLowerCase, concat & Real Form Example with preventDefault (in Sinhala)

HTML Forms Crash Course: from Zero to Hero Step by Step Guide (in Sinhala)

How to Enable & Disable fields using JavaScript + setAttribute() & removeAttribute() In Sinhala

Next.js 14 remotePatterns vs Domains for External Remote Images (Sinhala) 🔥💪

Build a ReactJS Infinite Image Carousel / Slider (Sinhala) 🔥💪

Transparent background div with Text by using CSS (in Sinhala)

React JS React Hooks: useRef & ref attribute (Sinhala) 🔥💪

JavaScript String Substring method & Length property: All you need to know (in Sinhala)

Next.js 14 How to Add Local & Remote Images | Image Optimizations & Best practices (Sinhala) 🔥💪

React JS CSS Styling : Adding External CSS & Inline CSS (In Sinhala)

Visual Studio Code Tutorial and Live Server Extension (in Sinhala)

JavaScript Events: Event Handlers & Event Listeners Explained (in Sinhala)

Responsive Header with fixed background images using HTML & CSS (in Sinhala)

CSS Grid: justify items & align items (in sinhala)

Next.js 14 Introduction - Hello World (Sinhala) 🔥💪

Introduction to JSX: JSX Basics + All you need to know (In Sinhala)

How to Make a Website Homepage only by using CSS Position | CSS Challenge (Sinhala) 🔥💪

Next.js 14 How to add CSS Styles CSS Modules & globals.css (Sinhala) 🔥💪

How to Install & Use Tailwind CSS in ReactJS From Scratch (Sinhala) 🔥💪

Next.js 14 Mastering Layout & Nested Layouts (Sinhala) 🔥💪

Next.js 14 Mastering Dynamic Routes, Nested Dynamic Routes, Catch All Routes (Sinhala) 🔥💪

ReactJS How to Add Google fonts in React Project (Sinhala) 🔥💪

Next.js 14 Routing with Pages, Nested Routes & Grouping Pages (Sinhala) 🔥💪

Next.js 14 Server Components & Client Components | Common Interview Question (Sinhala) 🔥💪

How to Add React Icons in ReactJS App (Sinhala) 🔥💪

2024 සුපිරියක් කරගමු Motivation Video for IT Professionals 🔥💪🎉

Card Layout Tutorial HTML CSS Flexbox : Step by Step Tutorial 💪

CSS Opacity , Visibility & Display CSS Rules (Sinhala) 🔥💪

JavaScript trim, trimStart, trimEnd & Form Text Field with Success & Error Example (In Sinhala)

CSS Media queries incl. screen orientation: Mastering responsive website full course (in Sinhala)

JavaScript indexOf, lastIndexOf Important Methods in Strings 🔥 (In Sinhala)

React JS Import & Display Images (In Sinhala)

CSS nth child selectors: Complete guide incl. first child & last child

Responsive full page background image using HTML & CSS (in Sinhala)

JavaScript String Replace Method & Usage of Regular Expressions (in Sinhala)

CSS calc() function : Let’s Create Websites Like a Pro (in Sinhala) 💪

ReactJS Prop Drilling & useContext Hook (Sinhala) 🔥💪

Synchronous VS Asynchronous JavaScript in Sinhala

Next.js 14 How to Add Fonts, Variable Fonts, Google Fonts (Sinhala) 🔥💪

Next.js 14 Link Component - How to Link Navigate Between Pages & Dynamic Pages (Sinhala) 🔥💪

Next.js 14 Event Handling, Creating Functions & Managing States | UseState (Sinhala) 🔥💪

How to Create Todo List App HTML CSS & JavaScript (Sinhala)🔥💪

Responsive CSS Image Gallery Only in Two lines (Sinhala)🔥💪

Next.js 14 Files & Folder Structure Explained (Sinhala) 🔥