msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'softchris-patch-4'
${ noResults }
Web-Dev-For-Beginners/translations/en/3-terrarium
History
Lee Stott 2daab5271b
Update Quiz Link 		3 weeks ago
..
1-intro-to-html Update Quiz Link 3 weeks ago
2-intro-to-css Update Quiz Link 3 weeks ago
3-intro-to-DOM-and-closures Update Quiz Link 3 weeks ago
solution 🌐 Update translations via Co-op Translator 3 weeks ago
README.md 🌐 Update translations via Co-op Translator 3 weeks ago

README.md
Escape

My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱

A small drag-and-drop coding exercise. With a bit of HTML, JS, and CSS, you’ll be able to create a web interface, style it, and even add various interactions of your choice.

my terrarium

Lessons

  1. Introduction to HTML
  2. Introduction to CSS
  3. Introduction to DOM and JS Closures

Credits

Written with ♥️ by Jen Looper

The CSS-based terrarium design was inspired by Jakub Mandra's glass jar codepen.

The artwork was hand-drawn by Jen Looper using Procreate.

Deploy your Terrarium

You can deploy or publish your terrarium on the web using Azure Static Web Apps.

  1. Fork this repository.

  2. Click this button:

Deploy to Azure button

  1. Follow the wizard to create your app. Make sure to set the app root to either /solution or the root of your codebase. This app doesn’t include an API, so you don’t need to add one. A GitHub folder will be created in your forked repository, which will help Azure Static Web Apps' build services to build and publish your app to a new URL.

Disclaimer:
This document has been translated using the AI translation service Co-op Translator. While we aim for accuracy, please note that automated translations may include errors or inaccuracies. The original document in its native language should be regarded as the authoritative source. For critical information, professional human translation is advised. We are not responsible for any misunderstandings or misinterpretations resulting from the use of this translation.