beginnerweb development

HTML, CSS, Tailwind & GitHub: Ship Your First Website

Build and ship your first real website, taught in Af-Soomaali: HTML, CSS, Flexbox, Grid, and Tailwind, then push to GitHub and go live on Vercel. 27 hands-on hours.

Mohamud Osman

Instructor

151 lessons25h 2m

HTML, CSS, Tailwind & GitHub: Ship Your First Website

Part of a mentorship

Full Stack AI Engineer

This course is included in the mentorship. It isn't sold on its own.

View mentorship

What's included

151 video lessons
25h 2m of content
Certificate of completion
Course access

What you'll learn

Understand how the Internet and Web work

Set up VS Code development environment

Write HTML pages with forms and semantic structure

Style pages with CSS fundamentals

Use Flexbox and Grid for layouts

Build responsive designs

Use Tailwind CSS for rapid styling

Push code to GitHub

Deploy a website to Vercel

Curriculum

28 sections151 lessons25h 2m total

Your instructor

Instructor

Mohamud Osman

A seasoned software engineer with over 11 years of experience in full-stack development. Mohamed has founded multiple successful startups including Dugsiiye and Imagingface, and has mentored thousands of developers worldwide. His expertise spans from frontend technologies like React and Next.js to backend systems, DevOps, and AI/ML applications.

23courses·7K+students

View full profile

About this course

Phase 1 — Web Foundations. Bilowga shaqada Full Stack AI Engineer-ka. Halkan waxaad ku baran doontaa qaybaha aasaasiga ah ee dhammaan codebases-ka modern-ka.

Maxaad baran doontaa:

HTML — qaab-dhismeedka bog walba (tags, forms, semantic HTML)
CSS — colors, typography, box model, Flexbox iyo Grid
Tailwind CSS — utility-first styling oo dhaqsi loo qoro
Git iyo GitHub — version control iyo collaboration
Vercel deploy — sida bog-gaaga internet-ka loogu daabaco

Capstone: Bog web ah oo styled, version-controlled, oo deployed ah Vercel — milestone-ka ugu horreeya ee aad la imaan doontid Discord-ka.

13 more courses to explore.

AI Engineering Masterclass: Build LLM Apps with RAG & Agents

advanced

Save $15

AI Engineering Masterclass: Build LLM Apps with RAG & Agents

An AI engineering masterclass for Somali speakers: build a chat app, an AI image editor, a chat-with-PDF RAG system, and a multi-agent system with the AI SDK, Pinecone, and Inngest.

$34$49

Agentic Coding with Claude Code: Build & Ship a Real App

intermediate

Save $21

Agentic Coding with Claude Code: Build & Ship a Real App

Master Claude Code in Af-Soomaali: the Explore, Plan, Code, Commit workflow, plus CLAUDE.md, skills, subagents, MCP, and worktrees, then build and ship a real app.

$49$70

Next.js Masterclass: Build Full-Stack Apps with App Router

intermediate

Save $7

Next.js Masterclass: Build Full-Stack Apps with App Router

Next.js with the App Router, taught in Somali: Server Components, Server Actions, and caching, ending in a full-stack MongoDB app with frontend and backend in one project.

$18$25

MERN Stack: Build Full-Stack Apps with React & Node

intermediate

Save $9

MERN Stack: Build Full-Stack Apps with React & Node

One complete MERN app, taught in Somali: an Express API with JWT auth, a React dashboard with React Query and ShadCN, then a full-stack deploy to production.

$21$30

React Native: Build iOS & Android Mobile Apps

intermediate

Save $9

React Native: Build iOS & Android Mobile Apps

Build iOS and Android apps from one codebase with React Native and Expo, taught in Somali. The big project: a full-stack AI calorie tracker with camera, OpenAI food analysis, and reports.

$21$30

SaaS Engineer: Build & Deploy Full-Stack Apps

intermediate

Save $9

SaaS Engineer: Build & Deploy Full-Stack Apps

Ship one complete SaaS in Af-Soomaali: Node.js API, Next.js frontend, Stripe plus EVC/Zaad mobile-money payments, an AI headshot generator, and Redis caching, deployed to your own VPS with CI/CD.

$21$30

HTML, CSS, Tailwind & GitHub: Ship Your First Website

What you'll learn

Curriculum

Welcome & Setup

How the Web Works

Environment Setup

HTML Basics

More on HTML Basics

HTML Forms

HTML Attributes

Semantic HTML

HTML Wrap-Up Assignment: Important

Transitioning to Visual Studio Code

Introduction to CSS: Styling Your Web Pages

Mastering Colors in CSS

Mastering Fonts in CSS

Margin | Padding | Border

Width and Height

Display and Background Properties

Introduction to CSS Positioning Types

CSS Box Model

CSS Flex Box

CSS Grid

Cloning a Website Layout Project

Responsive Design

Responsive Flexbox

Responsive Grid

Complete Responsive Design Project

Git and GitHub

HTML and CSS Final Project Preview 😍

Tailwind CSS

Your instructor

Mohamud Osman

About this course

13 more courses to explore.

AI Engineering Masterclass: Build LLM Apps with RAG & Agents

Agentic Coding with Claude Code: Build & Ship a Real App

Next.js Masterclass: Build Full-Stack Apps with App Router

MERN Stack: Build Full-Stack Apps with React & Node

React Native: Build iOS & Android Mobile Apps

SaaS Engineer: Build & Deploy Full-Stack Apps