├── .editorconfig
├── .gitignore
├── README.md
├── Syllabus.md
├── week-1
├── chapter
│ ├── 10_clubs.png
│ ├── 10_diamonds.png
│ ├── 10_hearts.png
│ ├── 10_spades.png
│ ├── 2_clubs.png
│ ├── 2_diamonds.png
│ ├── 2_hearts.png
│ ├── 2_spades.png
│ ├── 3_clubs.png
│ ├── 3_diamonds.png
│ ├── 3_hearts.png
│ ├── 3_spades.png
│ ├── 4_clubs.png
│ ├── 4_diamonds.png
│ ├── 4_hearts.png
│ ├── 4_spades.png
│ ├── 5_clubs.png
│ ├── 5_diamonds.png
│ ├── 5_hearts.png
│ ├── 5_spades.png
│ ├── 6_clubs.png
│ ├── 6_diamonds.png
│ ├── 6_hearts.png
│ ├── 6_spades.png
│ ├── 7_clubs.png
│ ├── 7_diamonds.png
│ ├── 7_hearts.png
│ ├── 7_spades.png
│ ├── 8_clubs.png
│ ├── 8_diamonds.png
│ ├── 8_hearts.png
│ ├── 8_spades.png
│ ├── 9_clubs.png
│ ├── 9_diamonds.png
│ ├── 9_hearts.png
│ ├── 9_spades.png
│ ├── ace_clubs.png
│ ├── ace_diamonds.png
│ ├── ace_hearts.png
│ ├── ace_spades.png
│ ├── blank.gif
│ ├── cardback.png
│ ├── cardstack.png
│ ├── debug.log
│ ├── jack_clubs.png
│ ├── jack_diamonds.png
│ ├── jack_hearts.png
│ ├── jack_spades.png
│ ├── js08_txt.html
│ ├── js08_txt.js
│ ├── king_clubs.png
│ ├── king_diamonds.png
│ ├── king_hearts.png
│ ├── king_spades.png
│ ├── objects_txt.js
│ ├── queen_clubs.png
│ ├── queen_diamonds.png
│ ├── queen_hearts.png
│ ├── queen_spades.png
│ └── styles.css
└── project08-01
│ ├── project08-01_txt.html
│ ├── project08-01_txt.js
│ └── styles.css
├── week-2
└── character-generator
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── week-3
├── chapter
│ ├── ewis.png
│ ├── js09a_txt.html
│ ├── js09b_txt.html
│ ├── js09b_txt.js
│ ├── js09c_txt.html
│ ├── js09c_txt.js
│ ├── styles.css
│ └── styleshh.css
└── project09-02
│ ├── project09-02a_txt.html
│ ├── project09-02a_txt.js
│ ├── project09-02b_txt.html
│ ├── project09-02b_txt.js
│ └── styles.css
├── week-4
├── chapter
│ ├── js10a_txt.html
│ ├── js10a_txt.js
│ ├── js10b_txt .html
│ ├── js10b_txt.js
│ ├── oaklogo.png
│ ├── stylesa.css
│ └── stylesb.css
└── project10-01
│ ├── piece1.png
│ ├── piece10.png
│ ├── piece11.png
│ ├── piece12.png
│ ├── piece13.png
│ ├── piece14.png
│ ├── piece15.png
│ ├── piece16.png
│ ├── piece17.png
│ ├── piece18.png
│ ├── piece19.png
│ ├── piece2.png
│ ├── piece20.png
│ ├── piece21.png
│ ├── piece22.png
│ ├── piece23.png
│ ├── piece24.png
│ ├── piece25.png
│ ├── piece26.png
│ ├── piece27.png
│ ├── piece28.png
│ ├── piece29.png
│ ├── piece3.png
│ ├── piece30.png
│ ├── piece31.png
│ ├── piece32.png
│ ├── piece33.png
│ ├── piece34.png
│ ├── piece35.png
│ ├── piece36.png
│ ├── piece37.png
│ ├── piece38.png
│ ├── piece39.png
│ ├── piece4.png
│ ├── piece40.png
│ ├── piece41.png
│ ├── piece42.png
│ ├── piece43.png
│ ├── piece44.png
│ ├── piece45.png
│ ├── piece46.png
│ ├── piece47.png
│ ├── piece48.png
│ ├── piece5.png
│ ├── piece6.png
│ ├── piece7.png
│ ├── piece8.png
│ ├── piece9.png
│ ├── project10-01_txt.html
│ ├── project10-01_txt.js
│ ├── puzzle.png
│ └── styles.css
├── week-5
└── restaurant-reservation
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── week-6
├── chapter
│ ├── archives.pl
│ ├── commentary.html
│ ├── headlines.xml
│ ├── js11_txt.html
│ ├── js11_txt.js
│ ├── keywords.pl
│ ├── sblogo.jpg
│ ├── search.png
│ └── styles.css
└── project11-02
│ ├── project11-02_txt.html
│ ├── project11-02_txt.js
│ └── styles.css
├── week-7
└── chef-dashboard
│ ├── index.html
│ ├── script.js
│ └── styles.css
├── week-8
└── movie-app
│ ├── index.html
│ ├── script.js
│ └── styles.css
└── week-9
├── chapter
├── js12_txt.html
├── js12_txt.js
├── logo.png
├── minus.png
├── plus.png
└── styles.css
└── project12-03
├── halfstar.png
├── logo.png
├── minus.png
├── plus.png
├── project12-03_txt.html
├── project12-03_txt.js
├── star.png
├── styles.css
└── torte.png
/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = false
9 | trim_trailing_whitespace = true
10 |
11 | [*.js]
12 | quote_type = single
13 |
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # IDE
2 | .vscode
3 | .idea
4 |
5 | # Node ddependency directories
6 | node_modules/
7 | */ndoe_modules
8 |
9 | # Optional npm cache directory
10 | .npm
11 |
12 | # Optional eslint cache
13 | .eslintcache
14 |
15 | # macOS files
16 | .DS_Store
17 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # WEB 330 Enterprise JavaScript II
2 | ## [Bellevue University](http://bellevue.edu "Bellevue University is a private, non-profit university located in Bellevue, Nebraska, United States.")
3 |
4 | Address: 1000 Galvin Rd S, Bellevue, Nebraska 68005 - [Directions](https://www.google.com/maps/dir/''/Bellevue+University/@41.1509562,-95.9896355,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x8793886a86ca807f:0x838e857240d175eb!2m2!1d-95.9195956!2d41.1509774 "Google maps")
5 |
6 | Web Development [Degree](http://www.bellevue.edu/degrees/bachelor/web-development-bs/ "Designed by developers for developers.")
7 |
8 | ## Course Description
9 | Master JavaScript by learning and solving real-world problems. This course continues where the
10 | introductory JavaScript course left off. Students use a wide range of JavaScript programming
11 | strategies to build interactive programs. Topics include object-oriented programming, unit testing,
12 | asynchronous executions, files and streams, lambda expressions, and module bundlers. Problem solving
13 | using advanced JavaScript techniques is emphasized. GitHub is used to host and share coding projects.
14 |
15 | ## Course Prerequisites
16 | WEB 200 and WEB 231
17 |
18 | ## Course Skills
19 | * Develop programs using JavaScript, HTML5, and CSS to meet project requirements.
20 | * Utilize effective time management and task prioritization techniques to meet project obligations.
21 |
22 | ## Course Objectives
23 | Students who successfully complete this course should be able to:
24 | * Apply object-oriented programming concepts to solve complex problems.
25 | * Develop programs using JavaScript classes and static functions.
26 | * Experiment with JavaScript Iterators and Generators.
27 | * Utilize market research to design UI/UX prototypes.
28 | * Build dynamic HTML using JavaScript and Web Components.
29 | * Make use of asynchronous executions to load dynamic datasets.
30 |
31 | ## Topic Outline
32 | ### Advanced JavaScript
33 | * Unit Testing
34 | * Date, Time, and Strings
35 | * Regular Expressions
36 | * Module Bundlers
37 | ### Object-Oriented Programming
38 | * Classes
39 | * Protected Properties
40 | * Static Properties and Functions
41 | * Inheritance
42 | * Iterators and Generators
43 | ### Asynchronous Executions
44 | * Files and Streams
45 | * Promises
46 | * Async/Await
47 | * Ajax
48 | ### Scalable HTML and CSS
49 | * Web Components
50 | * Flex Layouts
51 | * Dynamic HTML
52 | * XML and JSON
53 |
54 | ## Repository Overview
55 |
56 | Carefully read the assigned chapters, videos, and narrative I've included under each exercise and assignment.
57 |
58 | Most exercises and assignments have runnable sample code, so you can visually see the concept "in action." Assignments are broken into "milestones" and each "milestone" builds on the last.
59 |
60 | Approach every week from top-to-bottom and do not move to the next assignment/exercise without fully understanding the previous.
61 |
62 | ```bash
63 | git clone https://github.com/buwebdev/web-330.git
64 | cd web-330
65 | ```
66 |
--------------------------------------------------------------------------------
/Syllabus.md:
--------------------------------------------------------------------------------
1 | # WEB 330 Enterprise JavaScript II
2 |
3 | ## Course Description
4 | Master JavaScript by learning and solving real-world problems. This course continues where the
5 | introductory JavaScript course left off. Students use a wide range of JavaScript programming
6 | strategies to build interactive programs. Topics include object-oriented programming, unit testing,
7 | asynchronous executions, files and streams, lambda expressions, and module bundlers. Problem solving
8 | using advanced JavaScript techniques is emphasized. GitHub is used to host and share coding projects.
9 |
10 | ## Course Prerequisites
11 | WEB 200 and WEB 231
12 |
13 | ## Course Skills
14 | * Develop programs using JavaScript, HTML5, and CSS to meet project requirements.
15 | * Utilize effective time management and task prioritization techniques to meet project obligations.
16 |
17 | ## Course Objectives
18 | Students who successfully complete this course should be able to:
19 | * Apply object-oriented programming concepts to solve complex problems.
20 | * Develop programs using JavaScript classes and static functions.
21 | * Experiment with JavaScript Iterators and Generators.
22 | * Utilize market research to design UI/UX prototypes.
23 | * Build dynamic HTML using JavaScript and Web Components.
24 | * Make use of asynchronous executions to load dynamic datasets.
25 |
26 | ## Topic Outline
27 | ### Advanced JavaScript
28 | * Unit Testing
29 | * Date, Time, and Strings
30 | * Regular Expressions
31 | * Module Bundlers
32 | ### Object-Oriented Programming
33 | * Classes
34 | * Protected Properties
35 | * Static Properties and Functions
36 | * Inheritance
37 | * Iterators and Generators
38 | ### Asynchronous Executions
39 | * Files and Streams
40 | * Promises
41 | * Async/Await
42 | * Ajax
43 | ### Scalable HTML and CSS
44 | * Web Components
45 | * Flex Layouts
46 | * Dynamic HTML
47 | * XML and JSON
48 |
--------------------------------------------------------------------------------
/week-1/chapter/10_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/10_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/10_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/10_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/10_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/10_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/10_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/10_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/2_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/2_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/2_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/2_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/2_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/2_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/2_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/2_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/3_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/3_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/3_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/3_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/3_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/3_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/3_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/3_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/4_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/4_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/4_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/4_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/4_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/4_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/4_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/4_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/5_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/5_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/5_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/5_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/5_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/5_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/5_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/5_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/6_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/6_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/6_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/6_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/6_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/6_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/6_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/6_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/7_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/7_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/7_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/7_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/7_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/7_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/7_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/7_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/8_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/8_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/8_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/8_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/8_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/8_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/8_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/8_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/9_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/9_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/9_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/9_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/9_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/9_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/9_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/9_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/ace_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/ace_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/ace_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/ace_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/ace_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/ace_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/ace_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/ace_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/blank.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/blank.gif
--------------------------------------------------------------------------------
/week-1/chapter/cardback.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/cardback.png
--------------------------------------------------------------------------------
/week-1/chapter/cardstack.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/cardstack.png
--------------------------------------------------------------------------------
/week-1/chapter/debug.log:
--------------------------------------------------------------------------------
1 | [1122/075513.841:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
2 | [1123/121308.227:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
3 | [1125/055359.756:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
4 | [1126/064834.399:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
5 | [1127/064837.569:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
6 | [1128/064839.661:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
7 | [1129/064842.051:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
8 | [1130/064844.472:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
9 |
--------------------------------------------------------------------------------
/week-1/chapter/jack_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/jack_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/jack_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/jack_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/jack_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/jack_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/jack_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/jack_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/js08_txt.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 | Chapter 8 Case Problem: Draw Poker
17 |
18 |
19 |
20 |
21 |
22 |
23 |
Draw Poker
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
51 |
52 |
53 |
54 | Select the size of your bet from the drop-down list box and then
55 | click the Deal button to deal the hand. To draw new
56 | cards, click the cards to be discarded and then click the
57 | Draw button. To stand pat, click the
58 | Stand button. To restart the game, click the
59 | Reset button.
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
Hand
71 |
Payoff
72 |
Hand
73 |
Payoff
74 |
75 |
76 |
Royal Flush
77 |
x 250
78 |
Straight
79 |
x 4
80 |
81 |
82 |
Straight Flush
83 |
x 50
84 |
3 of a Kind
85 |
x 3
86 |
87 |
88 |
4 of a Kind
89 |
x 25
90 |
2 Pair
91 |
x 2
92 |
93 |
94 |
Full House
95 |
x 9
96 |
Jacks or Better
97 |
x 1
98 |
99 |
100 |
Flush
101 |
x 6
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
--------------------------------------------------------------------------------
/week-1/chapter/js08_txt.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /* JavaScript 7th Edition
3 | Chapter 8
4 | Chapter case
5 |
6 | Draw Poker Game using Object Oriented Programming
7 | Author:
8 | Date:
9 |
10 | Filename: js08.js
11 | */
12 |
13 | window.addEventListener("load", playDrawPoker);
14 |
15 | function playDrawPoker() {
16 | // Reference buttons and images within the Poker Game page
17 | let dealButton = document.getElementById("dealB");
18 | let drawButton = document.getElementById("drawB");
19 | let standButton = document.getElementById("standB");
20 | let resetButton = document.getElementById("resetB");
21 | let statusBox = document.getElementById("status");
22 | let betSelection = document.getElementById("bet");
23 | let bankBox = document.getElementById("bank");
24 | let cardImages = document.querySelectorAll("img.cardImg");
25 |
26 |
27 | dealButton.addEventListener("click", function() {
28 | if (pokerGame.currentBank >= pokerGame.currentBet) {
29 | // Enable the Draw and Stand buttons after the initial deal
30 | dealButton.disabled = true; // Turn off the Deal button
31 | betSelection.disabled = true; // Turn off the Bet Selection list
32 | drawButton.disabled = false; // Turn on the Draw button
33 | standButton.disabled = false; // Turn on the Stand Button
34 | statusBox.textContent = ""; // Erase any status messages
35 |
36 |
37 | });
38 |
39 |
40 | drawButton.addEventListener("click", function() {
41 | // Enable the Deal and Bet options when the player chooses to draw new cards
42 | dealButton.disabled = false; // Turn on the Deal button
43 | betSelection.disabled = false; // Turn on the Bet Selection list
44 | drawButton.disabled = true; // Turn off the Draw button
45 | standButton.disabled = true; // Turn off the Stand Button
46 |
47 |
48 |
49 | });
50 |
51 |
52 | standButton.addEventListener("click", function() {
53 | // Enable the Deal and Bet options when the player chooses to stand with their hand
54 | dealButton.disabled = false; // Turn on the Deal button
55 | betSelection.disabled = false; // Turn on the Bet Selection list
56 | drawButton.disabled = true; // Turn off the Draw button
57 | standButton.disabled = true; // Turn off the Stand Button
58 |
59 |
60 | });
61 |
62 |
63 | // Reload the current page when the Reset button is clicked
64 | resetButton.addEventListener("click", function() {
65 | location.reload();
66 | });
67 | }
--------------------------------------------------------------------------------
/week-1/chapter/king_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/king_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/king_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/king_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/king_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/king_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/king_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/king_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/objects_txt.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | /* JavaScript 7th Edition
4 | Chapter 8
5 | Chapter case
6 |
7 | Custom Objects Used in Poker Games
8 | Author:
9 | Date:
10 |
11 | Filename: objects.js
12 | */
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 | /* ------------------------------------------------+
46 | | The handType() function returns a text string of |
47 | | the type of hand held by 5-card poker hand. |
48 | +-------------------------------------------------*/
49 | function handType(pokerHand) {
50 | /* Determine the rank value of each card in the hand
51 | by creating a property named rankValue */
52 | for (let i = 0; i < pokerHand.cards.length; i++) {
53 | if (pokerHand.cards[i].rank === "ace") {
54 | pokerHand.cards[i].rankValue = 14;
55 | } else if (pokerHand.cards[i].rank === "king") {
56 | pokerHand.cards[i].rankValue = 13;
57 | } else if (pokerHand.cards[i].rank === "queen") {
58 | pokerHand.cards[i].rankValue = 12;
59 | } else if (pokerHand.cards[i].rank === "jack") {
60 | pokerHand.cards[i].rankValue = 11;
61 | } else {
62 | pokerHand.cards[i].rankValue = parseInt(pokerHand.cards[i].rank);
63 | }
64 | }
65 |
66 | /* Function to return the highest ranked value in a five-card hand */
67 | function highCard() {
68 | return Math.max(pokerHand.cards[0].rankValue, pokerHand.cards[1].rankValue,
69 | pokerHand.cards[2].rankValue, pokerHand.cards[3].rankValue,
70 | pokerHand.cards[4].rankValue);
71 | }
72 |
73 | /* Function to test for the presence of a flush in which all
74 | five cards have the same suit */
75 | function hasFlush() {
76 | let firstSuit = pokerHand.cards[0].suit;
77 | return pokerHand.cards.every(function(card) {
78 | return card.suit === firstSuit;
79 | });
80 | };
81 |
82 | /* Function to test for the presence of a straight in which the
83 | rank value of the cards can be placed in sequential order */
84 | function hasStraight() {
85 | pokerHand.cards.sort(function(a, b) {
86 | return a.rankValue - b.rankValue;
87 | });
88 | return pokerHand.cards.every(function(card, i, cards) {
89 | if (i > 0) {
90 | return (cards[i].rankValue - cards[i-1].rankValue === 1);
91 | } else {
92 | return true;
93 | }
94 | });
95 | };
96 |
97 | /* Function to test for the presence of a straight flush */
98 | function hasStraightFlush() {
99 | return hasFlush() && hasStraight();
100 | };
101 |
102 | /* Function to test for the presence of a royal flush
103 | which consists of 10-J-Q-K-A of the same suit */
104 | function hasRoyalFlush() {
105 | return hasStraightFlush() && highCard() === 14;
106 | };
107 |
108 | /* Function to test for the presence of: pairs, two pairs,
109 | three of a kind, four of a kind, and full houses */
110 | function hasSets() {
111 | // handSets creates an associative array of the duplicates in the hand
112 | let handSets = {};
113 | pokerHand.cards.forEach(function(card) {
114 | if (handSets.hasOwnProperty(card.rankValue)) {
115 | handSets[card.rankValue]++;
116 | } else {
117 | handSets[card.rankValue] = 1;
118 | }
119 | });
120 |
121 | let sets = "none";
122 | let pairRank;
123 |
124 | for (let cardRank in handSets){
125 | if (handSets[cardRank] === 4) {sets = "Four of a Kind";}
126 | if (handSets[cardRank] === 3) {
127 | if (sets === "Pair") {sets = "Full House";}
128 | else {sets = "Three of a Kind";}
129 | }
130 | if (handSets[cardRank] === 2) {
131 | if (sets === "Three of a Kind") {sets = "Full House";}
132 | else if (sets === "Pair") {sets = "Two Pair";}
133 | else {sets = "Pair"; pairRank = cardRank;}
134 | }
135 | }
136 |
137 | if (sets === "Pair" && pairRank >= 11) {
138 | sets = "Jacks or Better";
139 | }
140 |
141 | return sets;
142 | }
143 |
144 | // Return a text string describing the hand for draw poker //
145 | if (hasRoyalFlush()) {return "Royal Flush";}
146 | else if (hasStraightFlush()) {return "Straight Flush";}
147 | else if (hasFlush()) {return "Flush";}
148 | else if (hasStraight()) {return "Straight";}
149 | else {
150 | let sets = hasSets();
151 | if (sets === "Pair" || sets === "none") {sets = "No Winner";}
152 | return sets;
153 | }
154 | }
155 | /* ------------------------------------------------+
156 | | End of the handType() function |
157 | +-------------------------------------------------*/
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
--------------------------------------------------------------------------------
/week-1/chapter/queen_clubs.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/queen_clubs.png
--------------------------------------------------------------------------------
/week-1/chapter/queen_diamonds.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/queen_diamonds.png
--------------------------------------------------------------------------------
/week-1/chapter/queen_hearts.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/queen_hearts.png
--------------------------------------------------------------------------------
/week-1/chapter/queen_spades.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/buwebdev/web-330/63e964ce862b22b018a57531c467481a3ca0214e/week-1/chapter/queen_spades.png
--------------------------------------------------------------------------------
/week-1/chapter/styles.css:
--------------------------------------------------------------------------------
1 | /* JavaScript 7th Edition
2 | Chapter 8
3 | Chapter Case
4 |
5 | Filename: styles.css
6 | */
7 |
8 | /* apply a natural box layout model to all elements */
9 | * {
10 | -moz-box-sizing: border-box;
11 | -webkit-box-sizing: border-box;
12 | box-sizing: border-box;
13 | }
14 |
15 | /* reset rules */
16 | html, body, div, span, applet, object, iframe,
17 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
18 | a, abbr, acronym, address, big, cite, code,
19 | del, dfn, em, img, ins, kbd, q, s, samp,
20 | small, strike, strong, sub, sup, tt, var,
21 | b, u, i, center,
22 | dl, dt, dd, ol, ul, li,
23 | fieldset, form, label, legend,
24 | table, caption, tbody, tfoot, thead, tr, th, td,
25 | article, aside, canvas, details, embed,
26 | figure, figcaption, footer, header, hgroup,
27 | menu, nav, output, ruby, section, summary,
28 | time, mark, audio, video {
29 | margin: 0;
30 | padding: 0;
31 | border: 0;
32 | font-size: 100%;
33 | font: inherit;
34 | vertical-align: baseline;
35 | }
36 |
37 | /* HTML5 display-role reset for older browsers */
38 | article, aside, details, figcaption, figure,
39 | footer, header, hgroup, menu, nav, section {
40 | display: block;
41 | }
42 |
43 | body {
44 | line-height: 1;
45 | width: 1000px;
46 | background: white;
47 | margin: 0 auto;
48 | font-family: Arial, Helvetica, sans-serif;
49 | }
50 |
51 | ol, ul {
52 | list-style: none;
53 | }
54 |
55 |
56 | /* Styles for this Project */
57 |
58 |
59 | html {
60 | font-family: Verdana, Geneva, sans-serif;
61 | font-size: 12px;
62 | }
63 |
64 |
65 | body {
66 | margin: 0px auto;
67 | display: -webkit-flex;
68 | display: flex;
69 | -webkit-flex-flow: row wrap;
70 | flex-flow: row wrap;
71 | background-color: rgb(70, 136, 89);
72 | }
73 |
74 | /* Poker Table Styles */
75 |
76 |
77 |
78 | section#pokerTable h1 {
79 | text-align: center;
80 | font-size: 8.5em;
81 | font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
82 | color: rgb(0, 88, 0);
83 | letter-spacing: 0.1em;
84 | margin: 10px 0 0;
85 | font-weight: normal;
86 | font-variant: small-caps;
87 | text-shadow: black 1px 1px 1px, white 0px -4px 0px;
88 | transform: perspective(350px) rotateX(-15deg);
89 | }
90 |
91 | div#table {
92 | width: 682px;
93 | height: 337px;
94 | position: relative;
95 | margin: 5px auto 20px;
96 | transform: perspective(350px) rotateX(10deg);
97 | background: radial-gradient(farthest-corner, rgb(0, 182, 0), rgb(0, 121, 0) 30%, rgb(0, 41, 0) 70%, black);
98 | border: 15px outset rgba(162, 162, 172, 0.9);
99 | border-radius: 20%;
100 | box-shadow: black 0px 10px 10px 2px;
101 | }
102 |
103 | div#table img#cardstack {
104 | display: block;
105 | position: absolute;
106 | top: 5px;
107 | left: 5px;
108 | }
109 |
110 | div#table img.cardImg {
111 | display: block;
112 | width: 71px;
113 | height: 96px;
114 | cursor: pointer;
115 | position: absolute;
116 | top: 100px;
117 | box-shadow: rgb(51, 51, 51) 3px 3px 10px;
118 | }
119 |
120 | div#table img#card0 {
121 | left: 144px;
122 | }
123 | div#table img#card1 {
124 | left: 220px;
125 | }
126 | div#table img#card2 {
127 | left: 298px;
128 | }
129 | div#table img#card3 {
130 | left: 374px;
131 | }
132 | div#table img#card4 {
133 | left: 450px;
134 | }
135 |
136 | div#status {
137 | position: absolute;
138 | top: 220px;
139 | left: 165px;
140 | width: 375px;
141 | text-align: center;
142 | color: yellow;
143 | font-size: 1.8em;
144 | letter-spacing: 0.3em;
145 | }
146 |
147 | input.pokerButton, select#bet {
148 | position: absolute;
149 | top: 255px;
150 | text-align: center;
151 | display: block;
152 | width: 100px;
153 | font-size: 1.4em;
154 | color: white;
155 | letter-spacing: 0.2em;
156 | background-color: rgb(64, 76, 64);
157 | border: 6px ridge rgba(255, 255, 255, 0.4);
158 | cursor: pointer;
159 | box-shadow: black 0px 4px 4px;
160 | opacity: 1;
161 | }
162 |
163 | input.pokerButton:disabled, select#bet:disabled {
164 | opacity: 0.25;
165 | }
166 |
167 | input#dealB {
168 | left: 64px;
169 | }
170 | input#drawB {
171 | left: 180px;
172 | }
173 | input#standB {
174 | left: 294px;
175 | }
176 | input#resetB {
177 | left: 404px;
178 | }
179 |
180 |
181 | label#betLabel {
182 | font-size: 1.7em;
183 | text-align: center;
184 | display: block;
185 | position: absolute;
186 | top: 232px;
187 | left: 514px;
188 | width: 80px;
189 | color: rgba(121, 181, 121, 0.7);
190 | text-shadow: black 1px 1px 2px, white -1px -1px 0px;
191 | letter-spacing: 0.2em;
192 | }
193 |
194 | label#bankLabel {
195 | font-size: 2.2em;
196 | text-align: center;
197 | display: block;
198 | position: absolute;
199 | top: 114px;
200 | left: 532px;
201 | width: 120px;
202 | color: rgba(121, 181, 121, 0.7);
203 | text-shadow: black 1px 1px 2px, white -1px -1px 0px;
204 | letter-spacing: 0.2em;
205 | }
206 |
207 | input#bank {
208 | position: absolute;
209 | top: 140px;
210 | left: 536px;
211 | width: 90px;
212 | height: 40px;
213 | display: block;
214 | font-size: 1.7em;
215 | color: white;
216 | letter-spacing: 0.2em;
217 | background-color: transparent;
218 | border: 6px double rgba(255, 255, 255, 0.2);
219 | text-align: right;
220 | }
221 |
222 | select#bet {
223 | left: 514px;
224 | width: 90px;
225 | text-align: right;
226 | }
227 |
228 | p#instructions {
229 | margin: 60px auto 20px;
230 | font-size: 1.4em;
231 | line-height: 1.4;
232 | color: rgba(255, 255, 255, 0.7);
233 | width: 700px;
234 | }
235 |
236 | p#instructions strong {
237 | color: rgba(255, 255, 101, 0.8);
238 | font-weight: normal;
239 | }
240 |
241 | #oddsTable {
242 | margin: 20px auto;
243 | background-color: rgba(255, 255, 255, 0.6);
244 | border: 2px solid rgb(64, 76, 64);
245 | border-collapse: collapse;
246 | font-size: 1.2em;
247 | }
248 |
249 | #oddsTable th {
250 | background-color: rgb(64, 76, 64);
251 | text-align: center;
252 | font-weight: normal;
253 | color: yellow;
254 | padding: 4px 10px;
255 | border-right: 1px solid yellow;
256 | vertical-align: top;
257 | }
258 | #oddsTable td {
259 | border: 1px solid rgb(64, 76, 64);
260 | text-align: right;
261 | padding: 2px 12px;
262 | vertical-align: top;
263 | }
264 | #oddsTable .firstCol {
265 | width: 200px;
266 | }
267 | #oddsTable .secondCol {
268 | background-color: rgb(255, 255, 192);
269 | width: 80px;
270 | }
271 |
272 |
--------------------------------------------------------------------------------
/week-1/project08-01/project08-01_txt.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 | Hands-on Project 8-1
17 |
18 |
19 |
20 |
21 |
22 |
23 |
29 | CycloCrossings is a great place to find ride partners and create
30 | tour groups. If you're a member, fill out the information below
31 | to be entered into our riders database. All information entered
32 | in CycloCrossings is confidential and will not be shared with
33 | other Web sites or commercial enterprises.
34 |
The Rose Room is perfect for your medium-sized special event.
31 | Add tables to the room by clicking the table icons from the Table Storage
32 | box. Drag and drop the tables to design the room layout for your event. To remove
33 | a table, press the Shift key and click the table image.
34 | Remember to leave space in the aisles for the wait
35 | staff and any equipment your event requires.
36 |
37 |
38 |
Rose Room (Guests: 0)
39 |
40 |
Storage
41 |
20
42 |
20
43 |
12
44 |
8
45 |
46 |
47 |
48 |
49 |
50 |
Long tables can comforably accommodate 20 guests. Large round tables can
51 | fit 12 guests and smaller round tables can fit 8 guests. Tables
52 | of other sizes and dimensions are available upon request.
53 | Contact the Special Events coordinator for special needs items such as
54 | stages, bars, computer workstations, AV equipment, DJ stations, and kiosks. If you need
55 | a larger venue for your event, please consider the Orchid Room.
56 |
57 |
58 |
59 |
62 |
63 |
64 |
--------------------------------------------------------------------------------
/week-4/chapter/js10a_txt.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | /* JavaScript 7th Edition
3 | Chapter 10
4 | Chapter case
5 |
6 | Oak Top House
7 | Author:
8 | Date:
9 |
10 | Filename: js10a.js
11 | */
12 |
13 |
14 | window.addEventListener("load", setupRoom);
15 |
16 | // perform setup tasks when page first loads
17 | function setupRoom() {
18 | //Page objects
19 | let room = document.getElementById("room"); // banquet hall
20 | let storage = document.getElementsByTagName("storage"); // storage room
21 | let roomTables = document.querySelectorAll("#room > div.table"); // Tables in the banquet hall
22 | let storageTables = document.querySelectorAll("#storage > div.table"); // Tables in the storage room
23 | let zIndexCounter = 0; // Count the highest z-Index value
24 |
25 | // Function to calculate available seats in the room layout
26 | function countSeats() {
27 | let guests = 0;
28 | let seatCount = document.getElementById("seatCount");
29 | let tablesToCount = document.querySelectorAll("#room > div.table");
30 | for (let items of tablesToCount) {
31 | guests += parseInt(items.textContent);
32 | }
33 | seatCount.textContent = guests;
34 | }
35 |
36 | }
--------------------------------------------------------------------------------
/week-4/chapter/js10b_txt .html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
16 |
17 | Oak Top House: Driving Directions
18 |
19 |
20 |
21 |
22 |
26 |
27 |
28 |
29 |
30 |
Oak Top House
31 |
32 |
33 |
34 |
Oak Top House Directions
35 |
Stop by for a visit. The Oak Top House is conveniently located in downtown Columbus near
36 | the Ohio Statehouse, one block away from the Ohio Theater on East Capital Street.
37 | Enjoy a gourmet dinner at the Oak Top cafe, open daily from 7am to 10pm.
38 | Tour the facilities with one of our experienced event coordinates in preparation for
39 | your special event. Free and ample parking is always
40 | available for our guests and patrons. We look forward to seeing you!
41 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/week-5/restaurant-reservation/script.js:
--------------------------------------------------------------------------------
1 | /*
2 | Pragmatic JavaScript
3 | Chapter 2
4 | Programming Assignment
5 |
6 | Author:
7 | Date:
8 | Filename:
9 | */
10 |
11 | // Create an in-memory object array for each table in the restaurant
12 | let tables = [
13 | // Add your table objects here
14 | ];
15 |
16 | // Create a function reserveTable
17 | function reserveTable(tableNumber, callback, time) {
18 | // Add your code here
19 | }
20 |
21 | // When the form is submitted, call the reserveTable function
22 | document
23 | .getElementById("reservationForm")
24 | .addEventListener("submit", function (e) {
25 | // Add your code here
26 | });
27 |
--------------------------------------------------------------------------------
/week-5/restaurant-reservation/styles.css:
--------------------------------------------------------------------------------
1 | /*
2 | Pragmatic JavaScript
3 | Chapter 2
4 | Programming Assignment
5 |
6 | Author:
7 | Date:
8 | Filename:
9 | */
10 |
11 | /* Add your CSS styles here */
--------------------------------------------------------------------------------
/week-6/chapter/archives.pl:
--------------------------------------------------------------------------------
1 | #!"D:\xampp\perl\bin\perl.exe"
2 |
3 | # Confirm that perl is located in the usr/bin/perl folder on the server
4 |
5 | #All perl scripts should use strict
6 | use strict;
7 |
8 | use CGI;
9 | my $cgi_object = new CGI();
10 |
11 | # Print out the http header
12 | print $cgi_object->header();
13 |
14 | # Retrieve the value of the skey parameter
15 | my $input = $cgi_object->param('skey');
16 |
17 | # This is the hashtable storing a sample of archived articles in HTML format
18 | my @articles = (
19 | { searchkey => "Packers",
20 | content => "
A Cheesy Monument
21 |
Keyword: Packers
22 |
Green Bay native Jeff Miller
23 | loves Packers QB Brian Paulson. And he loves the
24 | Packers. And he loves cheese. So what could be more
25 | natural than carving a life-size statue of his beloved
26 | player in a huge block of gouda? Speaking of natural,
27 | Jeff's wife is starting to complain about the natural
28 | odor of the monument. 'I suppose I'll have to give it
29 | up, ' sighed Jeff.
30 |
For his next creation, Jeff can do the entire porous GB
31 | defense ... in swiss cheese; or he can simply do a
32 | statue of beleaguered GB defense back Chris Conners in
33 | toast.
Astro relief pitcher Dabne Lipscomb will be on the
40 | disable list for the next three weeks. It seems Dabne
41 | cut the index finger on his throwing hand trying to open
42 | his new XBox game with a pen knife. The game he couldn't wait to play?
43 | Blade of Honor.
44 |
Lipscomb is no stranger to unusual injuries.
45 | Last year he was out for 3 weeks with a lower back injury
46 | due to what he termed as a very violent sneeze.
47 | The year before that he was laid up due to an alergic
48 | reaction to pine tar.
49 | It would seem that Lipscomb's initials are not DL for
50 | nothing!
Pittsburgh and
57 | Los Angeles ended their seasons with the biggest bench-clearing
58 | brawl of the year. Apparently with nothing to play
59 | for, but plenty to fight for, six players were ejected,
60 | including Pirate skipper, Whyte Kohlmann.
61 |
62 |
The fight started when Pirate pitcher, Gary Tribbit
63 | hit LA slugger, Yale
64 | Iverson in retaliation for Iverson's 3rd-inning
65 | homerun. 'I thought he spent a little too much time
66 | trotting around
67 | the bases,' explained Tribbit. Given
68 | Iverson's anemic 185 batting average, you have
69 | to give him the benefit of the doubt. It was the
70 | first time he's cleared the yard this year and
71 | he was probably in a state of shock.
72 |
Ken Bryce of the Double A Tipton Turbines threw
79 | a no hitter against Clinton last week. Of course just
80 | because there were no hits, doesn't means there weren't
81 | any hits. There were three of them:
82 | all beanballs thrown by a often wild Bryce.
83 | No runs resulted as Tipton beat Clinton
84 | 2 - 0.
85 |
Retired NBA star Dennis Jenkins announced today that
92 | he has signed a contract with Long Sleep to
93 | have his body frozen before death, to be revived only
94 | when medical science has discovered a cure to the aging
95 | process.
96 |
97 |
'Lots of guys get frozen for cancer and stuff, '
98 | explains the always-entertaining Jenkins, 'I just want
99 | to return once they can give me back my eternal youth.'
100 | [sic] Perhaps Jenkins is also hoping medical science can
101 | cure his free-throw shooting - 47% and falling during
102 | his last year in the league.
103 |
A reader tells us that Jenkins may not be aware that
104 | part of the Long Sleep process is to remove the
105 | head, keeping only the brain to be revived. This would
106 | be a problem for Jenkins since he would be left with his
107 | least-valuable asset.
After a long holdout, ESPN is reporting that Houston
114 | Texans running back JT Olson has come to terms with the
115 | team, signing a three-year deal for $12 million. 'I'm
116 | really happy with the contract,' claims JT, 'and I'm
117 | looking forward to holding out again next year for an
118 | even bigger contract after I win the rushing title!'
119 |
My advice to the Texans: Check JT's pen to make sure
120 | it wasn't filled with disappearing ink!
Gilbert Gott missed the cut at the PGA Championship after carding
127 | a snowman on the final hole with four putts inside of 5 feet.
128 | Gott got gone without speaking to the press, claiming that he had to get
129 | home to Sarasota to host a high-priced golfing clinic.
130 |
The theme of the clinic? Golf like Gott.
131 | I don't need to attend his golfing clinic.
132 | Check my scorecard: I've been golfing like Gott for 20
133 | years!
134 | Posted: 8/11/2024 @ 6:42 pm"
135 | }
136 |
137 | );
138 |
139 | # Keep track of the number of hits using the count variable
140 | my $count = 0;
141 | foreach my $row (@articles) {
142 | if ( $row->{searchkey} =~ /^$input$/i) {
143 | $count ++;
144 | print "$row->{content}"
145 | }
146 | }
147 |
148 | # If no hits, print this fact
149 | if ($count == 0) {
150 | print "
No Articles Found
Come back again, we're still setting up our database!
Retired NBA star Dennis Jenkins announced today that he has signed a
4 | contract with Long Sleep to have his body frozen before death, to
5 | be revived only when medical science has discovered a cure to the aging
6 | process.
7 |
'Lots of guys get frozen for cancer and stuff, ' explains the
8 | always-entertaining Jenkins, 'I just want to return once they
9 | can give me back my eternal youth.' [sic] Perhaps Jenkins is also hoping
10 | medical science can cure his free-throw shooting - 47% and falling during his
11 | last year in the league.
12 |
A reader tells us that Jenkins may not be aware that part
13 | of the Long Sleep process is to remove the head, keeping only the
14 | brain to be revived. This would be a problem for Jenkins since he would be
15 | left with his least-valuable asset.
16 | Posted: 8/10/2024 @11:39 am
17 |
18 |
Check that Pen!
19 |
Keyword: Texans
20 |
After a long holdout, ESPN is reporting that Houston Texans running back
21 | JT Olson has come to terms with the team, signing a three-year deal for
22 | $12 million. 'I'm really happy with the contract,' claims JT, 'and I'm
23 | looking forward to holding out again next year for an even bigger contract
24 | after I win the rushing title!'
25 |
My advice to the Texans: Check JT's pen to make sure it wasn't filled with
26 | disappearing ink!
27 | Posted: 8/9/2024 @ 10:31 pm
28 |
--------------------------------------------------------------------------------
/week-6/chapter/headlines.xml:
--------------------------------------------------------------------------------
1 |
2 |
12 |
13 |
14 |
15 |
16 |
17 | Current Headlines
18 | Sports News Feed
19 |
20 |
21 | Carls leads at PGA
22 | http://www.sbloggernewslinks.com/pga/pga238.html
23 | Brett Carls took a three stroke lead into
24 | the final round of the PGA Championship at Whistling
25 | Straits.
26 |
27 |
28 |
29 |
30 | Groveney Signs
31 | http://www.sbloggernewslinks.com/nhl/nhl38891.html
32 | New York signed leading defenseman Steve Groveney
33 | to a 2-year contract on Thursday.
34 |
35 |
36 |
37 |
38 | Olson Out for 2 Weeks
39 | http://www.sbloggernewslinks.com/nfl/nfl8771.html
40 | Team officials announced that Kansas City QB Drew Olson will miss two weeks
41 | of practice due to a sprained knee.
42 |
43 |
44 |
45 |
46 | Koke Triumphs in Malaysia
47 | http://www.sbloggernewslinks.com/surf/surf8717.html
48 | Koke won the Men's Open
49 | Division victory in the closely contested
50 | final of the Malaysian Surfing Pro Am.
51 |
52 |
53 |
54 |
55 | Gregg Called Up
56 | http://www.sbloggernewslinks.com/mlb/mlb81808.html
57 | Steve Gregg was recalled to the majors
58 | after allowing two hits in six innings in
59 | his third start for the Tipton Turbines.
60 |
61 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/week-6/chapter/js11_txt.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 | Sblogger News
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
The word "Bon-sai" is a Japanese term which, literally translates to,
33 | "planted in a container." The art of Bonsai derives from an ancient Chinese
34 | horticultural practice, part of which was then redeveloped under
35 | the influence of Japanese Zen Buddhism.
36 |
37 |
38 |
Why makes a bonsai small?
39 |
40 |
Several factors contribute to keeing bonsai small. The tree is grown in a
41 | container which limits the growth and extent of the tree roots. Trimming,
42 | pruning and repotting limit the tree's growth. A shallow container limits
43 | the amount of soil and nutrients available to the tree. But even though its
44 | growth is limited, a properly managed bonsai will still maintain the
45 | characteristics of a fully grown
46 |
47 |
48 |
Can any tree be bonsai?
49 |
50 |
Yes, that's the beauty of bonsai! Bonsai is not a tree species, it's a combination of
51 | cultivation techniques to produce small trees that mimic the shape and scale of full-size
52 | trees in small containers. Some popular tree species include the Maple, Pines, and Junipers,
53 | but you might have your own favorites that you want to try. You can find information on
54 | several different species on our website.
55 |
56 |
57 |
What type of bonsai should I get?
58 |
59 |
The first decision you have to make is whether the bonsai will be placed
60 | indoors or outdoors. The most popular indoor bonsai are Ficus and Carmona
61 | trees. If you prefer growing outdoors the most popular tree species are
62 | Maples, Pines, and Junipers.
63 |
64 |
If this would be your first bonsai, the Ficus is an excellent choice for
65 | indoors and the Juniper works well for outdoors. Both species are resilient
66 | and very forgiving of mistakes!
67 |
68 |
69 |
How hard is it to care for a bonsai?
70 |
71 |
Bonsai do require more work than an ordinary houseplant. Indoor bonsai should be
72 | placed next to a South-facing window with ample sunshine. Species like the Ficus
73 | or Carmona require relatively high-humidity, so invest in a humidity tray.
74 | As a general rule, place outdoor Bonsai at a bright spot with lots of light.
75 | If your summers are especially hot, providing afternoon shade will be beneficial
76 | for your bonsai. In winter you might need to protect your trees from cold and frost.
77 |
Watering is crucial to the health of your bonsai. How often a tree needs to be watered
78 | depends on the tree species, the time of year, the soil mixture, the climate and the size
79 | of the tree and the pot. Read up on the watering needs of your species to choose
80 | the approach that will result in a healthy and vibrant tree.
81 |
82 |
How often should I water my bonsai?
83 |
84 |
Too much watering can lead to longterm problems, so don't be tied to a fixed schedule.
85 | Instead, keep a close eye on the topsoil, and when you see
86 | that it's drying out slightly, water it so that the entire root mass is thoroughly wetted.
87 |
88 |
How do I keep my bonsai free of disease and insects?
89 |
90 |
Like all living trees, bonsai are susceptible to insect attacks and disease.
91 | You can keep your bonsai healthy by: a) Giving your bonsai ample light, fresh
92 | air, and ventilation; b) Keeping the solie free of spent blooms and fallen leaves
93 | which will decay and foul the soil, and c) Use proper watering techniques that will not
94 | leave the soil overly moist or muddy.
95 |
96 |
97 |
To prevent insects from harming your tree, consider using an insecticidal soap spray which is
98 | not harmful to humans or animals. The soap spray may require more than one application
99 | to control the insect population. A weekly spray is often recommended.
100 |
101 |
102 |
How old do bonsai get?
103 |
104 |
How old do trees get? If properly cared for, bonsai can outlive fully grown trees in nature.
105 | Some mountain-born bonsai live to over 800 years old. These treasures are often
106 | passed on from one generation to the next in the bonsai nurseries of Japan. The
107 | oldest bonsai is believed to be a Ficus tree at Crespi, Italy with an estimated age of over
108 | 1000 years!
109 |
110 |
The bonsai that you grow and cultivate might become a family heirloom to be passed on
111 | and treasured by your descendants.
112 |
A classic European torte baked in a springform pan. Cream cheese,
43 | sliced almonds, and apples make this the perfect holiday treat
44 | (12 servings).
45 |
46 |
Ingredients
47 |
48 |
1/2 cup butter
49 |
1/3 cup white sugar
50 |
1/4 teaspoon vanilla extract
51 |
1 cup all-purpose flour
52 |
1 (8 ounce) package cream cheese
53 |
1/4 cup white sugar
54 |
1 egg
55 |
1/2 teaspoon vanilla extract
56 |
6 apples - peeled, cored, and sliced
57 |
1/3 cup white sugar
58 |
1/2 teaspoon ground cinnamon
59 |
1/4 cup sliced almonds
60 |
61 |
Directions
62 |
63 |
Preheat oven to 450° F (230° C).
64 |
Cream together butter, sugar, vanilla, and flour.
65 |
Press crust mixture into the flat bottom of a 9-inch springform pan.
66 | Set aside.
67 |
In a medium bowl, blend cream cheese and sugar. Beat in egg and vanilla.
68 | Pour cheese mixture over crust.
69 |
Toss apples with sugar and cinnamon. Spread apple
70 | mixture over all.
71 |
Bake for 10 minutes. Reduce heat to 400° F (200° C) and continue
72 | baking for 25 minutes.
73 |
Sprinkle almonds over top of torte. Continue baking until lightly browned.
74 | Cool before removing from pan.
29 | 
27 | 
29 | 
30 | Complete the jigsaw puzzle for the flower image shown at the
31 | right. Use your pointer to drag and drop the pieces into position. 
24 | 
25 | 
37 | 
40 | 
42 | 
Ingredients