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

Update README.md

Browse Source 
Some grammatical mistakes were corrected and the language is made more understandable by the beginners
pull/856/head^2
Tarun 2 years ago committed by GitHub
parent 120204995f
commit ecedacd8b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File

14
3-terrarium/README.md
Unescape View File

@ -1,14 +1,14 @@
# My Terrarium: A project to learn about HTML, CSS, and DOM manipulation using JavaScript 🌵🌱 # 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 can build a web interface, style it, and add an interaction. 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](images/screenshot_gray.png) ![my terrarium](images/screenshot_gray.png)
# Lessons # Lessons
1. [Intro to HTML](./1-intro-to-html/README.md) 1. [Introduction to HTML](./1-intro-to-html/README.md)
2. [Intro to CSS](./2-intro-to-css/README.md) 2. [Introduction to CSS](./2-intro-to-css/README.md)
3. [Intro to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md) 3. [Introduction to DOM and JS Closures](./3-intro-to-DOM-and-closures/README.md)
## Credits ## Credits
@ -16,11 +16,11 @@ Written with ♥️ by [Jen Looper](https://www.twitter.com/jenlooper)
The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY). The terrarium created via CSS was inspired by Jakub Mandra's glass jar [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
The artwork was hand drawn by [Jen Looper](http://jenlooper.com) using Procreate. The artwork is hand drawn by [Jen Looper](http://jenlooper.com) with the help of Procreate.
## Deploy your Terrarium ## Deploy your Terrarium
You can deploy, or publish your terrarium to the web using Azure Static Web Apps. You can deploy, or publish your terrarium on the web using Azure Static Web Apps.
1. Fork this repo 1. Fork this repo
@ -28,7 +28,7 @@ You can deploy, or publish your terrarium to the web using Azure Static Web Apps
[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp) [![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-13441-cxa#create/Microsoft.StaticApp)
3. 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 repo that will help Azure Static Web Apps' build service build and publish your app to a new URL. 3. 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.

Write Preview
Loading…
Cancel
Save