This course teaches you to write real HTML and CSS by hand — every tag, every property, every line. Not drag and drop. Not a template. Actual code. When you finish, you will look at any website, open the source code, and understand every single thing on the screen. That is a different kind of skill from anything in the no-code world.
They are both legitimate. They serve different people. If you need a working business website quickly, the No-Code course is probably the right choice. This course is for people who specifically want to know how the thing works — and who accept that understanding takes longer than using a tool.
When a WordPress site breaks, most people open Google and hope someone has already solved their exact problem. When a hand-coded site breaks, you read the code, find the line that is wrong, and fix it — because you wrote every line and you know what each one is supposed to do.
That independence is what this course builds. You are not learning to click buttons in a specific tool. You are learning the language that every website on earth is written in. A language that does not change when a plugin updates, when Elementor releases a new version, or when WordPress makes a decision that breaks something.
There is also a ceiling in no-code that does not exist in coded. A client asks for a custom component that Elementor cannot produce. A job description says “basic HTML/CSS knowledge required.” A website design needs something specific enough that no template fits it. These are the moments where coding knowledge is not optional — and this course is where you build it.
The honest trade-off: it takes longer to learn. The first module feels slow. The first week feels uncertain. Somewhere in module three, something clicks. By module six, you are reading other people’s code and understanding it without looking anything up. That takes time. It is worth it.
The real difference
Almost every “learn to code” course rushes to JavaScript. The pitch is: JavaScript makes things interactive, interactive is exciting, therefore go to JavaScript fast. The result is students who copy JavaScript they do not understand, because they do not understand the HTML it is manipulating or the CSS it is overriding.
JavaScript works on top of HTML and CSS. It selects HTML elements and changes their CSS properties. If you do not know HTML elements and CSS properties, JavaScript is just magic you cannot reproduce without copying someone else’s code.
Jones teaches HTML and CSS until they are solid before touching JavaScript. Not because JavaScript is unimportant — it is essential. But because a JavaScript developer who cannot read a CSS file is building on an unstable foundation. This course builds the foundation correctly.
By the time you finish this course, you will understand the DOM (the tree of HTML elements every page is made of) in a way that makes JavaScript intuitive rather than mysterious when you come to it. The Web Dev Coded course is where the foundation is built. JavaScript comes after.
If you need JavaScript now: this is not the right course to start with. If you want to understand what JavaScript is actually doing when you use it, building the HTML and CSS foundation first is not optional — it is the difference between using JavaScript and understanding it.
“I built every page on this website by hand. Not in Elementor. In a text editor, with HTML and CSS. This course teaches exactly that — because it is the only way to build a site you truly own and fully understand.”
Jones Mangoh — Founder, COPYDNAThe COPYDNA website itself — all 33 pages — is hand-coded HTML and CSS. Not a theme. Not a page builder. Jones wrote every <div> and every border-radius: 8px by hand. The course teaches the exact approach used to build the site you are reading right now.
When something needed changing on this site — a colour, a spacing adjustment, a new section — Jones opened a text file, made the change, and it was done. No Elementor panel. No theme customiser. Just code.
Every module shows a real snippet from what you will produce in that module. This is not example code from a textbook — it is the kind of code that builds pages like the one you are reading now.
Every web page starts with the same basic structure. This module teaches what <!DOCTYPE>, <html>, <head>, and <body> actually do — not as definitions to memorise but as things you type, save, open in a browser, and see the result of. The first time your text file becomes a web page is the moment this course starts to feel real.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First Page</title>
</head>
<body>
<h1>Hello Dubai</h1>
</body>
</html>
This module covers the elements you will use on literally every page you ever build: headings, paragraphs, links, images, buttons, and lists. The focus is on understanding what each element means semantically — not just what it looks like, but what it tells the browser (and Google) about the content. Correct semantic HTML is why some pages rank and others do not.
<h1>Shipping Company Dubai</h1>
<p>Door-to-door freight across all 7 Emirates.</p>
<a href="https://wa.me/971563308732"
target="_blank">
WhatsApp Us Now
</a>
<img src="fleet.jpg" alt="UAE delivery trucks">
This is where the page stops looking like a Word document from 1997. CSS is the language that makes a website look the way it looks — every colour, every font choice, every gap between elements. This module teaches selectors, properties, and values: the three things every CSS rule is made of. You will write the CSS file that transforms your plain HTML page into something that looks intentional.
/* Set the page foundation */
body {
font-family: "Inter", sans-serif;
color: #0A2540;
background: #ffffff;
}
h1 {
font-size: 2.5rem;
font-weight: 800;
letter-spacing: -0.04em;
}
The single hardest concept for most beginners — and the one that unlocks everything. Once you understand the CSS box model (every element is a rectangle with content, padding, border, and margin) and how Flexbox arranges those rectangles relative to each other, you can build any layout. Two-column grids. Centred hero sections. Navigation bars that space themselves correctly on every screen width. This module covers both until they feel natural.
.hero {
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
padding: 64px 24px;
}
.hero-title {
max-width: 540px;
}
Over 80% of UAE web traffic comes from phones. A page that looks correct on a 1440px monitor and broken on an iPhone is a broken page. This module teaches CSS media queries — the specific code that tells a browser “when the screen is narrower than 768px, change the layout like this”. You will make your existing pages reflow correctly on mobile without JavaScript, without a framework, and without a visual editor.
/* Desktop: 2-column side by side */
.hero {
grid-template-columns: 1fr 1fr;
}
/* Mobile: stack vertically */
@media (max-width: 768px) {
.hero {
grid-template-columns: 1fr;
}
}
The final module is a full build session. Starting from an empty file, you write a complete, styled, mobile-responsive business page — navigation, hero section, WhatsApp CTA, a services section, and a footer. Everything you have learned in modules one through five goes into this single file. When you close your text editor at the end of this module, you have a live page you wrote line by line.
/* WhatsApp CTA button */
.wa-btn {
background: #25D366;
color: #fff;
border-radius: 8px;
padding: 14px 28px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 8px;
}
A significant portion of UAE websites serve Arabic-speaking users. When you add Arabic text to an HTML page, the browser needs guidance — Arabic reads right to left, which affects text alignment, list direction, and even which side padding feels natural on. This course covers the dir="rtl" attribute and the direction CSS property, and shows you how to build a page that handles both languages correctly without breaking the layout for either audience.
This is one of the most common gaps in how UAE websites are built — developers who learned from Western tutorials do not even know this issue exists until an Arabic-speaking client points it out. This course covers it explicitly because every UAE web developer encounters it.
UAE internet speeds in major cities are fast. But some areas, and many frequent travellers moving between Emirates, experience slower connections. The way you write HTML and CSS affects how quickly a page loads — unnecessary code, large unoptimised images in the wrong format, fonts loaded incorrectly, render-blocking stylesheets. This course teaches how to write lean, fast-loading HTML and CSS that performs well on real UAE devices.
The CSS you write in this course uses font-display: swap for web fonts, keeps specificity low so browsers parse it faster, and avoids the bloated class structures that visual builders generate. These are not advanced optimisation topics — they are habits you build from the start by writing code by hand rather than letting a tool generate it for you.
Most coding courses oversell the learning curve. The first week of writing actual code is uncomfortable. That discomfort is where real learning happens. Jones does not pretend otherwise.
You have used WordPress, Webflow, or Squarespace. You have produced decent sites. Then you hit a requirement the tool cannot meet — a specific layout, a custom component, a design that does not fit any available template. Every time this happens, you hire someone or compromise the design. This course is the version where you stop compromising. Understanding HTML and CSS means the only limit is your knowledge, not the tool’s feature list.
◆ Focused builderYou want a career change or a skill addition that opens doors in Dubai’s tech and digital sector. HTML and CSS are the foundation. Every web developer job in the UAE lists them. Every front-end role assumes them. This course does not promise a career — HTML and CSS alone are not sufficient for a developer role, and Jones is clear about this. But they are the required first step, and this course builds them properly so that JavaScript, frameworks, and portfolio projects can follow on a solid base.
▲ Career foundationYou currently build WordPress sites and you are good at it. But certain client requests — complex custom layouts, sites that perform better than WordPress can, full ownership without CMS dependency — require you to either turn the work away or bring in a developer. This course gives you the HTML and CSS foundation to take on those projects yourself. The leap from “I know no-code” to “I can code the front end” is significant in terms of what you can charge and who you can work with.
◆ Skill expansionNo fixed schedule. Study from anywhere in the UAE or internationally. All you need is a laptop and a free text editor.
Every module is taught by Jones typing the code live. You type the same code at the same time. By the end of every module, your file contains the same working code you just watched being written.
Code has bugs. When yours breaks — and it will, because everyone’s code breaks — you send Jones a WhatsApp message with what you have written. He reads it, finds the issue, explains why it broke, and tells you the fix.
HTML and CSS are stable languages — they do not change the way JavaScript frameworks do. But when browser support evolves or new CSS features become widely available, Jones updates the course content.
Because teaching HTML, CSS, and JavaScript simultaneously is a significant reason people give up learning to code. JavaScript manipulates HTML elements and CSS properties — if you do not understand those, JavaScript is just confusing syntax with no intuitive foundation. Jones teaches HTML and CSS until they are genuinely solid. That foundation makes JavaScript learnable rather than mysterious when you come to it. This course is the foundation. JavaScript comes after, and it comes faster and with more understanding when the foundation is properly built.
Complete beginners. The course assumes you have never typed a line of code in your life. Module 1 starts with installing a text editor and opening an empty file. If you have some HTML exposure already, you will move through the early modules faster and spend more time in the CSS and layout sections, which is where the depth is. Jones pitches the content for someone starting from zero, but the course is structured so someone with partial knowledge can work through it at their own pace.
The No-Code course uses WordPress and Elementor — you build visually, you never type a line of code, and you can have a live website by the end of a focused weekend. This course teaches you to write HTML and CSS by hand, line by line. It takes longer to produce a working page. The trade-off is understanding — you know exactly what every line does, you can build anything, and you can fix anything. If you primarily need a working website for your UAE business, No-Code is likely the better starting point. If you want to understand how websites work or build a technical skill, start here.
HTML and CSS are listed in essentially every web development job description in the UAE as foundational requirements. This course builds that foundation properly. A web development career also requires JavaScript, at least one framework (React is the most common in the UAE market), version control (Git), and a portfolio of real projects. Jones is straightforward about this: this course is not the whole path, it is the correct start of the path. The foundation this course builds is the one that makes JavaScript, React, and everything that follows actually make sense.
If you work through one module per session and type the code as you go (which Jones strongly recommends over watching first and coding after), most students complete the six modules over 3–5 weeks. The CSS layout module (module 4) typically takes longer than the others — Flexbox is the concept that requires the most practice to feel natural. Jones recommends spending extra time on module 4 rather than rushing through it, because it underpins modules 5 and 6 completely.
Pricing is available via WhatsApp enquiry. Message Jones with the course name and he will send you the full details — what is included, how access works, and current pricing. He replies personally within 2 hours during business hours. The only additional cost is a text editor, which Jones recommends VS Code — it is free.
“We’d been running for three years on WhatsApp and word of mouth. No website, no proper brand presence. Jones sorted both in under two weeks. Eight weeks after going live, 67 wholesale buyers had contacted us through the site — most of them had never heard of us before that.”
“I didn’t really understand what a copywriter does for a signage company, if I’m honest. But after Jones rewrote our site and how we explain our services, the type of clients calling us changed. Less small walk-in jobs, more proper contracts. The positioning made a real difference.”
“Before Jones built our website, we were completely invisible online. He wrote everything — every page, every service description, the enquiry form. Within two months we had 12 new accounts from companies that found us through Google. That just wouldn’t have happened without it.”
Message Jones on WhatsApp with the course name. He sends you the details — what is included, how to start, what it costs. He replies personally within 2 hours.
100% online · HTML + CSS only · Jones types the code with you · UAE-specific examples