In this module, you will be introduced to how the web works and how websites are accessed online. You will learn the difference between web design and web development, understand what domains and hosting are, and how they work together to make a website available on the internet. The module also covers key web concepts such as subdomains, domain types, and the basics of HTTP and HTTPS. By the end of this module, you will have a clear understanding of the web ecosystem and the foundational knowledge needed to confidently move into website building and development.

In this module, you will set up a local web development environment using Laragon and learn how websites are built and managed using Content Management Systems (CMSs). You will explore popular CMS platforms such as WordPress, Joomla, and Drupal, understand how CMSs simplify the development process, and learn why WordPress is the primary platform used in this bootcamp. By the end of this module, you will be able to run websites locally, understand the role of CMSs, and confidently explain how WordPress fits into modern web development workflows.

Before you build anything online, you build it locally. This module gets your machine set up as a proper development environment using Laragon. You install and configure it, then set up WordPress on your local server so you can design and test freely without paying for hosting. By the end you have a fast local workspace where you can build, break, and fix websites with zero risk.

Most websites look amateur because they ignore the fundamentals. This module teaches you why. You learn the core principles of design and how they apply to websites. You understand structure, balance, and hierarchy. You learn the difference between principles and elements. By the end you can look at any site and explain why it works or why it doesn't. That understanding changes everything.

Design is made of seven elements working together. Typography is one of them, and it's the most powerful. This module teaches you what those elements are and how they interact on a web page. You learn font types, spacing, alignment, and how to pair fonts that complement each other. You stop treating text as an afterthought and start using it as a design tool. By the end you know how to make websites readable, polished, and professional.

Color is never accidental. This module teaches you why. You learn the color wheel, color harmonies, and how different color models work. You learn how color influences behavior and emotion. You discover the psychology behind why certain colors make people trust you, buy from you, or leave your site. By the end you stop picking colors you like and start picking colors that work. Your designs become intentional, and they sell.

Elementor is where the real work happens. This module gets you fully comfortable inside it. You optimize WordPress for Elementor, understand what Elementor Free and Pro actually give you, and install both the plugin and the Hello theme. You learn the tools, settings, and widgets available. You explore add-ons like Elementskit. By the end you have a clean, fast, performance-ready environment ready for real builds.

Theory doesn't build websites. This module does. You take everything you learned in Weeks 1 and 2 and apply it to a real, world-class brand. You redesign the entire Tesla website from header to footer using Elementor Pro. You work with containers and Flexbox. You focus on layout, spacing, typography, and hierarchy. You're not copying Tesla. You're learning how professionals build websites by studying what works. By the end you have a production-quality project for your portfolio.

Now you redesign a real agency website. You take the Elona Group site and rebuild it using everything you've learned about design principles, typography, color, and Elementor Pro. You're not just clicking buttons. You're studying how an actual digital agency presents itself online. You work with real branding, real structure, and real client-level expectations. By the end you understand what separates amateur sites from professional ones, and you have another portfolio-ready project.

This is where you stop learning and start building. You have a deadline. You build your complete personal portfolio website using Elementor, applying everything from Weeks 1 through 3. Your site needs a clean personal brand, your skills showcased, and at least one real project (the Tesla or Elona redesign). You make it fully responsive for desktop, tablet, and mobile. You submit your live URL and a short breakdown of your process. The pressure is real. That's the point. By the end you have a finished portfolio site that works and you know you can ship under time constraints.

Your beautiful site lives on a server somewhere. This module teaches you where and why that matters. You learn what a web host actually is and does. You learn the difference between shared, VPS, dedicated, WordPress, and reseller hosting. You understand what you get and what you lose with each option. You learn how to choose the right hosting for a project's size and needs. By the end you purchase hosting with confidence, not guesswork. You know exactly what you're paying for.

Hosting is useless if you can't control it. cPanel is where you do. This module teaches you what control panels are and how they work. You learn to log in, navigate the File Manager, manage databases with phpMyAdmin, create email accounts, use script installers, and edit PHP settings. You handle real server-level configurations. You're not calling support for every small thing anymore. By the end you can manage your hosting independently and solve common problems yourself.

Your domain and your hosting are separate. DNS connects them. This module teaches you how. You learn what DNS is, how the DNS zone works, and what each record type does (A, CNAME, MX, TXT, NS). You learn what TTL is and why it matters when you make changes. You point a domain to hosting using nameservers. You edit DNS zone files safely. DNS breaks most people because it feels abstract. By the end it's concrete. Your domain points where you want it. Your email works. Your site loads. You know why.

You built your site locally in Laragon. Now it needs to go live. Migration breaks most beginners because they skip steps or mess up URLs. This module walks you through it the right way. You learn manual migration, plugin-based migration, and how to export using Elementor and WordPress Import. You handle database uploads with Big Dump. You update all your URLs so nothing breaks. By the end your local site moves to live hosting cleanly. Your links work. Your database is intact. Your site runs exactly like it did locally.

A website that doesn't send emails is broken. A contact form that lands in spam is useless. This module teaches you the real-world configurations that make WordPress work for clients. You set up external SMTP so emails actually deliver. You build and test contact forms that work reliably. You troubleshoot email deliverability issues. You learn the configurations agencies use on production sites every day. By the end your sites aren't just built. They're functional. Clients can reach you. Orders process. Leads come through.

A hacked site loses clients and credibility fast. This module teaches you how to stop it. You learn how hosting and SSLs affect security. You hide the WordPress login. You install and configure Wordfence and Sucuri. You understand PHP native hashing. You harden your server using WP Toolkit and Softaculous. You learn the common threats and how to block them. You implement both plugin-based protection and server-side hardening like agencies do. By the end your sites are locked down. You sleep well knowing clients are protected.