…encouraging the underrepresented 7th-8th graders to seek profession in computer sciences and graphic design by making personal connections and inspiring through commendable actions.

PRIMARYSECONDARY REDUCED

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

EducationBlack Overflow want to support the next generation of minority students through coding and design by creating awareness.CodingWe think that coding is the catalyst for progressive change in the future. DesignDesign and coding go hand in hand. We aim to progress the collaboration between designers and coders DonatingEvery donation we receive is put towards child’s education in computer science and design.CommunityA connected community is key, we strive to bring people from all cultures together to create something awesome.

…encouraging the underrepresented 7th-8th graders to seek profession in computer sciences and graphic design by making personal connections and inspiring through commendable actions.

• In 2012 from the Nation Science Foundation• Only 2% of african American’s are computer engineers in 7 Silicon Valley

• As of 2014 taken from the Computer Diversity Reports

7th & 8th

• Cognitive development • Build skills to become self-sufficient• Seek increased power over their own lives• Learn to drive, increasing their independence

not ready to knowready to know

knows facts

accepts ideas

acts on the opinion

becomes an advocatefor the cause

Minority 7th-8th graders Educators

Funders

Solution

• Genesis Promise Academy express the most express the most interest after we reached out.• They are K-12 school located on the east side of troost with our popular demographic.

• This school will be our main interest point for this project, we want to connect to our demographic through interactions like presentations. • We currently are talking with Brother Keith Brown who is the executive director for parents and students at the school. • Outside of the education system we are also making connections to communities that align with our vision

Talk about how we related to the kids.

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

easy

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

medium

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

hard

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome to Coder Cadet!

easy

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome Cadet! Glad to have you aboard the mission through Meta Galaxy! First Stop is planet Moon-Bracket.

Are you ready?

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome Cadet! Glad to have you aboard the mission through Meta Galaxy! First Stop is planet Moon-Bracket.

Are you ready?

start

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

Welcome Cadet! Glad to have you aboard the mission through Meta Galaxy! First Stop is planet Moon-Bracket.

Are you ready?

start

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:Cadet! Are you okay?!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:It seems as if the ship has had a malfunction… Good thing you landed on Moon Bracket!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:I need you to help repair the ship so we can get back on our trip through the Meta Galaxy.

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:I will be your guide, call on me if you need help.

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

First, let’s learn the basics of building. Drag a part to the box to see the code!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

Good Job Cadet!

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

HTML code is the building blocks of code. Like the frame of the ship.

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

csshtml

<div></div>

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

Now, change the size of the part by dragging the circle.

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div {height:width:background-color: #ffffff;}

700px;700px;

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div {height:width:background-color: #ffffff;}

CSS coding is the code that changes style, like the size and color of the different parts of the ship.

700px;700px;

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div {height:width:background-color: #ffffff;}

700px;700px;

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div { height: 700px; width: 700px; background-color: }

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div { height: 700px; width: 700px; background-color: }

Change the color of the part

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div { height: 700px; width: 700px; background-color: }

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div { height: 700px; width: 700px; background-color: }

<

:

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

::

<

:

<

::

<

:

<

::

<

:

<

::

<

:

css html

div { height: 700px; width: 700px; background-color: }#00ff48;

…encouraging the underrepresented 7th-8th graders to seek profession in computer sciences and graphic design by making personal connections and inspiring

through commendable actions.