Uploaded November 2025 | Updated September 2026, 2 weeks ago
I explain how I edit mistakes when making tutorials. I also explain how I avoid them, using LEO.
⭐OTHER LINKS⭐
12 h Video with the Talking Avatar: youtu.be/U88NM8ScsPY
Short summary (starts at 01:00): youtu.be/JFMTudIJLH0?t=60
I explain how I edit mistakes when making tutorials. I also explain how I avoid them, using LEO.
⭐OTHER LINKS⭐
12 h Video with the Talking Avatar: youtu.be/U88NM8ScsPY
Short summary (starts at 01:00): youtu.be/JFMTudIJLH0?t=60
![A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]](https://i.ytimg.com/vi/zt8QDgwdqr8/mqdefault.jpg "A Virtual World - JavaScript Course: Lesson 8 / 11 [Saving the World]
Welcome to the course where we build a self-driving car simulation in a virtual world using HTML, CSS and JavaScript. In this video well learn a critical phase of our UI development journey! So far, weve been saving our graph data in local storage and regenerating it when the page loads. But in this way we lose those markings, cant store multiple worlds, and the random appearance of trees might not be something you want.
Moreover, as we move into working with real-world data, youll realize that drawing such extensive graphs manually isnt practical. Thats why its crucial to explore a more efficient approach: storing information in actual world files that can be loaded when needed! 🌍
Lets learn about data persistence and discover how to save and load your graph efficiently, preserving all your hard work and making your UI development experience smoother.
Have Fun! :-)
⭐PLAYLIST⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZtY5IQl1aNwcoOPJNtnPEO
⭐FINAL APP⭐
https://radufromfinland.com/projects/virtualworld
💻CODE💻
https://github.com/gniziemazity/virtual-world
7. Markings = follow along
8. Saving The World = code after this lesson
⭐ALL PREREQUISITES⭐
https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H
⭐Emoji I used in the video⭐
📁
☕Buy me a Coffee?☕
https://www.buymeacoffee.com/radum
⚡️Join this Channel⚡️
https://youtube.com/@radu/join
⭐Timestamps⭐
00:00 Introduction
01:09 Saving in Local Storage
04:09 The Problems with the Quick Solution
05:28 The Proper Solution
07:33 Loading the Envelopes
11:16 Loading the Buildings and the Trees
14:14 Loading the Markings
21:30 Saving and Loading from File
28:56 Storing the Zoom / Drag info")
