If I were to lose all programming knowledge tomorrow, I'd send the following to my future self:
0) If you feel confused at any step, use Google.
1) Make an HTML page with Hello World.
2) Add an image to the page.
3) Position the image on the page by adding a CSS style to it.
4) Add a JavaScript script to the page that creates another image element, with another src URL, adds it to the page, and positions it.
5) Learn the principle behind the URLs of tiles at OpenStreetMap (http://openstreetmap.org) by using "View Image Source" in the browser. Hint: the numbers are zoomlevel/x/y.
6) Add a script in your page that creates some new image elements with OSM tiles, sitting seamlessly next to each other.
7) Learn about event handlers in JavaScript (onmousedown/onmousemove/onmouseup), and try to make the resulting map draggable. In Firefox first, then IE.
Congratulations, you're now a passably good client-side webdev.
0) If you feel confused at any step, use Google.
1) Make an HTML page with Hello World.
2) Add an image to the page.
3) Position the image on the page by adding a CSS style to it.
4) Add a JavaScript script to the page that creates another image element, with another src URL, adds it to the page, and positions it.
5) Learn the principle behind the URLs of tiles at OpenStreetMap (http://openstreetmap.org) by using "View Image Source" in the browser. Hint: the numbers are zoomlevel/x/y.
6) Add a script in your page that creates some new image elements with OSM tiles, sitting seamlessly next to each other.
7) Learn about event handlers in JavaScript (onmousedown/onmousemove/onmouseup), and try to make the resulting map draggable. In Firefox first, then IE.
Congratulations, you're now a passably good client-side webdev.