Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
pbnu committed Oct 12, 2023
2 parents d696cf6 + 486a664 commit 822d83d
Show file tree
Hide file tree
Showing 2 changed files with 38 additions and 0 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@

The class formerly known as DS 7290

* [06-Embed](06-Embed.md) -- 11 Oct
* [05-Dashboard](05-Dashboard.md) -- 5 Oct
* [04-Interact](04-Interact.md) -- 28 Sep
* [03-Prototype](03-Prototype.md) -- 21 Sep
Expand Down
37 changes: 37 additions & 0 deletions docs/README.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,18 @@
# 06-Embed/docs

<<<<<<< HEAD
This directory is configured (in the repo settings) to be served by github pages
at this base URL: https://cs7290.github.io/fall-2023/
=======
This directory is configured (in the repo settings) to be served with github pages
here: [https://cs7290.github.io/fall-2023/](https://cs7290.github.io/fall-2023/)
>>>>>>> 486a6646648c26a2de17bd20703df93182adb0ed
## minimal web page

* [Anatomy of an HTML document](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started#anatomy_of_an_html_document) -- mdn
* Note: You need to click the link in the right-hand menu bar -- it doesn't get there automatically
<<<<<<< HEAD
* I've saved this demo in the local file `./index.html`
* By convention, `index.html` is the default file for any web server -- if it's there, it'll be served
* And the `.docs` directory is default directory for github pages for this repo.
Expand Down Expand Up @@ -54,6 +60,37 @@ You've been warned;-)
Welcome to the world wide web;-)
* [Mozilla Development Network (mdn)](http://developer.mozilla.org) is your friend, and the authoritative
resource to help you figure things out.
=======
* I've saved that demo into "./index.html"
* The github pages site: [https://cs7290.github.io/fall-2023/](https://cs7290.github.io/fall-2023/)
* To view it locally in your browser (better for development because it's instantaneous)...

Start the local development server...
```
python -m http.server
```
Then browse to: http://localhost:8000

## number-guessing game

* This is an interactive game built with JavaScript
* [A first splash](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/A_first_splash)
* It's a simple application but the source code might seem a little daunting
* [source code](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/first-splash/number-guessing-game.html)
* It's worth glancing at the source code to get an idea of how things work
* selecting elements with `document.querySelector()`, adding event listeners
* creating elements dynamically with `document.createElement()`
* responding to user interaction with `element.addEventListener()`
* Start the server and browse to: http://localhost:8000/number-guessing-game.html
* Or browse to

## CSS Selectors

* [CSS Selectors](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors#types_of_selectors) (mdn)
* the most common:
* type (element, e.g., div, h1, etc.) -- no prefix
* class (element's class attribute) -- uses the "." prefix
>>>>>>> 486a6646648c26a2de17bd20703df93182adb0ed
## bootstrap 5

Expand Down

0 comments on commit 822d83d

Please sign in to comment.