Welcome, Kurt!
This is your testing space for learning the basics of coding, websites, WordPress, page builders, layouts, and all the fun stuff that breaks for no obvious reason.
The Garage Is Open
Craig has created this space to help you practise, test, break things, fix things, and slowly become dangerous with code.
Also, yes, your NMAX is a V3 and Craig’s is only a V2.1. He is absolutely fine about this. Completely fine. Not jealous at all. No bitterness detected. Probably.
What You’ll Learn
-
Basic website structure
How pages, sections, links, images, and buttons fit together. -
HTML,
CSS,
and layout styling
Structure plus style. Basically, make it work and make it not ugly. -
Responsive pages
Make pages behave on phones, tablets, laptops, and big screens. -
WordPress basics
Dashboard, themes, plugins, media library, pages, and posts. -
Page builders:
Elementor,
Gutenberg,
Avada
Drag, drop, adjust, save, refresh, then ask why the spacing moved. -
Forms, buttons, images, sections, navigation, and links
The pieces that make a website actually useful.
Useful Tools
-
Meetings:
Google Meet
For calls, screen sharing, and pretending your mic was muted the whole time. -
Messages:
Google Chat
For quick updates, questions, and sending Craig screenshots of broken things. -
Tasks:
ClickUp
For tracking work, notes, and what you are meant to be doing next. -
Browser Developer Tools
Right click, then Inspect. This is where bugs are exposed and judged. -
Code Editor:
VS Code
Where you edit files before uploading them to the server. -
FTP Upload Tool:
FileZilla
Used to upload files to the server. Drag, drop, deploy, pray. -
Required Extras: patience, caffeine, and occasional muttering
Critical dependencies. Cannot be installed via npm.
Before You Start
Quick setup first. This only needs to be done once, unless Windows decides otherwise.
1. Install FTP Client: FileZilla
FileZilla lets you upload your website files to the server.
Beginner guide: How to connect using FTP2. Add Your FTP Details
You will need your Host, Username, Password, and Port.
The port is usually 21 for FTP or 22 for SFTP.
Ask Craig if you do not have these yet.
⚠️ RULE #1: ALWAYS BACKUP BEFORE EDITING
Before you edit anything, make a backup. Every time.
- Download a copy of the file before changing it
- Or duplicate it first, for example
index_backup.php - If something breaks, restore the backup and try again
If you didn’t back it up, assume it’s already gone.
This is how real developers avoid turning a small mistake into a full disaster.
3. Install Code Editor: VS Code
VS Code is where you edit your files before uploading them.
Beginner guide: VS Code basicsFirst Mission
No theory. No reading marathons. Open the test page and start changing things.
Start here: open testpage1.html and change
Hello Kurt to something else.
- Change some text
- Change a color
- Edit a button
- Break something on purpose
- Then try to fix it again
If it works, you’re learning. If it breaks, you’re learning faster.
Every developer has stared at broken code like it personally betrayed them. Welcome to the club.
The Truth (Finally Revealed)
After all the learning, coding, and testing… we must address the real debate.
No further questions. Case closed.