Grade 7 Science: Coding Project 11 – Blog

This project came from the HTML and CSS section on Khan Academy.

The objective of this project is to make your own blog.

https://www.khanacademy.org/computer-programming/project-blog/4580152491524096

 

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>Project: Blog</title>
<style>
body {
background-color:rgb(245, 179, 196);
}

#FP {
background-color:rgb(255, 0, 0);
font-weight:lighter;
font-size:33.9px;
}

#SP {
background-color:rgb(245, 112, 10);
font-weight:lighter;
font-family:sans-serif;
}

#TP {
background-color:rgb(245, 245, 0);
font-weight:lighter;
}

#FFP {
background-color:rgb(25, 232, 39);
font-weight:lighter;
}

#Fri {
background-color:rgb(0, 176, 240);
font-weight:lighter;
}

#Bye {
background-color:rgb(247, 8, 247);
font-weight:lighter;
font-style:italic;
}
</style>
</head>
<body>

<h1>Sophia’s blog</h1>

<h3>Contents</h3>
<ul>
<li><a href= “#FP”>First Post!</a></li>
<li><a href= “#SP”>Online Birthday Party, Part 1</a></li>
<li><a href= “#TP”>Online Birthday Party, Part 2</a></li>
<li><a href= “#FFP”>Boredom</a></li>
<li><a href= “#Fri”>Friday!</a></li>
<li><a href=”#Bye”>Goodbye HTML and CSS!</a></li>
</ul>

<h2 id=”FP”>First post</h2>
<h6>Posted on April 27 2020</h6>

<p>Today in school I have to start writing my History essay about Prophet Jesus, do a lesson of Math, start reading my English book, and plan my English lessons.<br><br>Tomorrow is one of my BFF’s birthday party! But since we’re on lockdown her party is going to be on Zoom.<br><br>After school I plan to play Roblox with one of my new friends!</p>

<h2 id=”SP”>Online Birthday Party<br>Part 1</h2>
<h6>Posted on April 28 2020</h6>

<p>Today in school…I basically have to do what I did yesterday. One lesson of Math, History essay, and English reading.<br><br>In one hour my friend’s online birthday pary is starting! I can’t wait! She invited me and five other friends, during the call we’re going to play Brawlstars! If you don’t know what that is, it’s a game where you’re a certain character and battle others. It’s like a PG version of COD (call of duty).<br><br>I’m going to play Roblox with my friend again today! We always play together, but when lockdown is over she can’t play on the weekdays anymore,I probably can’t either.</p>

<h2 id=”TP”>Online Birthday Party<br>Part 2</h2>
<h6>Posted on April 28 2020</h6>

<p>I just finished the online birthday party with my friend! It was a lot of fun! We played Brawlstars and Skrible (that’s how you spell it). Skrible is a game where one person draws something and the other people have to guess. I’m not good at that game, but the birthday girl had fun! That’s what matters, right?</p>
<h2 id= “FFP”> Boredom</h2>
<h6>Posted on April 30 2020</h6>

<p>Today is the last day of April! Just one more month of quarintine! I can’t wait to see my friends again, all of us are going crazy. Everyone seems to have lost motivation to do anything, even reading now isn’t that fun or exciting.</p>

<h2 id= “Fri”>Friday!</h2>
<h6>Posted on May 1 2020</h6>

<p>It’s finally Friday! It’s also the first day of May! Not like it means anything…can’t go out.<br><br>After school I’m planning to play Roblox with my friend again. On Wednesday my Mom found an old book of mine that I’ve never read before. Now I have a new book that I can read over the weekend!</p>

<h2 id= “Bye”>Goodbye HTML and CSS!</h2>
<h6>Posted on May 1 2020</h6>

<p>I showed my Mom all the projects that I have been working on in the HTML and CSS course! She’s really proud of me! I’m going to show my Dad later.<br><br>Going through the lessons I realized that I’m almost done with the course! I reallly love HTML and I’ll be quite sad to leave it. But I can’t wait for the next lessons!</p>
</body>
</html>

Grade 7 Science: Coding Project 10 – Recipe Book

This project is from the HTML and CSS section on Khan Academy.

The objective of this project is to make your own recipe book.

https://www.khanacademy.org/computer-programming/project-recipe-book/4522164228866048

 

<!DOCTYPE html>
<html>
<head>
<title>Project: Recipe book</title>
<meta charset=”utf-8″>
<style>
body {
background-color:rgb(199, 216, 255);
}
h1 {
background-color:rgb(255, 163, 200);
}

#B {
background-color:rgb(135, 64, 64);
}

#C {
background-color:rgb(240, 8, 73);
}

#BB {
background-color:rgb(245, 218, 46);
}

</style>
</head>
<body>

<h1>Sophia’s Recipe Book</h1>

<h2>Contents:</h2>

<ol>
<li><a href=”#B”>Brownies</a></li>
<li><a href=”#C”>Cupcakes</a></li>
<li><a href=”#BB”>Breakfast Burrito</a></li>
</ol>

<h2 id=”B”>Brownies</h2>

<ul>
<li>Time: 1 hour</li>
<li>Serves: 3</li>
</ul>

<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

<ol>
<li>3 Eggs</li>
<li>Brownie Mix</li>
<li>1/2 cup of water</li>
</ol>
<h3>Steps</h3>
<p><strong>Step 1:</strong> Gather all ingredients</p>
<p><strong>Step 2:</strong> Pour brownie mix into a bowl</p>
<p><strong>Step 3:</strong> Crack eggs into bowl</p>
<p><strong>Step 4:</strong> Mix and slowly add water into the mix</p>
<p><strong>Step 5:</strong> Pour batter into pan and leave it in oven for 45 min at 45 degrees F</p>

<h2 id=”C”>Cupcakes</h2>

<ul>
<li>Time: 45 mintues</li>
<li>Serves: 4</li>
</ul>

<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

<ol>
<li>2 Eggs</li>
<li>1 cup of water</li>
<li>Cupcake mix</li>
</ol>

<h3>Steps</h3>
<p><strong>Step 1:</strong> Gather all ingredients</p>
<p><strong>Step 2:</strong> Pour mix into a big bowl</p>
<p><strong>Step 3:</strong> Crack eggs into bowl and add water</p>
<p><strong>Step 4:</strong> Mix until a thick batter</p>
<p><strong>Step 5:</strong> Pour batter into a pan and put in the oven for 30 min at 100 degrees F</p>

<h2 id=”BB”>Breakfast Burrito</h2>

<ul>
<li>Time: 15 mintues</li>
<li>Serves: 1</li>
</ul>

<table>
<thead>
<tr>
<th>Ingredients</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

<ol>
<li>1 Egg</li>
<li>1 Wraps</li>
<li>Salsa(optional)</li>
<li>Sour cream(optional)</li>
<li>Cheese(optional</li>
</ol>

<h3>Steps</h3>

<p><strong>Step 1:</strong>Make scrambled eggs</p>
<p><strong>Step 2:</strong>Heat up wrap on stove top</p>
<p><strong>Step 3:</strong>Put eggs into wrap and add salsa, sour cream, and/or cheese (optional).</p>

</body>
</html>

Grade 7 Science: Coding Project 8 – Bookshelf

The objective of this project is to make a bookshelf of your favorite books and rate them.

https://www.khanacademy.org/computer-programming/spin-off-of-project-bookshelf/6075783625981952

var bookTitle = [
{ title: “A Snicker of Magic”,
author: “Natalie Lloyd”,
star: 5,
},
{
title2: “Harry Potter Series”,
author2: “JK Rowling”,
star2: 5
},
{
title3: “Little Women”,
author3: “Louisa May Alcott”,
star3: 5
},
{
title4: “Treasure Island”,
author4: “Robert Louis Stevenson”,
star4: 4
},
{
title5: “Little House on the Prairie Series”,
author5: “Laura Ingalls Wilder”,
star5: 5
},
{
title6: “A Doctor Like Papa”,
author6: “Natalie Kinsey-Warnock”,
star6: 5
},
{
title7: “The Children of Noisy Village”,
author7: “Astrid Lindgren”,
star7: 5
},
{
title8: “Star Wars Book Series”,
author8: “George Lucas”,
star8: 5
},
{
title9: “Shadow Weaver”,
author9: “MarcyKate Connolly”,
star9: 5
}
];

//shelf
fill(56, 7, 7);
rect(1, 105, 439, 12);

//book
fill(194, 4, 89);
rect(10, 9, 101, 96);
fill(0, 0, 0);
text(bookTitle[0].title, 10, 20, 150, 150);
text(bookTitle[0].author, 10, 47, 150, 150);
//stars
for(var i = 0; i < bookTitle[0].star; i++) {
image(getImage(“cute/Star”), 7 + i * 19, 80, 30, 30);
}
//second book
fill(186, 9, 9);
rect(131, 9, 103, 97);
fill(0, 0, 0);
text(bookTitle[1].title2, 131, 20, 150, 150);
text(bookTitle[1].author2, 131, 40, 150, 150);
//stars
for(var i = 0; i < bookTitle[1].star2; i++) {
image(getImage(“cute/Star”), 130 + i * 19, 80, 30, 30);
}
//third book
fill(242, 97, 179);
rect(255, 10, 98, 95);
fill(0, 0, 0);
text(bookTitle[2].title3, 255, 19, 150, 150);
text(bookTitle[2].author3, 256, 43, 150, 150);
//stars
for(var i = 0; i < bookTitle[2].star3; i++) {
image(getImage(“cute/Star”), 250 + i * 19, 80, 30, 30);
}
//second shelf
fill(56, 7, 7);
rect(1, 233, 439, 12);
//fourth book
fill(54, 240, 8);
rect(8, 119, 114, 113);
fill(0, 0, 0);
text(bookTitle[3].title4, 12, 135, 150, 150);
text(bookTitle[3].author4, 13, 156, 100, 100);
//stars
for(var i = 0; i < bookTitle[3].star4; i++) {
image(getImage(“cute/Star”), 15 + i * 19, 207, 30, 30);
}
//fifth book
fill(255, 104, 66);
rect( 136, 120, 108, 113);
fill(0, 0, 0);
text(bookTitle[4].title5, 137, 135, 100, 100);
text(bookTitle[4].author5, 138, 176, 150, 150);
//stars
for(var i = 0; i < bookTitle[4].star5; i++) {
image(getImage(“cute/Star”), 138 + i * 19, 206, 30, 30);
}
//sixth book
fill(252, 159, 227);
rect(264, 121, 106, 111);
fill(0, 0, 0);
text(bookTitle[5].title6, 266, 137, 150, 150);
text(bookTitle[5].author6, 264, 162, 100, 100);
//stars
for(var i = 0; i < bookTitle[5].star6; i++) {
image(getImage(“cute/Star”), 261 + i * 19, 206, 30, 30);
}
//third shelf
fill(56, 7, 7);
rect(1, 366, 645, 12);
//seventh book
fill(255, 48, 48);
rect(10, 260, 95, 105);
fill(0, 0, 0);
text(bookTitle[6].title7, 11, 273, 100, 100);
text(bookTitle[6].author7, 11, 313, 150, 150);
//stars
for(var i = 0; i < bookTitle[6].star7; i++) {
image(getImage(“cute/Star”), 5 + i * 19, 339, 30, 30);
}
//eighth book
fill(222, 82, 222);
rect(128, 261, 102, 105);
fill(0, 0, 0);
text(bookTitle[7].title8, 128, 273, 100, 100);
text(bookTitle[7].author8, 129, 310, 150, 150);
//stars
for(var i = 0; i < bookTitle[7].star8; i++) {
image(getImage(“cute/Star”), 127 + i * 19, 340, 30, 30);
}
//ninth book
fill(144, 123, 209);
rect(253, 261, 106, 104);
fill(0, 0, 0);
text(bookTitle[8].title9, 254, 274, 150, 150);
text(bookTitle[8].author9, 253, 304, 110, 110);
//stars
for(var i = 0; i < bookTitle[8].star9; i++) {
image(getImage(“cute/Star”), 258 + i * 19, 341, 30, 30);
}

Grade 7 Science: Coding Project 7 – Build-a-House

The objective of this project is to build a house.

https://www.khanacademy.org/computer-programming/spin-off-of-project-build-a-house/4847090295652352

background(219, 255, 255);

//roof
fill(174, 180, 214);
triangle(200, 28, 350, 150, 50, 150);

//house
fill(255, 255, 255);
rect(60, 150, 280, 207);

//door
fill(120, 80, 19);
rect(180, 280, 40, 77);

//windows
var x = 80 ;
var y = 80 + 50;
while(x < 290) {
fill(138, 210, 237);
rect(x, 200, 40, 40);
x += 50;
}

//grass
var x = 10;
var y = 10 + 10;
strokeWeight(20);
stroke(65, 166, 25);
while( x < 400) {
line(x, 390, 10, 400);
x+=10;
}

//person
image(getImage(“cute/CharacterPinkGirl”), 100, 200, 0, 200);
image(getImage(“cute/CharacterPrincessGirl”), 200, 200, 0, 200);
image(getImage(“avatars/marcimus”), 80, 210, 40, 40);
image(getImage(“avatars/mr-pink”), 134, 210, 35, 35);
image(getImage(“avatars/orange-juice-squid”), 185, 210, 30, 30);
image(getImage(“avatars/primosaur-seed”), 230, 209, 40 ,40);
image(getImage(“avatars/starky-sapling”), 280, 205, 40, 40);

//stone path
image(getImage(“cute/PlainBlock”), 150, 350, 100, 30);

Science 7 Coding: Project 6 – Magic 8-Ball

The objective of this project is to make your own online magic 8-ball.

https://www.khanacademy.org/computer-programming/spin-off-of-project-magic-8-ball/4762875412889600

 

fill(0, 0, 0);
ellipse(200, 200, 375, 375);
fill(60, 0, 255);
triangle(200, 104, 280, 280, 120, 280);
fill(255, 255, 255);
var answer = floor(random(1, 1000));
if (answer < 200) { text(“OF COURSE!”, 160, 200); } else if(answer > 200 && answer < 300){ text(“I DON’T”, 176, 200); text(“SEE THAT”, 167, 240); } if (answer > 300 && answer < 400) { text(“TRY AGAIN”, 165, 200); } else if(answer > 500) {
text(“MEH”, 180, 230);
}

Grade 7 Science: Coding Project 5 – Fish Tank

This exercise is a project from Khan Academy’s Intro to JS: Drawing & Animation.  

The objective of this project is to show swimming fish in the fishtank.

 

background(89, 216, 255);

var centerX = 200;
var centerY = 100;
var bodyLength = 118;
var bodyHeight = 74;
var bodyColor = color(162, 0, 255);

noStroke();
fill(bodyColor);
// body
ellipse(centerX, centerY, bodyLength, bodyHeight);
// tail
var tailWidth = bodyLength/4;
var tailHeight = bodyHeight/2;
fill(43, 43, 43);
ellipse(110, 90, 70, 100);
// eye
fill(20, 19, 20);
ellipse(centerX+bodyLength/4, centerY, bodyHeight/5, bodyHeight/5);

var fish2 = function (){
var fish2X=random(50, 350);
var fish2Y = random(50, 350);
//body of fish2
fill(bodyColor);
ellipse(fish2X,fish2Y, bodyLength, bodyHeight);
//tail of fish2
fill(255, 0, 0);
ellipse(fish2X-85,fish2Y-5, 70, 100);
//eye of fish2
fill(20, 19, 20);
ellipse(fish2X+30, fish2Y, bodyHeight/5, bodyHeight/5 );
};

fish2();
fish2();

Coding Project 5 - Fish Tank

Grade 7 Science: Coding Project 4 – Ad Design

This exercise is a project from Khan Academy’s Intro to JS: Drawing & Animation.  

The objective of this project is to design your ad for your own product.

background(6, 19, 43);

fill(245, 12, 105);
textSize(30);
text(“REAL LIFE UNICORN!!!!”, 10, 30);

fill(255, 13, 86);
textSize(20);
text(“Only $39.99!”, 50, 50);

fill(224, 27, 224);
textSize(10);
text(“THE FIRST TEN PEOPLE TO CALL 1 800 3259 GETS A 20% DISCOUNT!”, 5, 70);

Coding Project 4 - Ad Design

Grade 7 Science: Coding Project 3 – Animal Attack

This exercise is a project from Khan Academy’s Intro to JS: Drawing & Animation.  

The objective of this project is to make an animal (whatever your choice) and make it grow.  The animated video could not be uploaded to the blog.

var bodyX = 200;
var bodyY = 220;
var bodyW = 118;
var faceW = bodyW/2;

draw = function() {
background(207, 254, 255);
fill(240, 209, 36);
ellipse(bodyX, bodyY, bodyW, 106); // body?
ellipse(bodyX, bodyY+0, faceW, 47); // face?
};

Grade 7 Science: Coding Project 2 – Shooting Star

This exercise is a project from Khan Academy’s Intro to JS: Drawing & Animation.  

The objective of this exercise is to write a program below to make a star shoot across the screen.  The animated video could not be uploaded to the blog.

var xPos = 10;
var yPos = 10;
var xPos2 = 20;
var yPos2 = 20;

draw = function() {
background(20, 19, 19);
fill(255, 242, 0);
ellipse(xPos, yPos, 30, 30);

xPos+= +10;
yPos-= -10;

fill(255, 242, 0);
ellipse(xPos2, yPos2, 30, 30);

xPos2+= +20;
yPos2+= +20;

};

Design a site like this with WordPress.com
Get started