Full-Stack JS Freelancing Bootcamp

Master frontend and backend development with HTML, CSS, JavaScript, React, Node.js, Express, and PostgreSQL. Build real applications, create a professional portfolio, and become ready for global freelance opportunities.

40 Portfolio Projects

Total Technical
Projects
20 Mockup Proposals

Total Mockup Proposals

Work with
a Real Client

Start your career with your Project Manager

Full-Stack JS Freelancing Bootcamp

Master frontend and backend development with HTML, CSS, JavaScript, React, Node.js, Express, and PostgreSQL. Build real applications, create a professional portfolio, and become ready for global freelance opportunities.

40 Portfolio Projects

Total Technical
Projects
20 Mockup Proposals

Total Mockup
Proposals
Work with a Real Client

With your Project Manager help

Become a Full-Stack Developer

Who Can Build Real Digital Products

The world needs developers who can do more than write code.

Businesses need professionals who can transform ideas into complete working applications — from beautiful interfaces to powerful backend systems.

This bootcamp takes you from beginner to professional Full-Stack Developer by teaching you how to design, build, deploy, and present real-world applications that clients pay for.

You will not graduate with simple tutorials. You will graduate with a portfolio of complete projects that prove your ability.

In this bootcamp, you will:

Build modern websites and web applications
Learn HTML, CSS, Bootstrap, JavaScript, React, Node.js, Express, and PostgreSQL
Create secure applications with databases and authentication
Build client-ready portfolio projects
Learn how to sell your development skills globally

Overview

Full-Stack Developers Build the Digital World

Business websites
SaaS platforms
Customer portals
Internal tools
Dashboards
Mobile-responsive applications
Business websites
Data-driven systems

Overview

Full-Stack Developers Build the Digital World

Business websites
SaaS platforms
Customer portals
Internal tools
Dashboards
Mobile-responsive applications
Business websites
Data-driven systems

You don't start as an expert. You start with curiosity. We guide you through a complete transformation

Stage 1
Build Your Development Foundation

Learn how websites work, how interfaces are created, and how professional developers think.

Stage 2
Build Interactive Web Experiences

Learn Technical Skills, HTML, CSS, JavaScript, React, Backend Systems, and Frontend Development by building practical projects.

Stage 3
Become Client Ready

Learn the freelancing skills, how to communicate with clients, price your services, write proposals, and deliver professional solutions.

Stage 4
Create Your Professional Portfolio

Build real-world automation systems that demonstrate your ability to solve business problems.

Stage 5
Start Your Freelancing Career

Launch your profiles, apply for opportunities, and start building your global income stream.

What You Will Do

By The End Of This Bootcamp, You Will Be Able To:

Frontend
HTML
CSS
Bootstrap
Flexbox/Grid
JavaScript (ES6)
jQuery
React.js

Backend
Node.js
Express.js
REST APIs
EJS

Database
PostgreSQL

Version Control
Git
GitHub

CLI
Unix Command Line

Security/Auth
Authentication
Sessions, OAuth
Password security4)

Complete List of Tools, Software, and Platforms
VS Code
Node.js
Git & GitHub
Postman
pgAdmin
DigitalOcean (backend deployment)
Vercel (frontend deployment)
Domain provider (e.g., Hostinger)

Create responsive interfaces using:
HTML
CSS
Bootstrap
JavaScript
React

You will build:
Landing pages
Business websites
Interactive applications
Modern user interfaces

Build the technology behind applications:
Node.js
Express.js
REST APIs

You will understand:
Server architecture
Database communication
Application logic
API development

Work with:
PostgreSQL

Build:
Data models
Relationships
Secure user systems
Business applications

Create professional systems with:
Authentication
Password security
Sessions
OAuth login
Protected data

Offer valuable services such as:
Website development
Web application development
SaaS development
Dashboard creation
API integration
Backend development

What's included?

Learning Goal
Build well-structured, accessible, multi-page websites using modern HTML.

You'll Learn
How websites and the internet work
HTML document structure and boilerplate
Headings, paragraphs, lists, links, and images
File paths and multi-page navigation
Semantic HTML and accessibility basics
Publishing static websites with GitHub Pages

You'll Build
Movie Ranking Page
Birthday Invite Page
Multi-Page Portfolio Website
Online Resume Capstone

Outcome
You'll be able to create and publish structured, accessible, multi-page websites from scratch.

Learning Goal

Design polished, responsive interfaces using CSS, Flexbox, Grid, and Bootstrap.

You'll Learn
CSS selectors, cascade, specificity, and inheritance

Colors, typography, spacing, and the box model
Positioning and advanced CSS techniques
Responsive design and media queries
Flexbox and CSS Grid layouts
Bootstrap components and responsive utilities

You'll Build
Colour Vocab Website
Motivational Poster Website
CSS Flag
Web Design Agency Website
Pricing Table
Mondrian Painting
TinCat Startup Website

Outcome
You'll confidently transform HTML pages into polished, responsive websites that work across devices.

Learning Goal
Develop interactive browser applications and solve programming problems with modern JavaScript.

You'll Learn
Variables, data types, operators, and functions
Conditions, loops, arrays, and objects
ES6 syntax and problem-solving techniques
DOM selection and manipulation
Events, callbacks, audio, and animations
Application state, debugging, and jQuery fundamentals

You'll Build
BMI Calculator
Leap Year Challenge
Dicee Game
Drum KitSimon Game

Outcome
You'll be able to write JavaScript logic, manipulate the DOM, debug code, and build interactive web applications.

Learning Goal
Apply web-design principles to deliver client-ready front-end websites and portfolio case studies.

You'll Learn
Color theory, typography, and visual hierarchy
User experience and interface design principles
Responsive design quality assurance
Landing-page structure and conversion-focused design
Multi-page business website planning
Portfolio presentation and design case studies

You'll Build
Web Design Agency Website

Outcome
You'll be able to plan, design, build, and present professional front-end work suitable for real clients and a portfolio.

Learning Goal
Build secure server-side applications and REST APIs using Node.js, Express, EJS, and professional developer tools.

You'll Learn
Unix command line and backend fundamentals
Node.js modules, npm packages, and server-side JavaScript
Express routing, middleware, forms, and error handling
EJS templates and dynamic server-rendered pages
Git, GitHub, branches, and version-control workflows
APIs, REST design, authentication, sessions, and security

You'll Build
QR Code Generator
Secrets Access Project
Band Generator
Blog REST API
Authenticated Secrets App
Blog Web Application Capstone
Public API Application — Capstone Project

Outcome
You'll be able to build, version, test, and secure backend web applications and REST APIs.

Learning Goal
Design relational databases and connect PostgreSQL to production-style web applications.

You'll Learn
Database concepts and relational data modeling
Tables, keys, relationships, and constraints
SQL queries and CRUD operations
Filtering, sorting, grouping, and joins
PostgreSQL setup and administration basics
Connecting Node.js applications to PostgreSQL safely

You'll Build
SQL Practice Database
Permalist Project
Book Notes Capstone

Outcome
You'll be able to design relational schemas, write SQL queries, and build persistent data-driven applications.

Learning Goal
Build maintainable, component-based user interfaces with React and modern JavaScript.

You'll Learn
React fundamentals and JSX
Reusable components and props
State management and event handling
Mapping data to components and list rendering
Conditional rendering and form interactions
Hooks, styling, ES6 spread syntax, and debugging

You'll Build
React Styling Practice
Keeper App
Props and Mapping Challenges
Mapping Data to Components Practice
Conditional Rendering Practice
API-Based React Interface

Outcome
You'll be able to design reusable React components and build interactive, state-driven front-end applications.

Topic 1 — LinkedIn Freelancing Mindset
Topic 2 — Profile Optimization (Your Sales Page)
Topic 3 — Positioning & Offer Creation
Topic 4 — Content Strategy (MAIN ENGINE)
Topic 5 — Content Execution System
Topic 6 — Outreach Strategy (DMs That Convert)
Topic 7 — Lead Generation & Inbound Clients
Topic 8 — Sales & Closing Clients
Topic 9 — Portfolio & Authority Building
Topic 10 — Scaling Your LinkedIn Freelancing
Topic 11 — Real Client Simulation

Learning Goal
Choose the freelancing platform that best fits your technical skill, English level, experience, work preferences, payment needs, and income goals.

You'll Learn
How to distinguish gig-based, bidding-based, and networking-based freelancing platforms.
How to compare platforms by entry difficulty, competition, pricing, English, fees, and payment security.
How to evaluate platform fit based on your skill, English level, experience, and payment needs.
How to compare Upwork, Freelancer.com, Mostaql, Khamsat, Fiverr, and LinkedIn.How to decide whether to focus on one platform or multiple platforms.
How to choose a platform based on your current freelancing stage.
How to assess your work style, communication preferences, and freelancing goals.

You'll Build
Complete a platform selection test based on your profile.
Choose the platform that best fits your current profile.

Outcome
You'll be able to select the marketplace that best matches your current profile and follow a focused plan instead of spreading your effort across unsuitable platforms.

Learning Goal
Build a professional Mostaql presence and use the platform workflow from niche selection and profile setup through proposals, delivery, payments, and growth.

You'll Learn
How to define your niche, main skill, and income goal on Mostaql.
How to create and optimize a professional Mostaql profile and bio.
How to find relevant projects and decide when to apply or skip.
How to write customized proposals and set beginner-friendly pricing.
How to present portfolio work that proves your skills.
How to build a focused application routine for your first project.
How to communicate with clients, clarify scope, deliver work, and handle revisions.
How to manage withdrawals, repeat work, and pricing growth.

You'll Build
Create a complete Mostaql profile and professional bio.
Create at least 3 portfolio projects for your Mostaql profile.
Analyze real projects, submit customized proposals, and track client responses.
Write a professional project delivery message.
Complete a simulated Mostaql client workflow from proposal to revision.

Outcome
You'll be able to use Mostaql end-to-end: present your profile, target suitable projects, submit stronger proposals, manage client work, and plan your next growth stage.

Learning Goal
Create a market-ready Khamsat service and manage the full buyer journey from service validation and publishing through delivery, reviews, and growth.

You'll Learn
How to define your skill, niche, and income goal on Khamsat.
How to create a professional Khamsat profile and bio.
How to choose and validate a service idea before publishing.
How to create, price, package, and improve a Khamsat service.
How to prepare work samples that help buyers evaluate your skills.
How to use visibility actions and demand signals to support your first order.
How to handle buyer questions, custom requirements, delivery, revisions, and order issues.
How to manage withdrawals, repeat buyers, pricing, and service growth.

You'll Build
Create a complete Khamsat profile and professional bio.
Create one Khamsat service ready to publish.
Prepare at least 3 work samples to support your service.
Write a professional order delivery message.
Complete a simulated Khamsat client journey from inquiry to revision.

Outcome
You'll be able to launch and manage a professional Khamsat service, communicate with buyers, deliver orders effectively, and build toward repeat sales and growth.

Learning Goal
Build a client-ready Upwork presence and manage the workflow from niche validation and profile setup through job search, proposals, negotiation, contracts, delivery, and growth.

You'll Learn
How to choose and validate an Upwork niche using marketplace demand.
How to create a professional Upwork account and profile overview safely.
How to build and present portfolio projects on your Upwork profile.
How to find relevant jobs, use filters, understand Connects, and choose where to apply.
How to write customized proposals and set practical pricing.
How to prepare for interviews, negotiate scope and rate, and evaluate offers.
How to manage contracts, delivery, revisions, difficult situations, and client feedback.
How to grow through higher rates, Project Catalog, recurring contracts, and agency expansion.

You'll Build
Create a professional Upwork profile.
Create at least 3 portfolio projects for your profile.
Evaluate real jobs and write customized proposals.
Prepare a client interview script and negotiation points.
Create one Project Catalog service offer.
Complete a simulated Upwork contract from proposal to client feedback.

Outcome
You'll be able to use Upwork end-to-end: position your profile, find suitable jobs, write stronger proposals, negotiate, manage contracts, deliver professionally, and plan growth.

Learning Goal
Use Freelancer.com professionally from profile setup and project selection through bidding, contests, milestones, delivery, reviews, and income growth.

You'll Learn
How to define your niche, core services, and income goal on Freelancer.com.
How to create and optimize a professional Freelancer.com profile safely.
How to understand project types, memberships, bidding, and when to bid or skip.
How to write personalized bids and set practical pricing.
How to evaluate and enter Freelancer.com contests strategically.
How to build portfolio evidence and follow a focused first-project routine.
How to communicate with clients, clarify scope, use milestones, deliver work, and handle revisions.
How to grow through repeat work, higher pricing, long-term clients, and platform expansion.

You'll Build
Create a complete Freelancer.com profile.
Analyze projects, write bids, and submit real applications.
Participate in 1 contest and submit at least 1 entry.
Create at least 2 portfolio projects
Complete a simulated client project, including delivery and revisions.

Outcome
You'll be able to use Freelancer.com end-to-end across projects and contests while managing bids, client communication, milestones, delivery, and long-term growth.

TinCat Startup Website

A responsive startup landing page built with Bootstrap.

Technologies

Web Design Agency Website

A responsive agency website applying professional layout and design principles.

Technologies

Dicee Game

An interactive dice game using randomization and DOM updates.

Technologies

Drum Kit

A keyboard- and click-controlled audio application with animations.

Technologies

Simon Game

A sequence-memory game using application state, events, and interactive feedback.

Technologies

News Website

A news website based on newsapi.org to get the news feed.

Technologies

SaaS Landing Page

A conversion-focused, responsive SaaS landing page.

Technologies

Business Website

A complete multi-page website for a real business scenario.

Technologies

Website Redesign

Learn how to redesign & enhance a website using UI/UX principles.

Technologies

Personal Portfolio
Website

Learn how to build a personal portfolio Website.

Technologies

Mini POS Backend, Frontend & Deployment

A secure, database-backed dashboard with login and CRUD operations.

Technologies

Samples of the technical projects you would have built by the end of the bootcamp:

TinCat Startup
Website

A responsive startup landing page built with Bootstrap.

Technologies

Web Design Agency Website

A responsive agency website applying professional layout and design principles.

Technologies

Dicee Game

An interactive dice game using randomization and DOM updates.

Technologies

Drum Kit

A keyboard- and click-controlled audio application with animations.

Technologies

Simon Game

A sequence-memory game using application state, events, and interactive feedback.

Technologies

News Website

A news website based on newsapi.org to get the news feed.

Technologies

High-Converting SaaS Landing Page

A conversion-focused, responsive SaaS landing page.

Technologies

Business Website

A complete multi-page website for a real business scenario.

Technologies

Website Redesign

Learn how to redesign & enhance a website using UI/UX principles.

Technologies

Personal Portfolio Website

Learn how to build a personal portfolio Website.

Technologies

Mini POS Backend, Frontend & Deployment

A secure, database-backed dashboard with login and CRUD operations.

Technologies

Samples of the Freelance projects you would have built by the end of the bootcamp:

Skill, Niche & Income Goal Setup

Choose your niche, define your main skill, and set a realistic income goal.

Technologies

First-Project Application Tracker

Apply to 5–10 projects and track the responses.

Technologies

Job/Project/Service Analysis Exercise

Analyze 3 real freelancing projects and decide whether to apply or skip.

Technologies

Customized Proposal
Practice

Write 3 customized proposals and apply them to 3 real projects. Also, create one ready-to-publish service for Khamsat.

Technologies

Build your Freelance Profile& Portfolio

Complete your freelancing profile, prepare a bio, & create 2 portfolio projects to add to your profile.

Technologies

Practice A Full Client Simulation

Practice the client workflow from brief and proposal through planning, delivery, and revisions.

Technologies

Samples of the Freelance projects you would have built by the end of the bootcamp:

Skill, Niche & Income Goal Setup

Choose your niche, define your main skill, and set a realistic income goal.

Technologies

First-Project Application Tracker

Apply to 5–10 projects and track the responses.

Technologies

Job/Project/Service Analysis Exercise

Analyze 3 real freelancing projects and decide whether to apply or skip.

Technologies

Customized Proposal Practice

Write 3 customized proposals and apply them to 3 real projects. Also, create one ready-to-publish service for Khamsat.

Technologies

Build your Freelance Profile & Portfolio

Complete your freelancing profile, prepare a bio, & create 2 portfolio projects to add to your profile.

Technologies

Practice A Full Client Simulation

Practice the client workflow from brief and proposal through planning, delivery, and revisions.

Technologies

Complete Solution Builders

They enjoy creating products from start to finish.
Logical Creators
They like combining creativity with programming.
Problem Solvers
They enjoy solving technical challenges.
Persistent Learners
They are willing to practice consistently.
Curious About How Things Work
They enjoy understanding systems.
Independent Builders
They like having control over the entire development process.
Career-Focused Individuals
They want a strong technical freelancing path.
Project-Oriented People
They enjoy creating complete applications.
Adaptable Learners
They can learn multiple technologies.
Future Entrepreneurs
They may want to build their own digital products.

Complete Solution Builders
They enjoy creating products from start to finish.
Logical Creators
They like combining creativity with programming.
Problem Solvers
They enjoy solving technical challenges.
Persistent Learners
They are willing to practice consistently.
Curious About How Things Work
They enjoy understanding systems.
Independent Builders
They like having control over the entire development process.
Career-Focused Individuals
They want a strong technical freelancing path.
Project-Oriented People
They enjoy creating complete applications.
Adaptable Learners
They can learn multiple technologies.
Future Entrepreneurs
They may want to build their own digital products.

Write your awesome label here.

Resource Readiness

You will need:
1. A reliable laptop/PC
2. A fast and steady internet connection

Technical Skills

1. No Programming or extra technical skills are needed

2. Basic Computer skills are needed

Language Skills

The Bootcamp is mainly in Arabic, using some technical English terms (will be explained if needed)

Tools

Tools require a credit card/payment:
• DigRegardsn — starting at ~$5/month, for backend deployment.
• Domain name — ~$1–10/year, if students want a live custom domain.

Do not miss!

Your Journey To Becoming A Developer Starts Here

The world does not need more people who consume technology only. It needs people who can create it.

Start your journey toward becoming a professional Full-Stack Developer.

A new generation of Live Freelancing Bootcamps designed to help ambitious individuals build real freelancing careers, work with clients globally, and create opportunities to earn income in USD.

Full-Stack JS Freelancing Bootcamp

40 Portfolio Projects

20 Mockup Proposals

Work with a Real Client

Full-Stack JS Freelancing Bootcamp

40 Portfolio Projects

20 Mockup Proposals

Work with a Real Client

Become a Full-Stack Developer Who Can Build Real Digital Products

Learn Code → Build Products → Work with clients → Create income

Full-Stack JS Development

Full-Stack Developers Build the Digital World

Every company today needs digital products.

Full-Stack JS Development

Full-Stack Developers Build the Digital World

Every company today needs digital products.

Your Journey From Beginner to Full-Stack Developer

Stage 1Build Your Development Foundation

Stage 2Build Interactive Web Experiences

Stage 3Become Client Ready

Stage 4Create Your Professional Portfolio

Stage 5 Start Your Freelancing Career

What You Will Do

What You Will Do

Technologies, Tools, & Coding languages you will Master

Build Professional Frontend Experiences

Develop Powerful Backend Systems

Create Database-Driven Applications

Build Secure User Experiences

Work As A Freelance Full-Stack Developer

What's included?

6.5 Total Months to your first Gig

Unlimited access to live session

40 Total Technical Projects

20 Total Mockup Proposals

Mentorship to land your First client

What's included?

6.5 Total Months to your first Gig

Unlimited access to live session

40 Total Technical Projects

20 Total Mockup Proposals

Mentorship to land your First client

Technical Learning Program Contents

HTML Development

CSS, Bootstrap & Responsive Design

JavaScript Development

Web Design & Front-End Capstone

Node.js & Backend Development

Databases, SQL & PostgreSQL

React.js Development

LinkedIn Freelancing Bootcamp: Build Your Personal Brand & Get High-Paying Clients

Topic 1 — LinkedIn Freelancing Mindset

Topic 2 — Profile Optimization (Your Sales Page)

Topic 3 — Positioning & Offer Creation

Topic 4 — Content Strategy (MAIN ENGINE)

Topic 5 — Content Execution System

Topic 6 — Outreach Strategy (DMs That Convert)

Topic 7 — Lead Generation & Inbound Clients

Topic 8 — Sales & Closing Clients

Topic 9 — Portfolio & Authority Building

Topic 10 — Scaling Your LinkedIn Freelancing

Topic 11 — Real Client Simulation

Freelancing Learning Program Contents

Freelancing Platforms Guide

Mostaql

Khamsat

Upwork

Freelancer.com

Graduate With Proof,Not Just Knowledge

TinCat Startup Website

Web Design Agency Website

Dicee Game

Drum Kit

Simon Game

News Website

SaaS Landing Page

Business Website

Website Redesign

Personal Portfolio Website

Mini POS Backend, Frontend & Deployment

Work with
a Real Client

Become a Full-Stack Developer

Who Can Build Real Digital Products

Learn Code → Build Products →
Work with clients → Create income

Stage 1
Build Your Development Foundation

Stage 2
Build Interactive Web Experiences

Stage 3
Become Client Ready

Stage 4
Create Your Professional Portfolio

Stage 5
Start Your Freelancing Career

20 Total
Mockup Proposals

Graduate With Proof,
Not Just Knowledge

Personal Portfolio
Website

TinCat Startup
Website

Customized Proposal
Practice

Full-Stack JS Development
Freelancing Bootcamp

AI Automation
Freelancing BootCamp

AI Creative
Freelancing Bootcamp

No-Code Development
Freelancing BootCamp

Data Analysis & BI
Freelancing Bootcamp

Python Development
Freelancing BootCamp