Sākums Izpētīt Palīdzība
Pierakstīties
Smooth-E
/
Web-Dev-For-Beginners
spogulis no https://github.com/Smooth-E/Web-Dev-For-Beginners
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 0
Koks: 11f097513f
Atzari Tagi
Web-Dev-For-...
/
3-terrarium
t4k3t0 e104e7f862 Update README.ja.md 1 gadu atpakaļ
..
1-intro-to-html e104e7f862 Update README.ja.md 1 gadu atpakaļ
2-intro-to-css 10f6934d83 update tracking links with / and remove MLSA link 1 gadu atpakaļ
3-intro-to-DOM-and-closures b77099807a Merge pull request #957 from flamadev/update-spanish-translation-3.terrarium 1 gadu atpakaļ
images 1d81829ac1 folder names 4 gadi atpakaļ
solution da90229f7c add and update tracking links 2 gadi atpakaļ
translations 9205cc3f8b Merge pull request #890 from phalopes/fix/adjusts_pt_README_translation 2 gadi atpakaļ
README.md 7d4acb37b7 Merge pull request #856 from tarunl2002/main 2 gadi atpakaļ

README.md

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

A small drag and drop code-meditation. With a little HTML, JS and CSS, you will be able to build a web interface, style it, and even add multiple 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 terrarium created via CSS was inspired by Jakub Mandra's glass jar codepen.

The artwork is hand drawn by Jen Looper with the help of Procreate.

Deploy your Terrarium

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

  1. Fork this repo

  2. Press this button

Deploy to Azure button

  1. Walk through the wizard creating your app. Make sure you set the app root to either be /solution or the root of your codebase. There's no API in this app, so don't worry about adding that. A github folder will be created in your forked repository that will help Azure Static Web Apps' build services, build and publish your app to a new URL.