← Codeharbor

Tutorials: Codeharbor

Learn Codeharbor step by step.

1. Your first project in CodeharborOpen a template, find your way around the file tree, tabs and panels, add files and folders, and learn where Codeharbor keeps your work.Beginner 6 min
2. Editing faster — find, replace, palette and shortcutsFind and replace with regular expressions, jump to a line or file, use the command palette, split the editor, comment lines and choose what the Tab key does.Beginner 7 min
3. Run pages and scripts safelyPreview web pages, run JavaScript and TypeScript in the console, stop endless loops, and understand why your code cannot reach your accounts.Beginner 7 min
4. Problems, formatting and Markdown previewSee syntax errors while you type, format JSON, CSS and HTML, and write documentation with a live Markdown preview and outline.Beginner 6 min
5. History — commits, diffs and snapshotsRecord versions of your project with commits, compare any change line by line, restore files or whole commits, and take quick snapshots before you experiment.Intermediate 7 min
6. Export, import and teamworkBring a folder in as ZIP, export your project, save it as a file, and share it in a Teamspaces workspace where changes from teammates are merged file by file.Intermediate 8 min

Launch Codeharbor →