How the Rise of Soccer in the US Is Changing the Face of Youth Sports
+
The focus on soccer in youth sports programs is exploding nation-wide
+
When the first World Cup arrived in the US in the 90's everyone officially declared that soccer was it. Well it's taken it's time but we can definitely see the influence of soccer, especially women's soccer, across the US. This year, 3 million kids
+ played in youth soccer leagues with 2/3 of those leagues for girls. In fact, in the 12-17 age range the MLS has surpassed the MLB and NFL in popularity.
+
Part of this meteoric rise can be attributed to the impressively soaring ad dollars being pumped into the Women's World Cup games in 2014. The women's games generated $40 million for Fox, that's definitely not chump change. And those advertisers,
+ like ATT, Coca Cola, Verizon, Nike, Visa, and other heavy hitters, are working to make sure they see those numbers grow year after year by investing in youth soccer facilities and promoting programs across the country.
+
Now that big business is involved you can be assured you'll see a continued rise in popularity in soccer across the country for years to come.
+
+
+
+
The local semi- pro soccer team in Seattle, WA plays an international friendly
Click on a tile below to reveal a symbol. Click on another tile to try and reveal two of the same symbols. The game is over when all the cards have been matched.
+ Our BBQ Bacon Burger features our special house ground blend of wagyu and sirloin, spiced perfectly, and finished off with just a drop of white truffle oil. A butter grilled brioche bun layered with roasted red onion, perfectly crispy pork belly, and our hickory smoked BBQ sauce.
+
But it doesn't have to be! Let our handy Virtual Paint Department help guide you through the process of choosing a color. Know the hue? You know what to do. Click the order button and we'll get the paint to you.
+
+
+
+
+
+
Color Guide
+
Here at HouseStore, we take color seriously. In each of the following sections, well explore our base colors in swatches that incrementally change three values: Hue, Saturation and Lightness. You'll be able to pick from a wide variety of colors that all work well with each other because they stem from the same value.
+
+
+
+
+
+
Reds
+
Firetrucks, lipstick, fresh berries — red is a color with power, emotion, intensity. For this reason we recommend using reds as accent colors. Red is particularly suited to kitchens, as it is said to evoke hunger!
Our base red is HSL (350, 100, 50)
+
+
+
+
+
+
Lightness
+
+
+
+
+
+
+
+
Saturation
+
+
+
+
+
+
+
+
Hue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Greens
+
They say that geniuses choose green — we think any of these verdant colors will look smart! Deck your halls like a lush outdoor space, adorn your rooms with emerald, or just make your houseguests green with envy!
+
Our base green is HSL (130, 100, 50)
+
+
+
+
+
+
Lightness
+
+
+
+
+
+
+
+
Saturation
+
+
+
+
+
+
+
+
Hue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Blues
+
Blues dont give us the blues — in fact, blue is one of the most popular colors in home interiors, and for good reason! Energizing like a summer sky, calming like a lakeshore, light as mist or deep as indigo, blue can do it all.
+
Our base blue is HSL (220, 100, 50)
+
+
+
+
+
+
Lightness
+
+
+
+
+
+
+
+
Saturation
+
+
+
+
+
+
+
+
Hue
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Code Academy - CSS/portfolio.css b/week0/Code Academy - CSS/portfolio.css
new file mode 100644
index 00000000..9e09f9b1
--- /dev/null
+++ b/week0/Code Academy - CSS/portfolio.css
@@ -0,0 +1,18 @@
+.header{
+ background-color:CornflowerBlue;
+ text-align:center;
+ }
+ .about-me{
+ font-size:20px;
+ opacity:0.5;
+ }
+ .title{
+ font-weight:bold;
+ }
+ h1{
+ color:Azure;
+ }
+ body{
+ font-family:cursive;
+ background-image:url("https://s3.amazonaws.com/codecademy-content/courses/learn-css-selectors-visual-rules/hypnotize_bg.png");
+ }
\ No newline at end of file
diff --git a/week0/Code Academy - CSS/portfolio.html b/week0/Code Academy - CSS/portfolio.html
new file mode 100644
index 00000000..4fc3dffb
--- /dev/null
+++ b/week0/Code Academy - CSS/portfolio.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+
+
+
+
Olivia Woodruff
+
I am a developer specializing in HTML and CSS. I like to run, bike, and make coffee using an Aeropress.
We are a full service grooming salon and doggy daycare. PupSpace is founded on the principles of communication and specialized care. We welcome you to your dog's new second home.
The world is full of fascinating places. Planning the perfect vacation involves packing up, leaving home, and experiencing something new.
+
+
1. Florence, Italy
+
A city-size shrine to the Renaissance, Florence offers frescoes, sculptures, churches, palaces, and other monuments from the richest cultural flowering the world has known. Names from its dazzling historical pastDante, Michelangelo, Galileo, Machiavelliare some of the most resonant of the medieval age. Learn More.
+
Top Attractions
+
+
Museums
+
Bike Tours
+
Historical Monuments
+
+
+
+
2. Beijing, China
+
A city in the midst of reinventing itself and continuing to build on the success of the 2008 Summer Olympics, Beijing is a place of frenzied construction. New housing, new roads, and new sports venues seem to spring up overnight. At the same time, the capital of the Peoples Republic of China remains an epicenter of tradition, with the treasures of nearly 2,000 years as the imperial capital still on viewin the famed Forbidden City and in the luxuriant pavilions and gardens of the Summer Palace.
+ Learn More.
+
Top Attractions
+
+
Biking
+
Historical Sites
+
Restaurants and Dining
+
+
+
+
3. Seoul, South Korea
+
The Korean capital is a city of contrasts. Fourteenth-century city gates squat in the shadow of 21st-century skyscrapers, while the broad Han River is back-dropped by granite mountains rising in the city centercomplete with alpine highways speeding around their contours and temples nestling among their crags. Fashionable, gadget-laden youths battle for sidewalk space with fortune-tellers and peddlers, while tiny neighborhoods of traditional cottages contrast with endless ranks of identical apartments.
+ Learn More.
+
Top Attractions
+
+
Parasailing
+
Segway Tours
+
Spas and Resorts
+
+
+
+
More Desinations
+
+
Jackson Hole, Wyoming
+
Cape Town, South Africa
+
La Paz, Bolivia
+
+
+
—Best of luck with your travels, and be sure to send pictures and stories. We"d love to hear them!
While typography has been practiced for many centuries, digital font design is a relatively new discipline. There are some great examples of old-school fonts (also called typefaces) which have been adapted for use on digital displays. However, I would like to highlight a few of my favorite fonts that were created with screens in mind.
+
+
+
+
+
+
+
+
Serif
+
Serifs are the small features at the end of strokes within letters. These features are functional as well as decorative. Serif fonts are widely used for body text (eg. articles) because they are considered easier to read than sans-serif fonts in print.
+
Serif fonts can often create a feeling of traditionalism and antiquity, due to their common use in printed materials for many years.
+
+
+
+
+
Garamond
+
by Claude Garamond (16th Century)
+
+
+
Bold
+ Abc
+
+
+
Regular
+ Abc
+
+
+
Italic
+ Abc
+
+
+
+
+
+
+
+
+
+
+
Sans-Serif
+
Sans-Serif ("without serif") describes fonts with characters which lack flourishes at the ends of the strokes. Sans-serif fonts have become the most prevalent for display of text on computer screens, as on lower-resolution digital displays, fine details like serifs may disappear or appear too large.
+
Sans-serif fonts are often used to project an image of simplicity, modernity or minimalism.
+
+
+
+
+
Helvetica
+
by Max Miedinger & Eduard Hoffman (1957)
+
+
+
Bold
+ Abc
+
+
+
Regular
+ Abc
+
+
+
+
+
+
+
+
+
+
+
Monospaced
+
A monospaced font's characters each occupy the same amount of horizontal space. This contrasts with most fonts, where the letters and spacings have different widths. For example, the two high-use letters "I" and "E" do not need the same footprint. The first monospaced Western typefaces were designed for typewriters.
+
Many text editors (like those used to write computer code) use monospaced fonts, which aid in distinguishing between potentially similar characters (like "l" and "1") and in counting the number of characters in a line.
+
+
+
+
+
Space Mono
+
by Colophon Foundry (2016)
+
+
+
Bold
+ Abc
+
+
+
Regular
+ Abc
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Code Academy - HTML/Attributes.html b/week0/Code Academy - HTML/Attributes.html
new file mode 100644
index 00000000..3f0cbb25
--- /dev/null
+++ b/week0/Code Academy - HTML/Attributes.html
@@ -0,0 +1,16 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
Species
+
Features
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
+
+
Media
+
+
\ No newline at end of file
diff --git a/week0/Code Academy - HTML/Body.html b/week0/Code Academy - HTML/Body.html
new file mode 100644
index 00000000..b6faafbb
--- /dev/null
+++ b/week0/Code Academy - HTML/Body.html
@@ -0,0 +1,3 @@
+
+
"Life is very short and what we have to do must be done in the now." - Audre Lorde
+
\ No newline at end of file
diff --git a/week0/Code Academy - HTML/Displaying-Text.html b/week0/Code Academy - HTML/Displaying-Text.html
new file mode 100644
index 00000000..7f1cb1db
--- /dev/null
+++ b/week0/Code Academy - HTML/Displaying-Text.html
@@ -0,0 +1,30 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
+
"The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern. There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear."
+
+
Species
+
Features
+
+
+ "Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe. "
+
+
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
+
+ "Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan."
+
+
+
+
+
Media
+
+
+
diff --git a/week0/Code Academy - HTML/Div.html b/week0/Code Academy - HTML/Div.html
new file mode 100644
index 00000000..5aa537f6
--- /dev/null
+++ b/week0/Code Academy - HTML/Div.html
@@ -0,0 +1,18 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
Species
+
Features
+
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
+
+
+
Media
+
+
diff --git a/week0/Code Academy - HTML/HTML-structure.html b/week0/Code Academy - HTML/HTML-structure.html
new file mode 100644
index 00000000..d669ff2f
--- /dev/null
+++ b/week0/Code Academy - HTML/HTML-structure.html
@@ -0,0 +1,7 @@
+
+
Hello World
+
+
+
This paragraph is a child of the div element and a grandchild of the body element
+
+
\ No newline at end of file
diff --git a/week0/Code Academy - HTML/Headings.html b/week0/Code Academy - HTML/Headings.html
new file mode 100644
index 00000000..4761b46d
--- /dev/null
+++ b/week0/Code Academy - HTML/Headings.html
@@ -0,0 +1,13 @@
+
+
The Brown Bear
+
About Brown Bears
+
Species
+
Features
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
Media
+
+
+
+
diff --git a/week0/Code Academy - HTML/Image-Alt.html b/week0/Code Academy - HTML/Image-Alt.html
new file mode 100644
index 00000000..4f0fb63e
--- /dev/null
+++ b/week0/Code Academy - HTML/Image-Alt.html
@@ -0,0 +1,31 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
+
Russia
+
United States
+
Canada
+
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
+
diff --git a/week0/Code Academy - HTML/Image.html b/week0/Code Academy - HTML/Image.html
new file mode 100644
index 00000000..848afd5c
--- /dev/null
+++ b/week0/Code Academy - HTML/Image.html
@@ -0,0 +1,31 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
+
Russia
+
United States
+
Canada
+
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
+
diff --git a/week0/Code Academy - HTML/Line-Break.html b/week0/Code Academy - HTML/Line-Break.html
new file mode 100644
index 00000000..7326e3b9
--- /dev/null
+++ b/week0/Code Academy - HTML/Line-Break.html
@@ -0,0 +1,19 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
diff --git a/week0/Code Academy - HTML/Ordered-List.html b/week0/Code Academy - HTML/Ordered-List.html
new file mode 100644
index 00000000..19b44eab
--- /dev/null
+++ b/week0/Code Academy - HTML/Ordered-List.html
@@ -0,0 +1,30 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
+
Russia
+
United States
+
Canada
+
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
diff --git a/week0/Code Academy - HTML/Styling-Text.html b/week0/Code Academy - HTML/Styling-Text.html
new file mode 100644
index 00000000..d49f92c5
--- /dev/null
+++ b/week0/Code Academy - HTML/Styling-Text.html
@@ -0,0 +1,19 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern. There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
diff --git a/week0/Code Academy - HTML/Unordered-List.html b/week0/Code Academy - HTML/Unordered-List.html
new file mode 100644
index 00000000..b10adfa2
--- /dev/null
+++ b/week0/Code Academy - HTML/Unordered-List.html
@@ -0,0 +1,25 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
diff --git a/week0/Code Academy - HTML/Video.html b/week0/Code Academy - HTML/Video.html
new file mode 100644
index 00000000..af211992
--- /dev/null
+++ b/week0/Code Academy - HTML/Video.html
@@ -0,0 +1,70 @@
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
+
Russia
+
United States
+
Canada
+
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
+
+
+
+
+
The Brown Bear
+
+
About Brown Bears
+
The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently Least Concern.
There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.
+
Species
+
+
Arctos
+
Collarus
+
Horribilis
+
Nelsoni (extinct)
+
+
Features
+
Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.
+
+
+
Habitat
+
Countries with Large Brown Bear Populations
+
+
Russia
+
United States
+
Canada
+
+
Countries with Small Brown Bear Populations
+
Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.
+
+
+
Media
+
+
+
+
+
diff --git a/week0/Code Academy - Intro to JS/Arrays/secret-message.js b/week0/Code Academy - Intro to JS/Arrays/secret-message.js
new file mode 100644
index 00000000..54ea070e
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Arrays/secret-message.js
@@ -0,0 +1,17 @@
+let secretMessage = ['Learning', 'is', 'not', 'about', 'what', 'you', 'get', 'easily', 'the', 'first', 'time,', 'it', 'is', 'about', 'what', 'you', 'can', 'figure', 'out.', '-2015,', 'Chris', 'Pine,', 'Learn', 'JavaScript'];
+
+
+secretMessage.pop();
+
+secretMessage.push('to');
+secretMessage.push('Program');
+
+secretMessage[7] = 'right';
+
+secretMessage.shift();
+
+secretMessage.unshift('Programming');
+
+secretMessage.splice(6, 5, 'know');
+
+console.log(secretMessage.join(' '));
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Classes/build-a-library.js b/week0/Code Academy - Intro to JS/Classes/build-a-library.js
new file mode 100644
index 00000000..b9b3c247
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Classes/build-a-library.js
@@ -0,0 +1,112 @@
+class Media {
+ constructor(title) {
+ this._title = title;
+ this._isCheckedOut = false;
+ this._ratings = [];
+ }
+
+ get title() {
+ return this._title;
+ }
+
+ get isCheckedOut() {
+ return this._isCheckedOut;
+ }
+
+ get ratings() {
+ return this._ratings;
+ }
+
+ getAverageRating() {
+ return this._ratings.reduce((prev, curr) => prev + curr) / this._ratings.length;
+ }
+
+ toggleCheckOutStatus() {
+ this._isCheckedOut = !this._isCheckedOut;
+ }
+
+ addRating(rating) {
+ if (rating >= 1 && rating <= 5) {
+ this._ratings.push(rating);
+ } else {
+ console.log('Invalid rating value')
+ }
+ }
+}
+
+class Book extends Media {
+ constructor(title, author, pages) {
+ super(title);
+ this._author = author;
+ this._pages = pages;
+ }
+
+ get author() {
+ return this._author;
+ }
+
+ get pages() {
+ return this._pages;
+ }
+}
+
+class Movie extends Media {
+ constructor(title, director, runTime) {
+ super(title);
+ this._director = director;
+ this._runTime = runTime;
+ }
+
+ get director() {
+ return this._director
+ }
+
+ get runTime() {
+ return this._runTime
+ }
+}
+
+class CD extends Media {
+ constructor(title, artist, songs) {
+ super(title);
+ this._artist = artist;
+ this._songs = songs;
+ }
+
+ get artist() {
+ return this._artist;
+ }
+
+ get songs() {
+ return this._songs;
+ }
+}
+
+
+const historyOfEverything = new Book('A Short History of Nearly Everything', 'Bill Bryson', 544);
+historyOfEverything.toggleCheckOutStatus();
+console.log(historyOfEverything.isCheckedOut);
+historyOfEverything.addRating(4);
+historyOfEverything.addRating(5);
+historyOfEverything.addRating(4);
+console.log(historyOfEverything.getAverageRating());
+
+
+
+const speed = new Movie('Speed', 'Jan de Bont', 116);
+speed.toggleCheckOutStatus();
+console.log(speed.isCheckedOut);
+speed.addRating(1);
+speed.addRating(1);
+speed.addRating(5);
+console.log(speed.getAverageRating());
+
+
+
+const thumbthumper = new CD('thumbthumper', 'chumbawamba', ["i get it", "knocked down"]);
+thumbthumper.toggleCheckOutStatus();
+console.log(thumbthumper.isCheckedOut);
+thumbthumper.addRating(10);
+thumbthumper.addRating(1);
+thumbthumper.addRating(5);
+console.log(thumbthumper.getAverageRating());
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Classes/school-catalogues.js b/week0/Code Academy - Intro to JS/Classes/school-catalogues.js
new file mode 100644
index 00000000..6c5cafba
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Classes/school-catalogues.js
@@ -0,0 +1,74 @@
+class School {
+ constructor(name, level, numberOfStudents) {
+ this._name = name;
+ this._level = level;
+ this._numberOfStudents = numberOfStudents;
+ }
+
+ get name() {
+ return this._name;
+ }
+
+ get level() {
+ return this._level;
+ }
+
+ get numberOfStudents() {
+ return this._numberOfStudents;
+ }
+
+ quickFacts() {
+ console.log(`${this._name} educates ${this._numberOfStudents} students, typically between the ages of ${this._level}.`);
+ }
+
+ static pickSubstituteTeacher(substituteTeachers) {
+ let randomTeacherIndex = Math.floor(substituteTeachers.length * Math.random());
+ return substituteTeachers[randomTeacherIndex];
+
+ }
+
+ set numberOfStudents(newNumberOfStudents) {
+ if (typeof newNumberOfStudents === 'number') {
+ this._numberOfStudents = numberOfStudents;
+ } else {
+ console.log('Invalid input: numberOfStudents must be set to a Number.');
+ }
+ }
+
+}
+
+class PrimarySchool extends School {
+ constructor(name, numberOfStudents, pickUpPolicy) {
+ super(name, numberOfStudents);
+ this._level = 'Primary';
+ this._pickUpPolicy = pickUpPolicy;
+ }
+
+ get pickUpPolicy() {
+ return this._pickUpPolicy;
+ }
+}
+
+
+class HighSchool extends School {
+ constructor(name, numberOfStudents, sportsTeams) {
+ super(name, numberOfStudents);
+ this._level = 'High';
+ this._sportsTeams = sportsTeams;
+ }
+
+ get sportsTeams() {
+ return this._sportsTeams;
+ }
+}
+
+
+const lorraineHansbury = new PrimarySchool('Lorraine Hansbury', 514, 'students must be picked up by a parent, guardian, or a family member over the age of 13');
+
+lorraineHansbury.quickFacts();
+
+School.pickSubstituteTeacher(['Jamal Crawford', 'Lou Williams', 'J. R. Smith', 'James Harden', 'Jason Terry', 'Manu Ginobli'])
+
+const alSmith = new HighSchool('Al E. Smith', 415, ['Baseball', 'Basketball', 'Volleyball', 'Track and Field']);
+
+console.log(alSmith.sportsTeams);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Conditionals/magic-eigth-balls.js b/week0/Code Academy - Intro to JS/Conditionals/magic-eigth-balls.js
new file mode 100644
index 00000000..a56b5195
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Conditionals/magic-eigth-balls.js
@@ -0,0 +1,31 @@
+var userQuestion = "Will I pass my Calculus exam, tomorrow?";
+var randomNumber = Math.floor(Math.random() * 8);
+var eightBall = '';
+switch (randomNumber) {
+ case 0:
+ eightBall = 'It is certain';
+ break;
+ case 1:
+ eightBall = 'It is decidedly so';
+ break;
+ case 2:
+ eightBall = 'Cannot predict now';
+ break;
+ case 3:
+ eightBall = 'Don\'t count on it';
+ break;
+ case 4:
+ eightBall = 'My sources say no';
+ break;
+ case 5:
+ eightBall = 'Outlook not so good';
+ break;
+ case 6:
+ eightBall = 'Signs point to yes';
+ break;
+ case 7:
+ eightBall = 'You are in grave danger';
+ break;
+}
+console.log('The user asked: ' + userQuestion);
+console.log('The eight ball answered: ' + eightBall);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Conditionals/race-day.js b/week0/Code Academy - Intro to JS/Conditionals/race-day.js
new file mode 100644
index 00000000..2eb79a82
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Conditionals/race-day.js
@@ -0,0 +1,17 @@
+let raceNumber = Math.floor(Math.random() * 1000);
+let earlyRegistration = true;
+let runnerAge = 19;
+
+if (earlyRegistration === false) {
+ raceNumber += 1000;
+}
+
+if (runnerAge > 18 && earlyRegistration === true && raceNumber < 1000) {
+ console.log(`Your race starts at 9:30 am and your race number is: ${raceNumber}`);
+} else if (earlyRegistration === true || runnerAge > 18) {
+ console.log(`Your race starts at 11:00 am and your race number is: ${raceNumber}`);
+} else if (runnerAge < 18 && earlyRegistration === false) {
+ console.log(`Your race starts at 12:30 pm and your race number is: ${raceNumber}`);
+} else {
+ console.log('Please see the registration desk to get your number');
+}
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Functions/rock-paper-scissors.js b/week0/Code Academy - Intro to JS/Functions/rock-paper-scissors.js
new file mode 100644
index 00000000..685a50e7
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Functions/rock-paper-scissors.js
@@ -0,0 +1,64 @@
+const getUserChoice = function (userInput) {
+ userInput = userInput.toLowerCase();
+
+ if (userInput === 'rock' || userInput === 'paper' || userInput === 'scissors' || userInput === 'bomb') {
+ return userInput;
+ } else {
+ console.log('Error, please type: rock, paper or scissors');
+ }
+}
+
+const getComputerChoice = function () {
+ let randomNumber = Math.floor(Math.random() * 3);
+ switch (randomNumber) {
+ case 0:
+ return 'rock';
+ case 1:
+ return 'paper';
+ case 2:
+ return 'scissors';
+ }
+}
+
+const determineWinner = function (userChoice, computerChoice) {
+ if (userChoice === computerChoice) {
+ return "This game is a tie!";
+ }
+ if (userChoice === 'rock') {
+ if (computerChoice === 'paper') {
+ return "Sorry, computer won!";
+ } else {
+ return "Congratulations, you won!";
+ }
+ }
+ if (userChoice === 'paper') {
+ if (computerChoice === 'scissors') {
+ return 'Sorry, computer won!';
+ } else {
+ return "Congratulation, you won!";
+ }
+ }
+
+ if (userChoice === 'scissors') {
+ if (computerChoice === 'rock') {
+ return 'Sorry, computer won!';
+ } else {
+ return "Congratulations, you won";
+ }
+ }
+
+ if (userChoice === 'bomb') {
+ return 'Congratulation, you won!';
+ }
+}
+
+const playGame = function () {
+ const userChoice = getUserChoice('paper');
+ const computerChoice = getComputerChoice();
+ console.log('You threw: ' + userChoice);
+ console.log('The computer threw: ' + computerChoice);
+
+ console.log(determineWinner(userChoice, computerChoice));
+}
+
+playGame();
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Functions/sleep-debt-calculator.js b/week0/Code Academy - Intro to JS/Functions/sleep-debt-calculator.js
new file mode 100644
index 00000000..d05453f7
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Functions/sleep-debt-calculator.js
@@ -0,0 +1,53 @@
+const getSleepHours = day => {
+ switch (day) {
+ case 'Monday':
+ return 8;
+ case 'Tuesday':
+ return 7;
+ case 'Wednesday':
+ return 8;
+ case 'Thursday':
+ return 9;
+ case 'Friday':
+ return 6;
+ case 'Saturday':
+ return 10;
+ case 'Sunday':
+ return 8;
+ }
+};
+
+var weekDays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday',
+ 'Sunday'
+];
+
+const getActualSleepHours = () => {
+ let res = 0;
+ for (let i = 0; i < weekDays.length; i++) {
+ res += getSleepHours(weekDays[i]);
+ }
+ return res;
+}
+
+const getIdealSleepHours = () => {
+ let idealHours = 7;
+ return idealHours * 7;
+}
+
+const calculateSleepDebt = () => {
+ let actualSleepHours = getActualSleepHours();
+ let idealSleepHours = getIdealSleepHours();
+
+ if (actualSleepHours === idealSleepHours) {
+ console.log('You have got ' + actualSleepHours + ' hours of sleep this week, it is a perfect amount.');
+ }
+ if (actualSleepHours > idealSleepHours) {
+ console.log('You got ' + (actualSleepHours - idealSleepHours) + ' hours more sleep than you needed this week.');
+ }
+ if (actualSleepHours < idealSleepHours) {
+ console.log('You got ' + (idealSleepHours - actualSleepHours) + ' hours less sleep than you needed this week. Get some rest.');
+ }
+}
+
+calculateSleepDebt();
+
diff --git a/week0/Code Academy - Intro to JS/Introduction/dog-years.js b/week0/Code Academy - Intro to JS/Introduction/dog-years.js
new file mode 100644
index 00000000..4c881372
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Introduction/dog-years.js
@@ -0,0 +1,18 @@
+// my age
+let myAge = 18;
+// dunno what the heck is it
+let earlyYears = 2;
+// reassigning
+earlyYears *= 10.5
+// subtracting
+myAge -= 2;
+// also dunno
+let laterYears = myAge;
+// che-to tam dog years
+laterYears *= 4;
+// moy vozrast sobaki
+var myAgeInDogYears = earlyYears + laterYears
+// lowering
+myName = "DAUREN".toLowerCase();
+// logging out
+console.log(`My name is ${myName}. I am ${myAge} years old in human years which is ${myAgeInDogYears} years old in dog years.`);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Introduction/kelvin-weather.js b/week0/Code Academy - Intro to JS/Introduction/kelvin-weather.js
new file mode 100644
index 00000000..3a390326
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Introduction/kelvin-weather.js
@@ -0,0 +1,10 @@
+// variable called kelvin of type const
+const kelvin = 293;
+// variable called celsius of type const, 273 degrees less than kelvin
+const celsius = kelvin - 273;
+// fahrenheit of type let
+let fahrenheit = celsius * 1.8 + 32;
+// rounding down the fahrenheit temp
+fahrenheit = Math.floor(fahrenheit);
+
+console.log(`The temperature is ${fahrenheit} degrees Fahrenheit`);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Iterators/mini-linter.js b/week0/Code Academy - Intro to JS/Iterators/mini-linter.js
new file mode 100644
index 00000000..a0b7a28e
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Iterators/mini-linter.js
@@ -0,0 +1,44 @@
+let story = 'Last weekend, I took literally the most beautiful bike ride of my life. The route is called "The 9W to Nyack" and it actually stretches all the way from Riverside Park in Manhattan to South Nyack, New Jersey. It\'s really an adventure from beginning to end! It is a 48 mile loop and it basically took me an entire day. I stopped at Riverbank State Park to take some extremely artsy photos. It was a short stop, though, because I had a really long way left to go. After a quick photo op at the very popular Little Red Lighthouse, I began my trek across the George Washington Bridge into New Jersey. The GW is actually very long - 4,760 feet! I was already very tired by the time I got to the other side. An hour later, I reached Greenbrook Nature Sanctuary, an extremely beautiful park along the coast of the Hudson. Something that was very surprising to me was that near the end of the route you actually cross back into New York! At this point, you are very close to the end.';
+
+let storyWords = story.split(' ');
+console.log('The word count is ' + storyWords.length);
+
+let overusedWords = ['really', 'very', 'basically'];
+
+let unnecessaryWords = ['extremely', 'literally', 'actually'];
+
+let betterWords = storyWords.filter(function (word) {
+ if (unnecessaryWords.includes(word)) {} else {
+ return word;
+ }
+});
+
+let overused1 = 0
+let overused2 = 0
+let overused3 = 0
+
+storyWords.filter(function (word) {
+
+ if (word === overusedWords[0]) {
+ overused1 += 1
+ } else if (word === overusedWords[1]) {
+ overused2 += 1
+ } else if (word === overusedWords[2]) {
+ overused3 += 1
+ }
+});
+
+
+console.log(`Overused word: ${overusedWords[0]} -- count:` + overused1);
+console.log(`Overused word: ${overusedWords[1]} -- count:` + overused2);
+console.log(`Overused word: ${overusedWords[2]} -- count:` + overused3);
+
+
+let sentences = 0;
+storyWords.forEach(word => {
+ if (word[word.length - 1] === '.' || word[word.length - 1] === '!') {
+ sentences += 1;
+ }
+})
+
+console.log('Sentence count: ' + sentences);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Loops/whale-talk.js b/week0/Code Academy - Intro to JS/Loops/whale-talk.js
new file mode 100644
index 00000000..ccd448cf
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Loops/whale-talk.js
@@ -0,0 +1,18 @@
+let input = 'Turpentine and turtles';
+
+let vowels = ['u', 'e', 'i', 'a'];
+
+let resultArray = [];
+
+for (let inputIndex = 0; inputIndex < input.length; inputIndex++) {
+ for (let vowelsIndex = 0; vowelsIndex < vowels.length; vowelsIndex++) {
+ if (input[inputIndex] === vowels[vowelsIndex]) {
+ resultArray.push(input[inputIndex]);
+ }
+ }
+ if (input[inputIndex] === 'e' || input[inputIndex] === 'u') {
+ resultArray.push(input[inputIndex]);
+ }
+}
+
+console.log(resultArray.join('').toUpperCase());
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Objects/meal-maker.js b/week0/Code Academy - Intro to JS/Objects/meal-maker.js
new file mode 100644
index 00000000..90a5e6f8
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Objects/meal-maker.js
@@ -0,0 +1,72 @@
+ const menu = {
+ _courses: {
+ _appetizers: [],
+ _mains: [],
+ _desserts: [],
+
+ get appetizers() {
+ return this._appetizers
+ },
+ set appetizers(appetizerIn) {
+ this._appetizers.push(appetizerIn);
+ },
+
+ get mains() {
+ return this._mains
+ },
+ set mains(mainIn) {
+ this._mains.push(mainIn);
+ },
+
+ get desserts() {
+ return this._desserts
+ },
+ set desserts(dessertIn) {
+ this._desserts.push(dessertIn);
+ },
+ },
+
+ get courses() {
+ return {
+ appetizers: this._courses.appetizers,
+ mains: this._courses.mains,
+ desserts: this._courses.desserts
+ };
+ },
+
+ addDishToCourse(courseName, dishName, dishPrice) {
+ const dish = {
+ name: dishName,
+ price: dishPrice
+ };
+ return this.courses[courseName].push(dish);
+ },
+
+ getRandomDishFromCourse: function (courseName) {
+ const dishes = this._courses[courseName];
+ const randomDish = Math.floor(Math.random() * dishes.length);
+ return dishes[randomDish];
+ },
+
+ generateRandomMeal: function () {
+ const appetizer = this.getRandomDishFromCourse('appetizers');
+ const mains = this.getRandomDishFromCourse('mains');
+ const desserts = this.getRandomDishFromCourse('desserts');
+ const totalPrice = appetizer.price + mains.price + desserts.price;
+ return `Your meal is ${appetizer.name}, ${mains.name} and ${desserts.name}. The total price for your meal is $${totalPrice}.`;
+ }
+ };
+
+
+
+ menu.addDishToCourse('appetizers', 'salad', 5.50);
+ menu.addDishToCourse('mains', 'fish', 6);
+ menu.addDishToCourse('desserts', 'cake', 4);
+
+ menu.addDishToCourse('appetizers', 'soup', 4.50);
+ menu.addDishToCourse('mains', 'steak', 11);
+ menu.addDishToCourse('desserts', 'ice cream', 3);
+
+
+ let meal = menu.generateRandomMeal();
+ console.log(meal);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Objects/team-stats.js b/week0/Code Academy - Intro to JS/Objects/team-stats.js
new file mode 100644
index 00000000..5969685f
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Objects/team-stats.js
@@ -0,0 +1,56 @@
+let team = {
+ _players: [{
+ firstName: 'Pablo',
+ lastName: 'Sanchez',
+ age: 15
+ }, {
+ firstName: 'Hulio',
+ lastName: 'Alvarez',
+ age: 19
+ }, {
+ firstName: 'Francesco',
+ lastName: 'Puaero',
+ age: 21
+ }],
+ _games: [{
+ opponent: 'Broncos',
+ teamPoints: 42,
+ opponentPoints: 27
+ }, {
+ opponent: 'Sharks',
+ teamPoints: 66,
+ opponentPoints: 33
+ }, {
+ opponent: 'Doggies',
+ teamPoints: 42,
+ opponentPoints: 42
+ }],
+ get players() {
+ return this._players;
+ },
+ get games() {
+ return this._games;
+ },
+ addPlayer: function (firstName, lastName, age) {
+ let newPlayer = {
+ firstName,
+ lastName,
+ age
+ };
+ this._players.push(newPlayer);
+ },
+ addGame: function (opponent, teamPoints, opponentPoints) {
+ let newGame = {
+ opponent,
+ teamPoints,
+ opponentPoints
+ };
+ this._games.push(newGame);
+ }
+};
+
+team.addPlayer('Steph', 'Curry', 28);
+console.log(team.players);
+
+team.addGame('Huanos', 42, 12);
+console.log(team.games);
\ No newline at end of file
diff --git a/week0/Code Academy - Intro to JS/Scope/training-days.js b/week0/Code Academy - Intro to JS/Scope/training-days.js
new file mode 100644
index 00000000..deb144bb
--- /dev/null
+++ b/week0/Code Academy - Intro to JS/Scope/training-days.js
@@ -0,0 +1,53 @@
+const getAllEvents = () => {
+ return ['Marathon', 'Triathlon', 'Decathlon'];
+}
+
+
+const getRandomEvent = () => {
+ const allEvents = getAllEvents();
+ const event = allEvents[Math.floor(Math.random() * allEvents.length)];
+ return event;
+};
+
+const getEventActivities = event => {
+ const allEvents = getAllEvents();
+ event = allEvents['Marathon', 'Triathlon', 'Decathlon'];
+
+ if (!allEvents.includes(event)) {
+ return null;
+ }
+
+ let activities;
+ if (event === 'Marathon') {
+ activities = ['Running'];
+ }
+ if (event === 'Triathlon') {
+ activities = ['Running', 'Cycling', 'Swimming'];
+ }
+ if (event === 'Decathlon') {
+ activities = ['Running', 'Hurdles', 'Javelin throw', 'Discus Throw', 'Shot put', 'High Jump'];
+ }
+ return activities.join(', ')
+};
+
+const getDaysToTrain = event => {
+ const allEvents = getAllEvents();
+ if (!allEvents.includes(event)) {
+ return null;
+ }
+ const eventTrainingTimes = {
+ 'Marathon': 50,
+ 'Triathlon': 100,
+ 'Decathlon': 200
+ };
+ return eventTrainingTimes[event];
+};
+
+const getEventMessage = () => {
+ const myEvent = getRandomEvent();
+
+ console.log('Your event is a ' + myEvent + '. Your event activities consist of ' + getEventActivities(myEvent) + '. You have ' + getDaysToTrain(myEvent) + ' days to train.');
+}
+
+
+getEventMessage();
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM access methods/custom-name-tags.html b/week0/Khan Academy - DOM/DOM access methods/custom-name-tags.html
new file mode 100644
index 00000000..1887662b
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM access methods/custom-name-tags.html
@@ -0,0 +1,65 @@
+
+
+
+
+
+ Challenge: Custom name tags
+
+
+
+
+
+
+
+
Hello, my name is...
+
Grace Hopper
+
+
+
+
Hello, my name is...
+
Alan Turing
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM access methods/id-changer.html b/week0/Khan Academy - DOM/DOM access methods/id-changer.html
new file mode 100644
index 00000000..8041840f
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM access methods/id-changer.html
@@ -0,0 +1,35 @@
+
+
+
+
+ Challenge: ID changer
+
+
+
+
+
+
Khan Academy identification card
+
+
First last
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM access methods/query-modernized.html b/week0/Khan Academy - DOM/DOM access methods/query-modernized.html
new file mode 100644
index 00000000..0c7ee40b
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM access methods/query-modernized.html
@@ -0,0 +1,44 @@
+
+
+
+
+
+ Challenge: Query modernizer
+
+
+
+
+
Isaac Newton's Queries
+
Selected Queries from Newtons Opticks, 4th ed.
+
+
Query 19:Doth not the Refraction of Light proceed from the different
+ density of this Aethereal Medium in different places, the Light receeding always from the denser parts of
+ the Medium? And is not the density thereof always greater in free and open Spaces devoid of Air and other
+ grosser Bodies, than within the pores of Water, Glass, Crystal, Gems, and other compact Bodies? For when
+ light passes through Glass or Crystal, and falling very obliquely upon the farther surface thereof is
+ totally reflected, the total Reflexion thereof ought to proceed rather from the density and vigour of the
+ Medium without and beyond the Glass, than from the rarity and weakness thereof.
+
+
Query 20:Doth not this Aethereal Medium in passing out of Water, Glass,
+ Crystal and other compact and dense Bodies into empty Spaces, grown denser and denser by degrees, and by
+ that means refract the Rays of Light not in a point, but by bending them gradually in curve Lines? And
+ doth not the gradual condensation of this Medium extend to some distance from the
+ Bodies, and thereby cause the Inflexions of the Rays of Light, which pass by the edges of dense Bodies, at
+ some distance from the Bodies?
+
+
+
Language note: Newton originally used "doth", which is the same as "does".
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM animation/catwalk.html b/week0/Khan Academy - DOM/DOM animation/catwalk.html
new file mode 100644
index 00000000..ad8dea17
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM animation/catwalk.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+ Challenge: Catwalk
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM animation/stopwatch.html b/week0/Khan Academy - DOM/DOM animation/stopwatch.html
new file mode 100644
index 00000000..0f4f28c0
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM animation/stopwatch.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+ Challenge: Stopwatch
+
+
+
+
+
+
+ 0 seconds have gone by!
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM events/cat-clicker.html b/week0/Khan Academy - DOM/DOM events/cat-clicker.html
new file mode 100644
index 00000000..da2617c3
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM events/cat-clicker.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+ Challenge: Cat Clicker
+
+
+
+
+
Pet me!
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM events/cat-stache.html b/week0/Khan Academy - DOM/DOM events/cat-stache.html
new file mode 100644
index 00000000..b82e94c8
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM events/cat-stache.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+ Challenge: Cat-stache
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM events/mad-libs.html b/week0/Khan Academy - DOM/DOM events/mad-libs.html
new file mode 100644
index 00000000..a88d8ae7
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM events/mad-libs.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+ Challenge: Mad Libs
+
+
+
+
+
Mad Libs
+
+
+
Noun:
+
Adjective:
+
Someone's Name:
+
+
+
+
+
Generated story:
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM modification/avatar-attributes.html b/week0/Khan Academy - DOM/DOM modification/avatar-attributes.html
new file mode 100644
index 00000000..9c695400
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM modification/avatar-attributes.html
@@ -0,0 +1,69 @@
+
+
+
+
+
+ Challenge: Avatar attributes
+
+
+
+
+
Which avatar is which?
+
+
+
+
+
Attributes
+
Avatar
+
+
+
+
+
+
+
pink
+
innocent
+
+
+
+
+
+
+
+
+
+
green
+
ANGRY
+
+
+
+
+
+
+
+
+
+
orange
+
multi-legged
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM modification/classification.html b/week0/Khan Academy - DOM/DOM modification/classification.html
new file mode 100644
index 00000000..48af9869
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM modification/classification.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ Challenge: Classification
+
+
+
+
+
+
Pop Quiz: Animal Classification
+
+
Which animal class do humans belong to?
+
+
Mammalia
+
Ascidiacea
+
Reptilia
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM modification/create-a-solar-system.html b/week0/Khan Academy - DOM/DOM modification/create-a-solar-system.html
new file mode 100644
index 00000000..57bf19d5
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM modification/create-a-solar-system.html
@@ -0,0 +1,45 @@
+
+
+
+
+
+ Challenge: Create a solar system
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM modification/style-guide.html b/week0/Khan Academy - DOM/DOM modification/style-guide.html
new file mode 100644
index 00000000..4db6f2e7
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM modification/style-guide.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ Challenge: Style guide
+
+
+
+
+
Style guide
+
+
The hottest color to wear right now is:
+ ?
+
+
+
This is the trendy way to sign an autograph:
+ ?
+
+
+
This is the trendy way to frame photographs:
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM modification/the-inside-story.html b/week0/Khan Academy - DOM/DOM modification/the-inside-story.html
new file mode 100644
index 00000000..463f8378
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM modification/the-inside-story.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ Challenge: The inside story
+
+
+
+
The inside story: Why is Oh Noes so sad?
+
+
We had an exclusive interview with Oh Noes guy, the error buddy, and we asked him the question that all of you
+ were wondering about: "Why do you always seem so sad?" Here's his shocking reply:
+
+
+
We asked Winston for comment, and this is all he would say about it:
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/JS and the DOM/a-scripted-script-tag.html b/week0/Khan Academy - DOM/JS and the DOM/a-scripted-script-tag.html
new file mode 100644
index 00000000..420a6976
--- /dev/null
+++ b/week0/Khan Academy - DOM/JS and the DOM/a-scripted-script-tag.html
@@ -0,0 +1,23 @@
+
+
+
+
+ Challenge: A scripted script tag
+
+
+
+
Inigo Montoya: You keep using that word. I do not think it means what you think it means.
+
+
+
+
+
diff --git a/week0/Khan Academy - HTML & CSS/CSS Layouts/Floating-Clouds.html b/week0/Khan Academy - HTML & CSS/CSS Layouts/Floating-Clouds.html
new file mode 100644
index 00000000..89028e4f
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Layouts/Floating-Clouds.html
@@ -0,0 +1,50 @@
+
+
+
+
+ Challenge: Floating clouds
+
+
+
+
+
What are clouds?
+
+
+
+
+
+
Why are some clouds yellow?
+
Yellowish clouds may occur in the late spring through early fall months during forest fire season. The yellow color is due to the presence of pollutants in the smoke. Yellowish clouds caused by the presence of nitrogen dioxide are sometimes seen in urban areas with high air pollution levels.
+
+
+
+
In meteorology, a cloud is a visible mass of liquid droplets or frozen crystals made of water or various chemicals suspended in the atmosphere above the surface of a planetary body. These suspended particles are also known as aerosols and are studied in the cloud physics branch of meteorology.
+
+
Terrestrial cloud formation is the result of air in Earth's atmosphere becoming saturated due to either or both of two processes: cooling of the air and adding water vapor. With sufficient saturation, precipitation will fall to the surface.
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Layouts/Group-the-groupers.html b/week0/Khan Academy - HTML & CSS/CSS Layouts/Group-the-groupers.html
new file mode 100644
index 00000000..5d18e92d
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Layouts/Group-the-groupers.html
@@ -0,0 +1,26 @@
+
+
+
+
+ Challenge: Group the groupers
+
+
+
+
+
Groupers
+
+
Groupers are teleosts (ray-finned fishes), typically having a stout body and a large mouth. They can be quite large, and lengths over a meter and weights up to 100 kg are not uncommon, though obviously in such a large group, species vary considerably. They swallow prey rather than biting pieces off it. They do not have many teeth on the edges of their jaws, but they have heavy crushing tooth plates inside the pharynx. They habitually eat fish, octopuses, and crustaceans. Reports of fatal attacks on humans by the largest species, the giant grouper (Epinephelus lanceolatus) are unconfirmed.
+
Their mouths and gills form a powerful sucking system that sucks their prey in from a distance. They also use their mouths to dig into sand to form their shelters under big rocks, jetting it out through their gills. Their gill muscles are so powerful, it is nearly impossible to pull them out of a cave if they feel attacked and extend those muscles to lock themselves in.
+
+ Read more on Wikipedia
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Layouts/Position-planet.html b/week0/Khan Academy - HTML & CSS/CSS Layouts/Position-planet.html
new file mode 100644
index 00000000..c4bcbba7
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Layouts/Position-planet.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Challenge: Position planet
+
+
+
+
+
+
+
+
Hello! Welcome to position planet!
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Layouts/The-boxer-model.html b/week0/Khan Academy - HTML & CSS/CSS Layouts/The-boxer-model.html
new file mode 100644
index 00000000..b6c44b97
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Layouts/The-boxer-model.html
@@ -0,0 +1,36 @@
+
+
+
+
+ Challenge: The boxer model
+
+
+
+
+
Boxers are beautiful?
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Layouts/The-overflowing-ocean.html b/week0/Khan Academy - HTML & CSS/CSS Layouts/The-overflowing-ocean.html
new file mode 100644
index 00000000..e191a603
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Layouts/The-overflowing-ocean.html
@@ -0,0 +1,36 @@
+
+
+
+
+ The overflowing ocean
+
+
+
+
+
The ocean
+
+
+
+
+
The ocean is the connected body of salty water that covers 70.8% of the Earth's surface. The sea moderates the Earth's climate and has important roles in the water cycle, carbon cycle, and nitrogen cycle. Although the sea has been travelled and explored since prehistory, the modern scientific study of the sea—oceanography—dates broadly to the British Challenger expedition of the 1870s. The sea is conventionally divided into four or five large sections, such as the Pacific, called oceans while smaller sections, such as the Mediterranean, are known as seas.
+
+
+ Owing to the present state of continental drift, the Northern Hemisphere is now fairly equally divided between land and sea (a ratio of about 2:3) but the South is overwhelmingly oceanic (1:4.7). Salinity in the open ocean is generally in a narrow band around 3.5% by mass, although this can vary in more landlocked waters, near the mouths of large rivers, or at great depths. About 85% of the solids in the open sea are sodium and chloride. Deep-sea currents are produced by differences in salinity and temperature. Surface currents are formed by the friction of waves produced by the wind and by tides, the changes in local sea level produced by the gravity of the Moon and Sun. The direction of all of these is governed by surface and submarine land masses and by the rotation of the Earth (the Coriolis effect).
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Text properties/Famous-Font-formats.html b/week0/Khan Academy - HTML & CSS/CSS Text properties/Famous-Font-formats.html
new file mode 100644
index 00000000..5d66e1f7
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Text properties/Famous-Font-formats.html
@@ -0,0 +1,41 @@
+
+
+
+
+ Challenge: Famous font formats
+
+
+
+
+
Famous quotes
+
+ "My mama always said life was like a box of chocolates. You never know what you're gonna get.".
+ - Forrest Gump
+
+
+
+ "May the force be with you."
+ - Star Wars
+
+
+
Famous declarations
+
+
+ I'M BATMAN.
+
+
+
+ Earth, water, fire. Together, we are CAPTAIN PLANET!
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Text properties/Fancy-font-famillies.html b/week0/Khan Academy - HTML & CSS/CSS Text properties/Fancy-font-famillies.html
new file mode 100644
index 00000000..9d5b80a8
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Text properties/Fancy-font-famillies.html
@@ -0,0 +1,50 @@
+
+
+
+
+ Challenge: Fancy font families
+
+
+
+
+
Some fun theme songs of well known TV families...
+
+
The Flinstones
+
+ Meet the Flintstones
+ They're the modern stone age family
+ From the town of Bedrock
+ They're a page right of history
+
+
The Jetsons
+
+ Meet George Jetson,
+ His Boy Elroy,
+ Daughter Judy,
+ Jane, His wife
+
+
+
The Addams Family
+
+ They're creepy and they're kooky,
+ mysterious and spooky
+ They're all together ooky,
+ the Addams Family
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/CSS Text properties/Great-big-font-sizes.html b/week0/Khan Academy - HTML & CSS/CSS Text properties/Great-big-font-sizes.html
new file mode 100644
index 00000000..0f8c1494
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/CSS Text properties/Great-big-font-sizes.html
@@ -0,0 +1,36 @@
+
+
+
+
+ Challenge: Great big font sizes
+
+
+
+
+
Great Big Words
+
by Michael Mark & Tom Chapin
+
+
When I was a little kid,
+a "diminutive juvenile,"
+I liked my folks to read to me,
+I was an "eager bibliophile."
+Now I love words for how they sound
+And how they "communicate."
+Perhaps I should explain myself,
+that is, "elucidate."
+Great big words, I like big words.
+Letter by letter, the bigger the better
+Great big words. La la la la la la la la la la!
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/HTML Links/Dinner-Table.html b/week0/Khan Academy - HTML & CSS/HTML Links/Dinner-Table.html
new file mode 100644
index 00000000..dabddff9
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/HTML Links/Dinner-Table.html
@@ -0,0 +1,39 @@
+
+
+
+
+ Challenge: The dinner table
+
+
+
+
Our dinner menu
+
+
+
+
+
Meal
+
Ingredients
+
Price
+
+
+
+
+
Meat
+
Just single meat
+
1400 Bitcoins
+
+
+
Apple Pie
+
Apple
+
100 bitcoins
+
+
+
Snoop Dog
+
Snoop and Dog
+
2 smokes
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/HTML Links/Internal-Links.html b/week0/Khan Academy - HTML & CSS/HTML Links/Internal-Links.html
new file mode 100644
index 00000000..c2c165d9
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/HTML Links/Internal-Links.html
@@ -0,0 +1,39 @@
+
+
+
+
+ Challenge: Jump around
+
+
+
+
The kangaroo is a marsupial from the family Macropodidae (macropods, meaning 'large foot'). In common use the term is used to describe the largest species from this family, especially those of the genus Macropus, red kangaroo, antilopine kangaroo, eastern grey kangaroo and western grey kangaroo. Kangaroos are endemic to Australia, and one genus, the tree-kangaroo, is also found in Papua New Guinea.
+
+
Kangaroos have large, powerful hind legs, large feet adapted for leaping, a long muscular tail for balance, and a small head. Like most marsupials, female kangaroos have a pouch called a marsupium in which joeys complete postnatal development.
+
+
Larger kangaroos have adapted much better than smaller macropods to land clearing for pastoral agriculture and habitat changes brought to the Australian landscape by humans. Many of the smaller species are rare and endangered, whilst the larger kangaroos are relatively plentiful.
+
+
+
Locomotion
+
+
A Tasmanian forester (eastern grey) kangaroo in motion.
+Kangaroos are the only large animals to use hopping as a means of locomotion. The comfortable hopping speed for a red kangaroo is about 20–25 km/h (13–16 mph), but speeds of up to 70 km/h (44 mph) can be attained over short distances, while it can sustain a speed of 40 km/h (25 mph) for nearly 2 km (1.2 mi). This fast and energy-efficient method of travel has evolved because of the need to regularly cover large distances in search of food and water, rather than the need to escape predators. At slow speeds, it employs pentapedal locomotion, using its tail to form a tripod with its two forelimbs while bringing its hind feet forward. Kangaroos are adept swimmers, and often flee into waterways if threatened by a predator. If pursued into the water, a kangaroo may use its forepaws to hold the predator underwater so as to drown it.
+
+
Diet
+
+
Kangaroos have chambered stomachs similar to those of cattle and sheep. They regurgitate the vegetation they have eaten, chew it as cud, and then swallow it again for final digestion. Different species of kangaroos have different diets, although all are strict herbivores. The eastern grey kangaroo is predominantly a grazer, eating a wide variety of grasses, whereas some other species (e.g. the red kangaroo) include significant amounts of shrubs in their diets. The smaller species of kangaroos also consume hypogeal fungi. Many species are nocturnal, and crepuscular, usually spending the days resting in shade, and the cool evenings, nights and mornings moving about and feeding.
+
+
Because of its grazing habits, the kangaroo has developed specialized teeth. Its incisors are able to crop grass close to the ground, and its molars chop and grind the grass. Since the two sides of the lower jaw are not joined together, the lower incisors are farther apart, giving the kangaroo a wider bite. The silica in grass is abrasive, so kangaroo molars move forward as they are ground down, and eventually fall out, replaced by new teeth that grow in the back. This process is known as polyphyodonty and amongst other mammals, only occurs in elephants and manatees.
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/HTML Links/Jump-Around.html b/week0/Khan Academy - HTML & CSS/HTML Links/Jump-Around.html
new file mode 100644
index 00000000..c2c165d9
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/HTML Links/Jump-Around.html
@@ -0,0 +1,39 @@
+
+
+
+
+ Challenge: Jump around
+
+
+
+
The kangaroo is a marsupial from the family Macropodidae (macropods, meaning 'large foot'). In common use the term is used to describe the largest species from this family, especially those of the genus Macropus, red kangaroo, antilopine kangaroo, eastern grey kangaroo and western grey kangaroo. Kangaroos are endemic to Australia, and one genus, the tree-kangaroo, is also found in Papua New Guinea.
+
+
Kangaroos have large, powerful hind legs, large feet adapted for leaping, a long muscular tail for balance, and a small head. Like most marsupials, female kangaroos have a pouch called a marsupium in which joeys complete postnatal development.
+
+
Larger kangaroos have adapted much better than smaller macropods to land clearing for pastoral agriculture and habitat changes brought to the Australian landscape by humans. Many of the smaller species are rare and endangered, whilst the larger kangaroos are relatively plentiful.
+
+
+
Locomotion
+
+
A Tasmanian forester (eastern grey) kangaroo in motion.
+Kangaroos are the only large animals to use hopping as a means of locomotion. The comfortable hopping speed for a red kangaroo is about 20–25 km/h (13–16 mph), but speeds of up to 70 km/h (44 mph) can be attained over short distances, while it can sustain a speed of 40 km/h (25 mph) for nearly 2 km (1.2 mi). This fast and energy-efficient method of travel has evolved because of the need to regularly cover large distances in search of food and water, rather than the need to escape predators. At slow speeds, it employs pentapedal locomotion, using its tail to form a tripod with its two forelimbs while bringing its hind feet forward. Kangaroos are adept swimmers, and often flee into waterways if threatened by a predator. If pursued into the water, a kangaroo may use its forepaws to hold the predator underwater so as to drown it.
+
+
Diet
+
+
Kangaroos have chambered stomachs similar to those of cattle and sheep. They regurgitate the vegetation they have eaten, chew it as cud, and then swallow it again for final digestion. Different species of kangaroos have different diets, although all are strict herbivores. The eastern grey kangaroo is predominantly a grazer, eating a wide variety of grasses, whereas some other species (e.g. the red kangaroo) include significant amounts of shrubs in their diets. The smaller species of kangaroos also consume hypogeal fungi. Many species are nocturnal, and crepuscular, usually spending the days resting in shade, and the cool evenings, nights and mornings moving about and feeding.
+
+
Because of its grazing habits, the kangaroo has developed specialized teeth. Its incisors are able to crop grass close to the ground, and its molars chop and grind the grass. Since the two sides of the lower jaw are not joined together, the lower incisors are farther apart, giving the kangaroo a wider bite. The silica in grass is abrasive, so kangaroo molars move forward as they are ground down, and eventually fall out, replaced by new teeth that grow in the back. This process is known as polyphyodonty and amongst other mammals, only occurs in elephants and manatees.
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/Intro to CSS/Colorful-creature.html b/week0/Khan Academy - HTML & CSS/Intro to CSS/Colorful-creature.html
new file mode 100644
index 00000000..897563fa
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to CSS/Colorful-creature.html
@@ -0,0 +1,24 @@
+
+
+
+
+
+ Challenge: Colorful Creature
+
+
+
Awesome animal's page
+
The animals are awesome because because.
+
+
This is blue potato broski
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/Intro to CSS/apples-and-bananas-classes.html b/week0/Khan Academy - HTML & CSS/Intro to CSS/apples-and-bananas-classes.html
new file mode 100644
index 00000000..246761ec
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to CSS/apples-and-bananas-classes.html
@@ -0,0 +1,65 @@
+
+
+
+
+ Challenge: Apples and bananas classes
+
+
+
+
+
Apples and Bananas
+
+
+ I like to eat eat eat
+ apples and
+ bananas.
+ I like to eat eat eat
+ apples and
+ bananas.
+ I like to ate ate ate
+ ay-ples and
+ bay-nay-nays.
+ I like to ate ate ate
+ ay-ples and
+ bay-nay-nays.
+ I like to eet eet eet
+ ee-ples and
+ bee-nee-nees.
+ I like to eet eet eet
+ ee-ples and
+ bee-nee-nees.
+ I like to ite ite ite
+ i-ples and
+ by-by-nys.
+ I like to ite ite ite
+ i-ples and
+ by-by-nys.
+ I like to ote ote ote
+ oh-ples and
+ bo-no-nos.
+ I like to ote ote ote
+ oh-ples and
+ bo-no-nos.
+ I like to ute ute ute
+ uupples and
+ bununus.
+ I like to ute ute ute
+ uupples and
+ bununus.
+ I like to eat eat eat
+ apples and
+ bananas.
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/Intro to CSS/seasonal-ids.html b/week0/Khan Academy - HTML & CSS/Intro to CSS/seasonal-ids.html
new file mode 100644
index 00000000..b2d31210
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to CSS/seasonal-ids.html
@@ -0,0 +1,34 @@
+
+
+
+ Challenge: Seasonal ids
+
+
+
+
+
+
+
Olaf's favorite seasons
+
+
Summer
+
He's a happy snowman, doing what frozen things do in summer.
+
+
Winter
+
He likes to stay in and cuddle
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/Intro to HTML/Write-a-Poem.html b/week0/Khan Academy - HTML & CSS/Intro to HTML/Write-a-Poem.html
new file mode 100644
index 00000000..672b8559
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to HTML/Write-a-Poem.html
@@ -0,0 +1,14 @@
+
+
+
+ Challenge: Write a Poem
+
+
+
+
Meet Mr.NiceGuy
+
Delusions keep me going
+Illusions keep me hoping
+Parachute woven from broken down
+Men are from Mars, but there's nothing but cold
+
+
diff --git a/week0/Khan Academy - HTML & CSS/Intro to HTML/a-picture-perfect-trip.html b/week0/Khan Academy - HTML & CSS/Intro to HTML/a-picture-perfect-trip.html
new file mode 100644
index 00000000..0de1b745
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to HTML/a-picture-perfect-trip.html
@@ -0,0 +1,18 @@
+
+
+
+ Challenge: A picture-perfect trip
+
+
+
+
Top 3 Uchiha's
+
+
+
some random text?
+
+
Shisui
+
Madara
+
Itachi
+
+
+
diff --git a/week0/Khan Academy - HTML & CSS/Intro to HTML/you-can-learn-text-tags.html b/week0/Khan Academy - HTML & CSS/Intro to HTML/you-can-learn-text-tags.html
new file mode 100644
index 00000000..c41109b6
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to HTML/you-can-learn-text-tags.html
@@ -0,0 +1,32 @@
+
+
+
+ Challenge: You can learn text tags
+
+
+
+
+ Nobody’s born smart. We all start at 0. Can’t talk, can’t walk, certainly can’t do algebra.
+ Adding, reading, writing, riding a bike. Nobody’s good at anything at first.
+ There was a time when Einstein couldn’t count to 10.
+ And Shakespeare had to learn his ABCs just like the rest of us.
+ Thankfully, we are born to learn.
+ Slowly. Surely. You stumble, slip, crawl, fall and fail and fall.
+ Frustrating. Confusing. Trying. Struggling.
+ Until one day, you walk.
+ One foot in front of the other. One idea on top of the next.
+ Each wrong answer making your brain a little bit stronger.
+ Failing is just another word for growing. And you keep going.
+ This. is. learning.
+ It’s not that you don’t get it.
+ You just don’t get it, yet.
+ Because the most beautiful, complex concepts in the whole universe
+ are built on basic ideas that anyone, anywhere can understand.
+ Whoever you are, wherever you are.
+
+
+ You only have to know one thing:
+ You can learn anything.
+
+
+
diff --git a/week0/Khan Academy - HTML & CSS/Intro to HTML/your-learning-list.html b/week0/Khan Academy - HTML & CSS/Intro to HTML/your-learning-list.html
new file mode 100644
index 00000000..54edca46
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/Intro to HTML/your-learning-list.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Challenge: Your learning list
+
+
+
+
+
+
+
Top 20 Players of 2018
+
+
s1mple
+
dev1ce
+
NiKo
+
electronic
+
dupreeh
+
NAF-FlY
+
i dont remember
+
i dont remember
+
i dont remember
+
i dont remember and so on
+
+
+
People who were close to achieve Top 20
+
+
Brehze
+
TACO
+
flamie
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/More CSS selectors/A-classy-gallery.html b/week0/Khan Academy - HTML & CSS/More CSS selectors/A-classy-gallery.html
new file mode 100644
index 00000000..37250e23
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/More CSS selectors/A-classy-gallery.html
@@ -0,0 +1,64 @@
+
+
+
+
+ Challenge: A classy gallery
+
+
+
+
+
A classy gallery
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html b/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html
new file mode 100644
index 00000000..686b208f
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html
@@ -0,0 +1,65 @@
+
+
+
+
+ Challenge: Classes of elements
+
+
+
+
+
The Periodic Table
+
+
+ There are three broad classes of elements:
+ metals,
+ non-metals,
+ and semi-metals.
+
+
+
Metals
+
+
+
Solid
+
Good conductors of electricity
+
Ductile
+
Malleable
+
+
+
Non-metals
+
+
+
Brittle
+
Poor conductors
+
+
+
Semi-metals (Metalloids)
+
+
+
Partially conduct electricity
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/More CSS selectors/Descendants-of-Khan.html b/week0/Khan Academy - HTML & CSS/More CSS selectors/Descendants-of-Khan.html
new file mode 100644
index 00000000..b96d5d9a
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/More CSS selectors/Descendants-of-Khan.html
@@ -0,0 +1,52 @@
+
+
+
+
+ Challenge: Descendants of Khan
+
+
+
+
+
Descendants of Khan
+
+
Genghis Khan (1206-1227) was a emperor who had many sons and daughters, and many famous emperors are descended from him. (But not Sal Khan!)
+
+
+
+
+
Name
+
Reign
+
+
+
+
+
Ögedei Khan
+
1229-1241
+
+
+
Kublai Khan
+
1260-1294
+
+
+
Temür Khan
+
1294-1307
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/More CSS selectors/Grouped-animals.html b/week0/Khan Academy - HTML & CSS/More CSS selectors/Grouped-animals.html
new file mode 100644
index 00000000..76169f8e
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/More CSS selectors/Grouped-animals.html
@@ -0,0 +1,51 @@
+
+
+
+
+ Challenge: Grouped animals
+
+
+
+
+
Animal group names
+
+
For many species of animals, there are names that we use to refer to a group of them - like a flock of birds. Here are a few you might not know.
+
+
A skulk of foxes
+
+
Also called a "leash."
+
+
+
+
+
A clowder of cats
+
+
Also called a "pounce", "glaring", "kindle", or "clutter."
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Animation basics/exploding-sun.js b/week0/Khan Academy - Intro to JS/Animation basics/exploding-sun.js
new file mode 100644
index 00000000..03a7c7a7
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Animation basics/exploding-sun.js
@@ -0,0 +1,17 @@
+noStroke();
+// the beautiful blue sky
+background(82, 222, 240);
+
+// the starting size for the sun
+var sunSize = 30;
+
+draw = function() {
+ // The sun, a little circle on the horizon
+fill(255, 204, 0);
+ellipse(200, 298, sunSize, sunSize);
+
+// The land, blocking half of the sun
+fill(76, 168, 67);
+rect(0, 300, 400, 100);
+sunSize++;
+};
diff --git a/week0/Khan Academy - Intro to JS/Animation basics/parting-clouds.js b/week0/Khan Academy - Intro to JS/Animation basics/parting-clouds.js
new file mode 100644
index 00000000..56129289
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Animation basics/parting-clouds.js
@@ -0,0 +1,27 @@
+noStroke();
+var leftX = 155;
+var rightX = 300;
+var sunRadius = 100;
+
+draw = function() {
+ background(184, 236, 255);
+ leftX--;
+ rightX++;
+ sunRadius +=2;
+
+ fill(255, 170, 0);
+ ellipse(200, 100, sunRadius, sunRadius);
+
+ // clouds
+ fill(255, 255, 255);
+ // left cloud
+ ellipse(leftX, 150, 126, 97);
+ ellipse(leftX+62, 150, 70, 60);
+ ellipse(leftX-62, 150, 70, 60);
+
+ // right cloud
+ ellipse(rightX, 100, 126, 97);
+ ellipse(rightX+62, 100, 70, 60);
+ ellipse(rightX-62, 100, 70, 60);
+
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Arrays/constellation-maker.js b/week0/Khan Academy - Intro to JS/Arrays/constellation-maker.js
new file mode 100644
index 00000000..2da130b8
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Arrays/constellation-maker.js
@@ -0,0 +1,18 @@
+var xPositions = [100, 150];
+var yPositions = [200, 250];
+
+var drawStars = function() {
+ background(9, 5, 59);
+ imageMode(CENTER);
+ for (var i = 0; i < yPositions.length; i++) {
+ image(getImage("space/star"), xPositions[i], yPositions[i], 30, 30);
+ }
+};
+
+drawStars();
+
+mouseClicked = function() {
+ xPositions.push(mouseX);
+ yPositions.push(mouseY);
+ drawStars();
+};
diff --git a/week0/Khan Academy - Intro to JS/Arrays/favorite-animals.js b/week0/Khan Academy - Intro to JS/Arrays/favorite-animals.js
new file mode 100644
index 00000000..294bc99d
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Arrays/favorite-animals.js
@@ -0,0 +1,8 @@
+var animals = ["cat", "dog", "horse", "rat", "pig"];
+
+var index = 0;
+while(index < animals.length){
+ fill(255, 0, 0);
+ text(animals[index], 10, index * 20 + 10);
+ index++;
+}
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Arrays/favorite-fruits.js b/week0/Khan Academy - Intro to JS/Arrays/favorite-fruits.js
new file mode 100644
index 00000000..61ed861f
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Arrays/favorite-fruits.js
@@ -0,0 +1,11 @@
+var favFruits = ["apple", "banana", "pineapple"];
+fill(255, 0, 0);
+text(favFruits[0], 0, 10);
+text(favFruits[1], 0, 20);
+text(favFruits[2], 0, 30);
+
+
+text("My top " + favFruits.length + " favorite fruits", 50, 100);
+
+
+
diff --git a/week0/Khan Academy - Intro to JS/Coloring/sunny-snowy-day.js b/week0/Khan Academy - Intro to JS/Coloring/sunny-snowy-day.js
new file mode 100644
index 00000000..729f86b2
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Coloring/sunny-snowy-day.js
@@ -0,0 +1,15 @@
+// The ground
+background(36, 175, 199);
+fill(58, 168, 15);
+rect(0, 300, 400, 100);
+// The sun
+fill(238, 255, 0);
+
+ellipse(80, 64, 100, 100);
+
+// The snowman
+fill(0, 255, 89);
+ellipse(200, 300, 150, 150);
+ellipse(200, 200, 100, 100);
+ellipse(200, 120, 75, 75);
+
diff --git a/week0/Khan Academy - Intro to JS/Drawing basics/simple-snowman.js b/week0/Khan Academy - Intro to JS/Drawing basics/simple-snowman.js
new file mode 100644
index 00000000..b5439b47
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Drawing basics/simple-snowman.js
@@ -0,0 +1,3 @@
+ellipse(200, 300, 150, 150);
+ellipse(200, 200, 100, 100);
+ellipse(200, 120, 80, 80);
diff --git a/week0/Khan Academy - Intro to JS/Drawing basics/waving-snowman.js b/week0/Khan Academy - Intro to JS/Drawing basics/waving-snowman.js
new file mode 100644
index 00000000..0685a624
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Drawing basics/waving-snowman.js
@@ -0,0 +1,6 @@
+rect(0, 350, 400, 50);
+ellipse(200, 300, 150, 150);
+ellipse(200, 200, 100, 100);
+ellipse(200, 120, 75, 75);
+line(160, 200, 80, 100);
+line(240, 200, 300, 130);
diff --git a/week0/Khan Academy - Intro to JS/Functions/calculator.js b/week0/Khan Academy - Intro to JS/Functions/calculator.js
new file mode 100644
index 00000000..068fa63e
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Functions/calculator.js
@@ -0,0 +1,23 @@
+var add = function(num1, num2) {
+ return num1 + num2;
+};
+var subtract = function(num1, num2) {
+ return num1 - num2;
+};
+var multiply = function(num1, num2) {
+ return num1 * num2;
+};
+var divide = function(num1, num2) {
+ return num1 / num2;
+};
+
+fill(255, 0, 0);
+text("15 + 3 is " + add(15, 3), 10, 20);
+text("15 - 3 is " + subtract(15, 3), 10, 50);
+text("15 * 3 is " + multiply(15, 3), 10, 80);
+text("15 / 3 is " + divide(15, 3), 10, 110);
+
+text("8 + 4 is " + add(8, 4), 10, 170);
+text("8 - 4 is " + subtract(8, 4), 10, 200);
+text("8 * 4 is " + multiply(8, 4), 10, 230);
+text("8 / 4 is " + divide(8, 4), 10, 260);
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Functions/moles-in-holes.js b/week0/Khan Academy - Intro to JS/Functions/moles-in-holes.js
new file mode 100644
index 00000000..207974b6
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Functions/moles-in-holes.js
@@ -0,0 +1,26 @@
+var drawMole = function(moleX, moleY) {
+ noStroke();
+ fill(125, 93, 43);
+ ellipse(moleX, moleY, 60, 60); // face
+ fill(255, 237, 209);
+ ellipse(moleX, moleY+10, 33, 28);
+ fill(0, 0, 0);
+ ellipse(moleX-10, moleY-15, 10, 10); // eyes
+ ellipse(moleX+10, moleY-15, 10, 10);
+ ellipse(moleX, moleY-5, 10, 10); // nose
+ ellipse(moleX, moleY+10, 20, 5); // mouth
+};
+
+background(52, 168, 83); // green grass
+fill(0, 0, 0);
+ellipse(200, 200, 100, 30); // holes!
+ellipse(70, 119, 100, 30);
+ellipse(300, 60, 100, 30);
+ellipse(297, 350, 100, 30);
+
+
+drawMole(200, 180);
+drawMole(70, 99);
+drawMole(300, 40);
+drawMole(297, 330);
+
diff --git a/week0/Khan Academy - Intro to JS/Functions/say-your-name.js b/week0/Khan Academy - Intro to JS/Functions/say-your-name.js
new file mode 100644
index 00000000..32c32ce6
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Functions/say-your-name.js
@@ -0,0 +1,16 @@
+var myFunction = function(){
+ var textX = random(0, 300);
+var textY = random(0, 300);
+var yourName = "Dauren";
+
+fill(255, 0, 0);
+textSize(30);
+text("Hiiii, " + yourName, textX, textY);
+};
+myFunction();
+myFunction();
+myFunction();
+myFunction();
+
+
+
diff --git a/week0/Khan Academy - Intro to JS/Interactive programs/brown-bear-eyes.js b/week0/Khan Academy - Intro to JS/Interactive programs/brown-bear-eyes.js
new file mode 100644
index 00000000..e9af1894
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Interactive programs/brown-bear-eyes.js
@@ -0,0 +1,29 @@
+noStroke();
+var x = 100;
+var y = 300;
+var faceSize = 360;
+var eyeSize = faceSize * 1/8;
+
+// ears
+var earSize=faceSize*1/2;
+fill(89, 52, 17);
+ellipse(x-faceSize*2/5, y-faceSize*2/5, earSize, earSize);
+ellipse(x+faceSize*2/5, y-faceSize*2/5, earSize, earSize);
+
+// face
+fill(163, 113, 5);
+ellipse(x, y, faceSize, faceSize);
+
+
+
+//eyes
+fill(0, 0, 0);
+ellipse(x - faceSize * 1/4, y - faceSize * 1/8, eyeSize, eyeSize);
+ellipse(x + faceSize * 1/4, y - faceSize * 1/8, eyeSize, eyeSize);
+
+
+
+//nose
+fill(89, 52, 20);
+ellipse(x, y+faceSize/8, faceSize*4/15, faceSize/5);
+
diff --git a/week0/Khan Academy - Intro to JS/Interactive programs/mouse-movement-mania.js b/week0/Khan Academy - Intro to JS/Interactive programs/mouse-movement-mania.js
new file mode 100644
index 00000000..9f5edd3b
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Interactive programs/mouse-movement-mania.js
@@ -0,0 +1,6 @@
+draw = function() {
+ stroke(204, 120, 120);
+ strokeWeight(50);
+ fill(mouseX, mouseY, mouseX);
+ ellipse(mouseX, mouseY, mouseX, mouseY);
+};
diff --git a/week0/Khan Academy - Intro to JS/Interactive programs/tasty-tomato.js b/week0/Khan Academy - Intro to JS/Interactive programs/tasty-tomato.js
new file mode 100644
index 00000000..f88dd5db
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Interactive programs/tasty-tomato.js
@@ -0,0 +1,19 @@
+background(255, 255, 255);
+
+// tomato
+noStroke();
+fill(224, 90, 90);
+ellipse(150, 200, 150, 150);
+ellipse(212, 200, 150, 150);
+
+// stem
+fill(48, 130, 31);
+rect(176, 103, 12, 32);
+
+var biteSize = 66;
+draw = function() {
+
+// take a bite out of the tomato!
+fill(255, 255, 255);
+ellipse(mouseX, mouseY, biteSize, biteSize);
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/bouncy-ball.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/bouncy-ball.js
new file mode 100644
index 00000000..a8de4d01
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/bouncy-ball.js
@@ -0,0 +1,22 @@
+// position of the ball
+var y = 0;
+// how far the ball moves every time
+var speed = 2;
+
+draw = function() {
+ background(127, 204, 255);
+
+ fill(66, 66, 66);
+ ellipse(200, y, 50, 50);
+
+ if(y > 375) {
+ speed = -2;
+ }
+ if (y < 25){
+ speed = 2;
+ }
+
+
+ // move the ball
+ y = y + speed;
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/flashy-flash-card.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/flashy-flash-card.js
new file mode 100644
index 00000000..9b558fda
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/flashy-flash-card.js
@@ -0,0 +1,16 @@
+draw = function() {
+ background(165, 219, 162);
+ fill(255, 254, 222);
+ rect(20, 100, 364, 200);
+
+ fill(0, 0, 0);
+ textSize(20);
+ if(mouseIsPressed){
+ text("Javascript", 39, 200);
+ }
+ else {
+
+ text("What programming language is this?", 39, 200);
+
+ }
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/number-analyzer.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/number-analyzer.js
new file mode 100644
index 00000000..2a7ec31e
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/number-analyzer.js
@@ -0,0 +1,23 @@
+var theNumber = 10;
+
+fill(0, 0, 0);
+textSize(30);
+text("Analysis of: " + theNumber, 10, 36);
+
+text("It's positive", 10, 90);
+text("It's negative", 10, 140);
+text("It's zero", 10, 190);
+
+noFill();
+if(theNumber > 0){
+ rect(5, 60, 200, 40);
+}
+if(theNumber < 0){
+ rect(5, 110, 200, 40);
+}
+if(theNumber === 0){
+ rect(5, 160, 200, 40);
+}
+
+
+
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/smarter-button.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/smarter-button.js
new file mode 100644
index 00000000..d56452b6
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/smarter-button.js
@@ -0,0 +1,13 @@
+draw = function() {
+ fill(0, 255, 68); // start color
+
+ if (mouseIsPressed && mouseX > 50 && mouseX < 300 && mouseY > 150 && mouseY < 250) {
+ fill(33, 112, 52); // click color
+ }
+ rect(50, 150, 250, 100); // the button
+
+ // The button text
+ fill(0, 0, 0);
+ textSize(30);
+ text("PRESS ME!", 93, 193);
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-button.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-button.js
new file mode 100644
index 00000000..69344a99
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-button.js
@@ -0,0 +1,13 @@
+draw = function() {
+ fill(0, 255, 68); // start color
+ if(mouseIsPressed && mouseY < 200) {
+ fill(255, 0, 0);
+ rect(0, 0, 400, 200);
+ }
+ rect(0, 0, 400, 200); // the button
+
+ // The button text
+ fill(0, 0, 0);
+ textSize(30);
+ text("Press me!", 145, 115);
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-painting-app.js b/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-painting-app.js
new file mode 100644
index 00000000..9b908e69
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Logic and if Statements/your-first-painting-app.js
@@ -0,0 +1,7 @@
+draw = function() {
+ if(mouseIsPressed){
+ noStroke();
+ fill(255, 0, 0);
+ ellipse(mouseX, mouseY, 20, 20);
+ }
+};
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Looping/a-loopy-landscape.js b/week0/Khan Academy - Intro to JS/Looping/a-loopy-landscape.js
new file mode 100644
index 00000000..738d8c67
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Looping/a-loopy-landscape.js
@@ -0,0 +1,18 @@
+background(144, 240, 234);
+
+// Draw the sun
+noStroke();
+fill(255, 140, 0);
+ellipse(335, 66, 70, 70);
+
+// Get images from library and remember in variables
+var grass = getImage("cute/GrassBlock");
+var tree = getImage("cute/TreeUgly");
+
+var x = 0;
+// Draw the tree and grass once
+while(x < 400){
+ image(grass, x, 270);
+ image(tree, x, 200);
+ x += 90;
+}
\ No newline at end of file
diff --git a/week0/Khan Academy - Intro to JS/Looping/a-loopy-ruler.js b/week0/Khan Academy - Intro to JS/Looping/a-loopy-ruler.js
new file mode 100644
index 00000000..e1441faa
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Looping/a-loopy-ruler.js
@@ -0,0 +1,12 @@
+fill(17, 0, 255);
+
+var x = 0, y = 0;
+while(x < 400){
+ text(x, x, 10);
+ x += 50;
+}
+
+while(y < 400){
+ text(y, 0, y);
+ y += 50;
+}
diff --git a/week0/Khan Academy - Intro to JS/Looping/lined-paper.js b/week0/Khan Academy - Intro to JS/Looping/lined-paper.js
new file mode 100644
index 00000000..79cc91e8
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Looping/lined-paper.js
@@ -0,0 +1,16 @@
+background(255, 255, 247);
+stroke(173, 222, 237);
+
+
+for(var i = 0; i < 20; i++){
+ var lineY = 20 + (i * 20);
+ line(0, lineY, 400, lineY);
+}
+
+for(var j = 0; j < 20; j++){
+ var lineX = 20 + (j * 20);
+ line(lineX, 0, lineX, 400);
+}
+
+
+
diff --git a/week0/Khan Academy - Intro to JS/Object-Oriented Design/double-rainbow.js b/week0/Khan Academy - Intro to JS/Object-Oriented Design/double-rainbow.js
new file mode 100644
index 00000000..0e3db7ff
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Object-Oriented Design/double-rainbow.js
@@ -0,0 +1,26 @@
+var Rainbow = function(x, y, radius) {
+ this.x = x;
+ this.y = y;
+ this.radius = radius;
+};
+
+var bigRainbow = new Rainbow(200, 300, 300);
+var smallRainbow = new Rainbow(150, 250, 150);
+
+var drawRainbow = function(rainbow) {
+ noFill();
+ strokeWeight(5);
+ stroke(255, 0, 0);
+ arc(rainbow.x, rainbow.y, rainbow.radius, rainbow.radius, 180, 360);
+ stroke(250, 200, 0);
+ arc(rainbow.x, rainbow.y, rainbow.radius-10, rainbow.radius-10, 180, 360);
+ stroke(240, 255, 102);
+ arc(rainbow.x, rainbow.y, rainbow.radius-20, rainbow.radius-20, 180, 360);
+ stroke(29, 255, 13);
+ arc(rainbow.x, rainbow.y, rainbow.radius-30, rainbow.radius-30, 180, 360);
+ stroke(122, 155, 255);
+ arc(rainbow.x, rainbow.y, rainbow.radius-40, rainbow.radius-40, 180, 360);
+};
+
+drawRainbow(bigRainbow);
+drawRainbow(smallRainbow);
diff --git a/week0/Khan Academy - Intro to JS/Object-Oriented Design/flower-grower.js b/week0/Khan Academy - Intro to JS/Object-Oriented Design/flower-grower.js
new file mode 100644
index 00000000..d8cc2e26
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Object-Oriented Design/flower-grower.js
@@ -0,0 +1,99 @@
+/*************
+*OBJECT TYPES
+**************/
+/******************
+*Flower Object Type
+*******************/
+
+
+/*****************
+*Tulip Object Type
+******************/
+var Flower = function(x, y, height) {
+ this.x = x;
+ this.y = y;
+ this.height = height;
+};
+
+Flower.prototype.growBy = function(amount) {
+ this.height += 2 * amount;
+};
+
+var Tulip = function(x, y, height) {
+ Flower.call(this, x, y, height);
+};
+
+Tulip.prototype = Object.create(Flower.prototype);
+
+Tulip.prototype.draw = function() {
+ noStroke();
+ fill(16, 122, 12);
+ rect(this.x, this.y, 10, -this.height);
+ fill(255, 0, 0);
+ // petals
+ ellipse(this.x+5, this.y-this.height, 44, 44);
+ triangle(this.x-16, this.y-this.height,
+ this.x+20, this.y-this.height,
+ this.x-20, this.y-this.height-31);
+ triangle(this.x-14, this.y-this.height,
+ this.x+24, this.y-this.height,
+ this.x+3, this.y-this.height-39);
+ triangle(this.x+-4, this.y-this.height,
+ this.x+26, this.y-this.height,
+ this.x+29, this.y-this.height-36);
+};
+
+/*********************
+*Sunflower Object Type
+**********************/
+var Sunflower = function(x, y, height) {
+ Flower.call(this, x, y, height);
+};
+
+Sunflower.prototype = Object.create(Flower.prototype);
+
+Sunflower.prototype.draw = function() {
+ fill(16, 122, 12);
+
+ rect(this.x, this.y, 10, -this.height);
+
+ // petals
+ stroke(0, 0, 0);
+ fill(255, 221, 0);
+ ellipse(this.x-10, this.y-this.height, 20, 18);
+ ellipse(this.x+5, this.y-this.height-15, 20, 18);
+ ellipse(this.x+5, this.y-this.height+15, 20, 18);
+ ellipse(this.x+20, this.y-this.height, 20, 18);
+ fill(20, 20, 20);
+ ellipse(this.x+5, this.y-this.height, 20, 20);
+};
+
+
+/**************
+*MAIN PROGRAM
+***************/
+
+/** create object instances **/
+var tulip = new Tulip(38, 390, 150);
+var tulip1 = new Tulip(98, 390, 150);
+var sunflower = new Sunflower(186, 390, 100);
+var sunflower1 = new Sunflower(246, 390, 100);
+
+
+var drawScene = function() {
+ background(207, 250, 255);
+ tulip.draw();
+ tulip1.draw();
+ sunflower.draw();
+ sunflower1.draw();
+};
+
+mouseClicked = function() {
+ tulip.growBy(10);
+ tulip1.growBy(10);
+ sunflower.growBy(20);
+ sunflower1.growBy(20);
+ drawScene();
+};
+
+drawScene();
diff --git a/week0/Khan Academy - Intro to JS/Object-Oriented Design/smileyface.js b/week0/Khan Academy - Intro to JS/Object-Oriented Design/smileyface.js
new file mode 100644
index 00000000..17db3bac
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Object-Oriented Design/smileyface.js
@@ -0,0 +1,30 @@
+var SmileyFace = function(centerX, centerY){
+ this.centerX = centerX;
+ this.centerY = centerY;
+};
+SmileyFace.prototype.draw = function() {
+ fill(255, 234, 0);
+ ellipse(this.centerX, this.centerY, 150, 150);
+ fill(0, 0, 0);
+ ellipse(this.centerX-30, this.centerY-30, 20, 20);
+ ellipse(this.centerX+30, this.centerY-30, 20, 20);
+ noFill();
+ strokeWeight(3);
+ arc(this.centerX, this.centerY+10, 64, 40, 0, 180);
+};
+
+SmileyFace.prototype.speak = function(msg){
+ text(msg, this.centerX + 80, this.centerY + 80);
+};
+
+
+var face = new SmileyFace(100, 100);
+var face1 = new SmileyFace(200, 290);
+
+
+face.draw();
+face1.draw();
+face.speak("hey");
+face1.speak("he2");
+
+
diff --git a/week0/Khan Academy - Intro to JS/Objects/movie-reviews.js b/week0/Khan Academy - Intro to JS/Objects/movie-reviews.js
new file mode 100644
index 00000000..0f953f1d
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Objects/movie-reviews.js
@@ -0,0 +1,19 @@
+var movies = [
+ {
+ title: "Puff the Magic Dragon",
+ review: "Best movie ever!!"
+ },
+ {
+ title: "2 + 1",
+ review: "Best dramatic movie!"
+ }
+];
+
+fill(84, 140, 209);
+textAlign(CENTER, CENTER);
+for(var i = 0; i < movies.length; i++){
+ textSize(20);
+ text(movies[i].title, 200, i * 120 + 70);
+ textSize(16);
+ text(movies[i].review, 200, i * 120 + 100);
+}
diff --git a/week0/Khan Academy - Intro to JS/Objects/picture-painter.js b/week0/Khan Academy - Intro to JS/Objects/picture-painter.js
new file mode 100644
index 00000000..bc3ce753
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Objects/picture-painter.js
@@ -0,0 +1,18 @@
+var paintBrush = {
+ x: 250,
+ y: 250,
+ img: getImage("avatars/aqualine-sapling")
+};
+
+var paintCanvas = function() {
+ imageMode(CENTER);
+ image(paintBrush.img, paintBrush.x, paintBrush.y);
+};
+
+
+mouseMoved = function(){
+ background(255, 255, 255);
+ paintBrush.x = mouseX;
+ paintBrush.y = mouseY;
+ paintCanvas();
+};
diff --git a/week0/Khan Academy - Intro to JS/Objects/recipe-card.js b/week0/Khan Academy - Intro to JS/Objects/recipe-card.js
new file mode 100644
index 00000000..bea9f197
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Objects/recipe-card.js
@@ -0,0 +1,13 @@
+
+
+var recipeCard = {
+ title: "Hey",
+ servings: 2,
+ ingredients: ["Flour", "Eye"]
+};
+
+fill(26, 26, 26);
+textSize(20);
+text(recipeCard.title, 10, 23);
+text("Serves: " + recipeCard.servings, 10, 55);
+text("Ingredients: " + recipeCard.ingredients, 10, 85);
diff --git a/week0/Khan Academy - Intro to JS/Text and strings/mouse-tracker.js b/week0/Khan Academy - Intro to JS/Text and strings/mouse-tracker.js
new file mode 100644
index 00000000..7e61cbfc
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Text and strings/mouse-tracker.js
@@ -0,0 +1,9 @@
+fill(255, 0, 255);
+
+draw = function() {
+ background(255, 255, 255);
+ ellipse(mouseX, mouseY, 12, 12);
+
+ var label = mouseX + ", " + mouseY;
+ text(label, mouseX + 10, mouseY + 15);
+};
diff --git a/week0/Khan Academy - Intro to JS/Text and strings/my-favorite-foods.js b/week0/Khan Academy - Intro to JS/Text and strings/my-favorite-foods.js
new file mode 100644
index 00000000..754ab75b
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Text and strings/my-favorite-foods.js
@@ -0,0 +1,9 @@
+fill(143, 39, 39);
+textSize(20);
+text("My Favourite Foods: ", 0, 50);
+
+text("broccoli", 0, 75);
+text("cheese", 0, 100);
+text("sausage", 0, 125);
+
+
diff --git a/week0/Khan Academy - Intro to JS/Variables/bucktooth-bunny.js b/week0/Khan Academy - Intro to JS/Variables/bucktooth-bunny.js
new file mode 100644
index 00000000..b564fd69
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Variables/bucktooth-bunny.js
@@ -0,0 +1,18 @@
+var eyeSize = 20;
+var toothLength = 15;
+ellipse(150, 70, 60, 120); // left ear
+ellipse(240, 70, 60, 120); // right ear
+
+ellipse(200, 170, 150, 150); // face
+
+fill(0, 0, 0);
+ellipse(170, 150, eyeSize, eyeSize); // left eye
+ellipse(230, 150, eyeSize, eyeSize); // right eye
+
+line(150, 200, 250, 200); // mouth
+
+noFill();
+rect(185, 200, 15, toothLength); // left tooth
+rect(200, 200, 15, toothLength); // right tooth
+
+
diff --git a/week0/Khan Academy - Intro to JS/Variables/funky-frog.js b/week0/Khan Academy - Intro to JS/Variables/funky-frog.js
new file mode 100644
index 00000000..f47313be
--- /dev/null
+++ b/week0/Khan Academy - Intro to JS/Variables/funky-frog.js
@@ -0,0 +1,23 @@
+var x = 200;
+var y = 250;
+
+noStroke();
+fill(30, 204, 91); // a nice froggy green!
+
+ellipse(x, y, 200, 100); // face
+ellipse(x - 50, y - 50, 40, 40); // left eye socket
+ellipse(x + 50, y - 50, 40, 40); // right eye socket
+
+fill(255, 255, 255); // for the whites of the eyes!
+ellipse(x - 50, y - 50, 30, 30); // left eyeball
+ellipse(x + 50, y - 50, 30, 30); // right eyeball
+
+fill(0, 0, 0);
+ellipse(x, y, 130, 70);
+
+rect(x - 55, y - 50, 10, 10); // left pupil
+rect(x + 45, y - 50, 10, 10); // right pupil
+
+
+
+
diff --git a/week0/Udacity - CSS/hello-change.html b/week0/Udacity - CSS/hello-change.html
new file mode 100644
index 00000000..66e4dbae
--- /dev/null
+++ b/week0/Udacity - CSS/hello-change.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
Hello world!
+
+
\ No newline at end of file
diff --git a/week0/Udacity - CSS/links.html b/week0/Udacity - CSS/links.html
new file mode 100644
index 00000000..7c9dd037
--- /dev/null
+++ b/week0/Udacity - CSS/links.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+ Link to a Stylesheet Quiz
+
+
+
+
+
+
My Portfolio
+
+
+ This specific design features a 3D floating mountain above a weathered, rugged font to insinuate a winter outdoor theme. This logo would be a perfect fit for an outdoor product company or ski resort.
+
+
+
+ This specific design features a beach-themed fading sunset with palm trees. The fading vertical bars in the sun resemble warmth as it fades away into the sunset.
+
+
+
\ No newline at end of file
diff --git a/week0/Udacity - CSS/style-image.html b/week0/Udacity - CSS/style-image.html
new file mode 100644
index 00000000..fa73e46e
--- /dev/null
+++ b/week0/Udacity - CSS/style-image.html
@@ -0,0 +1,16 @@
+
+
+
+ Styling
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Udacity - CSS/units.html b/week0/Udacity - CSS/units.html
new file mode 100644
index 00000000..7f5db764
--- /dev/null
+++ b/week0/Udacity - CSS/units.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Quiz - Units in CSS
+
+
+
+
+
+
Hammock ex plaid nulla. Nihil stumptown gastropub, dreamcatcher gochujang franzen cillum cliche keffiyeh pop-up pug small batch knausgaard. Fanny pack elit you probably haven't heard of them before they sold out. Sint elit tofu et veniam irony 3 wolf moon. VHS slow-carb trust fund chartreuse wolf. Qui sed dreamcatcher cronut, hoodie fixie normcore. Gochujang dolor consectetur post-ironic.
+
Hammock ex plaid nulla. Nihil stumptown gastropub, dreamcatcher gochujang franzen cillum cliche keffiyeh pop-up pug small batch knausgaard. Fanny pack elit you probably haven't heard of them before they sold out. Sint elit tofu et veniam irony 3 wolf moon. VHS slow-carb trust fund chartreuse wolf. Qui sed dreamcatcher cronut, hoodie fixie normcore. Gochujang dolor consectetur post-ironic.
+
+
\ No newline at end of file
diff --git a/week0/Udacity - CSS/writing-selectors.html b/week0/Udacity - CSS/writing-selectors.html
new file mode 100644
index 00000000..4ebeca9d
--- /dev/null
+++ b/week0/Udacity - CSS/writing-selectors.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
Chicken Clay Pot
+
+
Crispy rice baked in clay pot topped with chicken and vegetables
+
+
+
\ No newline at end of file
diff --git a/week0/Udacity - HTML/button.html b/week0/Udacity - HTML/button.html
new file mode 100644
index 00000000..98145454
--- /dev/null
+++ b/week0/Udacity - HTML/button.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Udacity - HTML/figures.html b/week0/Udacity - HTML/figures.html
new file mode 100644
index 00000000..a4aac1fb
--- /dev/null
+++ b/week0/Udacity - HTML/figures.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+ Wood
+
+
+
\ No newline at end of file
diff --git a/week0/Udacity - HTML/headers.html b/week0/Udacity - HTML/headers.html
new file mode 100644
index 00000000..0ec8bd90
--- /dev/null
+++ b/week0/Udacity - HTML/headers.html
@@ -0,0 +1,12 @@
+
+
+
Add your headers below this paragraph element! Add an h1, h2, h3, and h4. You should see your new headers displayed in the preview pane.
+
Don't forget to add some text to your headers. They won't display anything otherwise.
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - DOM/DOM events/mad-libs.html b/week0/Khan Academy - DOM/DOM events/mad-libs.html
new file mode 100644
index 00000000..a88d8ae7
--- /dev/null
+++ b/week0/Khan Academy - DOM/DOM events/mad-libs.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+ 
+ 
+
+ 
+
+
+
+
\ No newline at end of file
diff --git a/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html b/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html
new file mode 100644
index 00000000..686b208f
--- /dev/null
+++ b/week0/Khan Academy - HTML & CSS/More CSS selectors/Classes-of-elements.html
@@ -0,0 +1,65 @@
+
+
+
+
+ 
+ 
+ 
+ 
+ 