Computer Science Programming                in Bus-4 Lab        Parent Email: gina.hansen@jeffco.k12.co.us                 Student Email to hansensclasses@gmail.com 

This class receives ACC credit for students who earn a B or better and fill out a myACC login & the Concurrent Enrollment Form for CWB-110 by 8/31.

TO COMPLETE THE myACC Login, you must have student’s SSN + Parent’s DL # & Exp Date + Parent’s Car Registration Date. You won't be able to do the whole thing without all those numbers and because you are minors, parent or guardian help is needed.

  1. When you get to the Blue MyACC box, type your SS# in the top + makeup a PW in the second box.
  2. Then, click the login BUTTON & begin the application
  3. Click HERE if you have never attended ACC or if you need additional Directions.

Upon Completion of this Course, students interested in learning more about Computer Science should consider one of the following programs:

  1. Take AP Computer Science Principles next year at CHS
  2. Apply to join Warren Tech’s Computer Programming or Game Design programs (Jan deadline)
  3. Consider completing a  Certificate Program at Arapahoe Community College: Computer Information Systems Certificate, Computer Network Technology Certificate, Computer Technician Certificate


Friday, August 18, 2017

Computer Science Programming

First and Last Name

Publish to the web URL

20180818 Photo of something I did or how I spent my time last summer

Monday, August 20, 2019

I think all these types of jobs mean… I think they relate to this class by… Of the items in the list, I am most interested in ___________ because … . I am ALWAYS texting on my phone so I can relate most closely to that and social networking. All together, though, I think my teacher is trying to get me to think about ___________ because ___________. What is something I use computer science for, in my everyday life

Add a NEW
Programming FOLDER in DOCUMENTS → Then, put all the following folders as listed below

  1. 2018_last_first_chs
  1. 2018_last_first_clientsite
  1. 2018_last_first_portfolio
  1. 2018_last_first_practice

Wednesday, August 22, 2019

  1. <html> →
  2. <body> →
  3. <p> or <br> →
  4. <ul> →
  5. <ol> →
  6. <li> →
  7. <b> / <i> / <u>
  8. <a href=”www.abc.com”>
  9. <img src=”www.hansensclasses.com/images/logo.gif”> →
  10. <hr> →

Friday, August 24, 2019

  1. _________________  → _______________________________________________________________________
  2. _________________  → _______________________________________________________________________
  3. _________________ - Link your social chart comparison you uploaded to your google drive from Code.org, Wednesday. Right mouse click over the file in your drive to get the link you will share
  4. What are the elements of a url tag? Generally, since the advent of the internet, what do you think the following aspects of a url indicate?

Monday, August 27, 2019

How do you code it?


What is it? Where do you find this tag?




Alt Text

<... width=”100” height=”200”>

<h5> or <h1>





Wednesday, August 29, 2019 BACK TO SCHOOL NIGHT EXTRA CREDIT

  1. What is Developer Code? ___________________________________________________
  2. Why would you want to know how to read the code of a website? _______________
  3. How do you view it in Google Chrome _______________________________________,
    Internet Explorer ___________________________________________________________,
    and Firefox _______________________________________________________________?

Friday, August 31, 2019


Tuesday, September 4, 2019

  1. CHROMEBOOK USERS → download Notepad++ App 
  2. If you do not have a chromebook, add this App plugin to your google web browser. Click rollApp online > Add to Chrome > then check if its on your list of apps

Thursday, September 6, 2019

Monday, September 10, 2019

Tuesday, September 12, 2019


Event 1

Event 2

Event 3

For more info...

EX Lead Paragraph: Columbine High School students will host their annual Homecoming 9/17-22 to kick off the new school year.

Then, pick one for each Event Paragraph and describe what happens: Football Game                Dance                 Bonfire Activities                Assembly                Spirit Days                → Royalty Voting → King / Quee        

HoCo Events List


Jet Lag Day (wear PJs)




Greek (Frat College Day??? Togas??)


Tacky Tourist

Nighttime Bonfire w/ cool games and stuff to do; competition between classes for a danceoff


Rebel Shirts Day


Football Game vs Olathe North (KS)



Friday, September 14, 2019 FUN FRIDAY!!!                                   Agendas 1-14 DUE DATE MOVED TO MON, 9/17 (140 pts)

Monday, September 17, 2019 HOMECOMING WEEK → REBEL DAY

Dear Ms Hansen,

My school year is going pretty …

This class is going…

Life, for me, is pretty ___________ right now because …


Your Name

THEN, CSS!!! For your pressrelease_20180917.html → Create basic tags incl <body> & <head>. Paste in your paragraphs. Tag with HTML. THEN, we’ll begin the CSS in the head

Tuesday, September 18, 2019 HOMECOMING WEEK → BLUE DAY

Thursday, September 20, 2019 BLUE DAY

20190920: How do you list comments on your HTML code without having them show up when you Run your page in Chrome?

TODAY, we will activate all the specifications within the body of our document by identifying the following div tags. Every <div> requires a </div> closing tag.

Monday, September 24, 2019 BLUE DAY

20190924: What are some common reasons by background logo_hoco.gif images wouldn’t appear. List three reasons.

Wednesday, September 26, 2019 BLUE DAY

20190926: What do you need to create a hover effect? What is the script? And what is the body code needed to show the action?

  1. Lead Paragraph (1 sentence. 5ws + H)
  2. About Joey (see your August 10 email from Tamra)
  3. About the venue (location, course, time, date)
  4. Benefits of the proceeds (programs supported by the Challenge Program)
  5. Where to go to get more info? (Ms Shelly & Ms Hintz  in Room BUS 5, or the Columbine office, or the website to register for the event (see CSH website)

Friday, September 28, 2019 BLUE DAY GRADES DUE TODAY!!!

20180928: What can you do to improve upon the Walk for All Press Release design?

Monday, October 1, 2019 BLUE DAY

20181001: What criteria should be used to determine the best press release for the Joey Santaniello Walk for All 5k Winner? List five Evaluation Measures the Best Walk for All Event Press Release Code should have?



Wednesday, October 3, 2019 BLUE DAY Javascript PopUps

Connect new animation to pressrelease_20181007.html

20181001: THREE ANSWERS →  What code do you need to create the following

  1. a javascript alert popup.
  2. How do you add a password? USE Rebels1 as the correct password
  3. What about two buttons?

Friday, October 5, 2019 BLUE DAY

Create resume.html in your practice folder

20181001: What javascript code is needed to include a current digital time and date to a new resume.html practice page? Paste that code here

Monday, October 8, 2019 BLUE DAY

Complete the Evaluation Form → https://goo.gl/forms/XNTI62rbhR5JCoKT2 

20181008: Even if you don’t know them, what do you think is the best thing about helping others?

Wednesday, October 10, 2019 BLUE DAY → No School on Friday → Conferences TONITE


QUICK LECTURE: Why use Java?

201810010: Begin w3schools javascript tutorial to answer the following ten ?s

Question w3schools javascript tutorial


1. Why is Javascript one of the three languages developers must learn?

1. HTML to define the _______________of web pages

2. CSS to specify the _____________________of web pages

3. JavaScript to program the _________________of web pages

2. What is the purpose of getElementById()?

3. What Javascript do you type to change the font size to 35 pixels

4. What is the purpose of the <script> and </script> tag in any javascript code snippett?

5. What JavaScript Code invokes a function in the <head>?

6. In the following body example, what element calls or invokes the function?

<h1>A Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>


function myFunction() {

   document.getElementById("demo").innerHTML = "Paragraph changed.";



7. You can save a .js file in assets by including what is called a reference tag in the <head>. What example applies the myScript.js example? Include that code here as your answer

8. List three reasons why you might want to use EXTERNAL .js files from your assets




9. What script would you use to include a script saved in the same folder as the current page (not in assets) for myScript1.js?

10. How do you think you would you write this code to connect it to a myScript1.js code in your assets folder?

Monday, October 15, 2019 BLUE DAY

MicroType Race / The Typing Cat → 5 - min Warmup

Code.org → You were invited to Principles Unit 1

20181015: From U1L02 Activity - Binary Message Devices.

1) Insert a ASCII Binary Letter List image here to help you.

2) Which device will you use to send a message? How will the A/Bs be understood?

3) Send your message and then complete the chart.

Note: Can you figure out the code on your own or do you would you use a QBit Encoder / Decoder?


What is the message you are sending/receiving?


<insert message + translation here>


<insert response + translation >

Wednesday, October 17, 2019 BLUE DAY

TYPING CAT → WARMUP w/ Home Row FJ Fundamentals Review + 1000 most commonly typed english words before taking the 2 min Speed Test (change this from 1m to 2m in the url)

20181017: Speed Tests, Light Bulbs & Clock and Scripts

A. What was your Speed after today’s 1000 most commonly typed words & fundamentals  warmup? ____ WPM

B. Y/N Have you improved your speed, yet?

C. Does it make any difference if you test your speed for 60 seconds or 120? How so? Typing for longer made a difference because ...

D. Create a two-state button like last Thursday’s .js intro re: lightbulb that allows the user to click on a button and reveal something else. How does the button simulate flipping an actual light switch as if its turning the lightbulb on and off for the user? What code runs this effect?

Create a NEW JAVASCRIPT Examples web page in your Practice Folder & Connect the following 

If you finish ahead of the class,

  1. PRACTICE READING NEW SCRIPTS → Begin your JavaScript Analog Clock →
    We will first script the clock and THEN extract the code to place into our “ref” folder thus creating a dependent file. The only part we will build then on the new script page will be the canvas to place the clock on. Change all colors, the size of the clock, the numbering system
  2. Search up how to include an icon in your browser tab that will include your initials
  3. Start working through the JavaScript Exercises

Friday, November 15, 2019 REBEL DAY FUN FRIDAY!!!


Wednesday, December 19, 2018 FINALS MAKEUP DAY



Monday, January 7, 2019

Brochure → Who would be good in Computer Science?

Wednesday, January 30, 2019


Thursday, January 31, 2019 BEGIN GAME DESIGN UNIT?

20190131: Begin your Construct 2 game. Download. In one paragraph, describe what you were able to create today. In detail, list aspects of the stage, sprites, functions, timing, etc.

Create a game in Construct 2 or 3, Alice 3, HTML 5, www.playcanvas.com, https://code.tutsplus.com/articles/learn-html5-with-this-simple-avoider-game-tutorial--active-9653

Friday, February 01, 2019 BLACK HISTORY MONTH BEGINS!!

20190201: FACT: Computer Science Diversity is important b/c it helps companies find solutions to problems. Diversity brings MANY solutions & error corrections more quickly. The CS Industry thrives on advancement; it cannot innovate if all the people working in it think the same. February is Black History Month. List and describe one Black American who has contributed to Computer Science as a Startup, Programmer or Inventor, or IT. What is their name? What did they do and how has it improved Technology today? Be prepared to share with the class

Thursday, April 11, 2019 -- 20-Year Anniversary

April 20, 2018 Day of Service Volunteering Opportunities

  1. 10-3 Cafe 180 meets at 3315 S Broadway; Englewood, CO 80113 - See Mr Garkow - Students will help to prepare meals for homeless visitors
  2. Catholic Charities meets at Columbine to make lunches and a few will take the meals on Sat - See Ms Van Norstrand
  3.  in the main office - sign up sheet not public, this is a girl’s lacrosse team project GLAX to make 300 sack lunches for women’s shelter.  Lunches to be made in FACS room at CHS.  GLAX board to provide all materials.  Lunches will be delivered to shelter following  morning (4/21) by 5:30am.
  4. 9:30-1:30 Chatfield State Park meets at Chatfield State Park - See Aimee McElroy - variety of projects to help Chatfield State park. Bring a lunch
  5. 8:30-noon Clement Park Clean Up meets at CHS - See Leslie Layman Arch -
  6. 8:30-2:45 Columbine Hills Elementary - See Ms Saout - front entrance and grounds beatification
  7. 8-2:30 Columbine HS Beautification - See Ms Levin or Ms Kling - painting and other projects. Letvin will recruit the painters.  If there are other projects, we will need a leader.  Tamra mentioned grounds cleanup and beautification, window washing, gym & auditorium cleanup.
  8. 7:30-9:30 Denver Rescue Mission - See Mr Moore or Mr Woodruff - Alex has a contact through his parents and church with the Denver Recue Mission.  Volunteers need to be at least 10.  Meet at CHS and drive in a few vehicles.
  9. 9-1 Dutch Creek Elementary (Outside) meets at Dutch Creek Elementary - See Ms Doucett - Re-work the 2 front planters. Weeding, planting plants, planting bulbs, and adding new bark.
  10. 10 AM Dutch Creek Elementary (Reading) meets at Dutch Creek Elementary - See Deb Eurick - work with students...they love the reading idea w/ kind. & 1st graders
  11. 9-noon Family Tree Art Project meets at CHS - See Ms Berve - Students with artistic flair are needed to create a family tree mural at CHS
  12. Gardens at Columbine Memory Care meets at 5130 W Ken Caryl Ave, Littleton, CO 80128 - See Ms Testa - sit w/ residents, play cards/games
  13. Girls Softball Dave Sanders & Jody Reeves field clean up - See Jim Santaniello - Cleaning up the fields
  14. 9-3 Governor's Ranch Elementary meets at GRE Art room - See Mr Varney - Contact at GRE-art teacher Kate Wheeler - helping hang art might be on ladders and working with tools
  15. 8-noon Jefferson County Open Space Black Bear Trail Building meets at Hildebrand Ranch - See Ms Thomas - TBD - Mountain Biking team participants mostly, but CHS students are welcome,8am-12 noon; Juli Thomas included a waiver in the “Waivers” folder; Transportation waiver needed; Park at Hildebrand Ranch
  16. 9-11:30 and 1:30-3:30 Leawood Helping in a Few Classes - See Ms Rodak in the am session - helping in classes - Check in at the office and Cathy will explain where to go.
  17. Leawood Science Fair - See Ms Rodak - Kelly & Coe will get kids signed up thru their classes--NO SIGN UP SHEET to bring to rest of student body
  18. 8:40-10:30 Normandy Elementary - Reading in Kindergarten Class meets at Normandy Elementary - See Ms Patterson - 3 Classrooms, 10 CHS students per room. one teacher’s name @ Normandy is Erin McCulley
  19. Rescue Dog Foundation Platte Canyon - See Sharon Gardner - collecting donations throughout the month and Sharon will take the items to the shelter on the 20th.
  20. 9-11 Ronald McDonald House - See Suzie Garramone - Writing get well cards.  Students can bring their own art supplies & need to provide their own transportation
  21. Morning Service Project at Ken Caryl Middle School meets at KCMS - See Mr Hargis - Painting the temps behind the school.
  22. 9-noon Shilo House meets at CHS with JV Cheerleading - See Mr Tonelli -
  23. Shifts all day Spanish Mini Lessons meets at KCMS & an elementary school in district - See Ms Cook - Shannon is taking kids to teach mini Spanish lessons...they can either be in a Spanish class or currently speak Spanish somewhat fluently
  24. 8 or 9-2 Spring Cleanup for Elderly Neighbors in Our Community (Leawood) - See Ms Gallagher - Will be helping seniors with yard work, raking, weeding, trimming in the Leawood community.  Students can sign up for 2 hour shifts and can continue if they choose.
  25. 8:30-12:30 Staunton State Park meets at Staunton State Park - See Ms Zichterman - weeding and trail maintenance, participants should bring gloves work time TBD; Waiver needed - will supply
  26. 9-1 Stepping Stone Support Center meets at 9700 Old Coal Mine Ave, Littleton, CO 80123 - See Ms Holland - 4 for product team (making products including candles, lotion, and lip balms); 4 for the Coffee Shop (making drinks for patrons of the food bank); 3 for the Culinary team (making lunch for all participants, staff and volunteers); 4 for the Food Bank (running the food bank and fulfilling patrons orders)        **Lunch Provided for volunteers**
  27. Tennessen Center - See Brian Todd & Girls Soccer - The varsity Soccer team will be helping at the Tennessen Center.  The JV team will be doing something and Brian is not sure about the Level 3 team.
  28. Treasure Trunk Thrift Store meets at 5892 W. 44th Ave Wheat Ridge 303-421-9205 - See  - This is a division of Family Tree which helps abused women and their children- volunteers will be helping at their thrift store.  Family Tree helps women in abusive relationships.
  29. 9:30-11:30 Willowbrook Senior Center meets at Willowbrook Memory care 5275 S Kipling Pkwy, Littleton, CO 80127 (303) 945-3065 - See Allie Grush - stepping stones and garden beautification

Friday, April 27, 2018  Day Without Hate  ??

Thursday, May 23, 2019 MAKEUP FINALS

YOU MUST CONTACT YOUR TEACHER TO SCHEDULE A MAKEUP, if you happen to miss your Final. Use Remind or hansensclasses@gmail.com email.

Code Qwest Registration opens on January 29th. Students should probably sign up right away.  Competition is on April 21st. Teams are 2-3 students plus one coach. Rules are here: https://www.lockheedmartin.com/us/who-we-are/community/codequest/code-quest-official-rules.html.


www.github.com | www.atom.io | www.emmet.io | www.brackets.io |

Java Quick Reference Sheet

Computer Science A Test Prep 





PRACTICE QUESTION → Which of the following is a true statement about program documentation? Why?

What are your thoughts about Encryption? Do you think it works or do you think any code can be cracked? Then, read the NY Times article on how to protect your laptop if it gets stolen. Then answer the following:

The One Thing That Protects a Laptop After It’s Been Stolen
MARCH 13, 2018

When your laptop is lost or stolen, you aren’t just out $800 (or more). Your personal information is also accessible to whoever takes it, even if you have a password.

“Unfortunately, a typical password-protected user account does nothing to protect your data,” says Dennis Stewart, a security engineer at CipherTechs. “While the password will prevent someone else from logging into your computer, an attacker can still use other methods to copy files off.” If thieves remove the hard drive and put it into another computer, they have access to any files you have stored on it. In some cases, they can even reset the password on your PC and gain access to your email, passwords and other personal information.

Thankfully, you can protect your data against both of these types of attacks with encryption. “Encryption is a mathematical process used to jumble up data. If important files or whole devices are encrypted, there is no way to make sense of them without the key,” Mr. Stewart said. That means if thieves try to access your information, they’ll find only a jumbled mess unless they have your password, and they won’t be able to simply reset that password if the device is encrypted.

Encrypting your hard drive isn’t some super-technical process that only security experts can perform, either — anyone can do it on his or her computer at home, and it should take only a few minutes to get up and running.

How to Encrypt Your Hard Drive

If you have a Windows laptop, you have a few options. Some Windows 10 devices come with encryption turned on by default, and you can check this by going to Settings > System > About and scrolling down to “Device Encryption.” You’ll need to log into Windows with a Microsoft account in order for this feature to work, but if your laptop offers it, it’s an easy and free way to protect your data.

If your laptop doesn’t support Device Encryption, you can use Windows’ other built-in encryption tool: BitLocker. BitLocker is available only on Professional versions of Windows and above (a $99 upgrade for Home edition users), but it’s incredibly easy to set up. Just head to Windows’ Control Panel > System and Security > Manage BitLocker. Select your operating system drive and click the “Turn On BitLocker” button, following the prompts to create a password that will function as your encryption key. Be sure to store your BitLocker key in a safe place — somewhere not on that computer — in case something goes wrong!

If neither of those is an option, a free program called VeraCrypt can encrypt your entire hard drive, requiring your password when you boot your computer. It’s not quite as simple, straightforward and built-in as Windows’ Device Encryption and BitLocker, but if it’s your only option, it’s worth looking into.

Mac laptops are much more straightforward: All modern Macs (since about 2003) have a feature called FileVault that encrypts your entire system drive. Just open your Mac’s System Preferences, head to Security & Privacy and select the FileVault tab. Click the “Turn On FileVault” button to create a password and begin the encryption process. Store your key in a safe place (not on that computer) in case you ever get locked out.

Thankfully, modern iPhones and Android phones will automatically encrypt your data as long as you use a PIN or password, so you need to worry about enabling the feature only on your desktop and laptop computers. If you have an Android phone with an SD card, however, you can enable encryption for the SD card manually from the Lock Screen and Security settings.

Don’t Forget Your Password

There is one catch to encryption: Your password is much, much more important to remember. Data may be protected from intruders, but it’s also impossible for you to access should you forget your password or recovery key. “If a user forgets or loses their key, they’re out of luck,” says Mr. Stewart. “If a bad actor can’t get at your data without the key, you can’t, either.” Some businesses may grant IT departments a master key, but not all do, and this can’t be done retroactively.

So if you’re the type of person who forgets passwords often, it’s incredibly important you write it down — along with the recovery key you were given when you performed the above steps — and keep it in a safe place. Don’t keep it on the computer you encrypted and don’t keep it out in plain sight — put it in a physical safe that only you can access. And no matter what, always keep a good backup of your data, either on another hard drive (which you should also encrypt) or with a cloud service like Backblaze that keeps your data secure.

Whitson Gordon is a writer and editor in San Diego. Follow him on Twitter: @whitsongordon

What are your thoughts about Encryption? Do you think it works or do you think any code can be cracked? Then,


A. void setup () → sets up and tells the computer to read the code

        B. void loop () → tells the computer to keep running the loop until you tell it to stop (operating your LEDs)

Khan Academy : Drawing in Java


REPL.it → https://repl.it/@GamingTimelord19/game




Benefits of functions -- Possible responses:

Functions are examples of Abstraction -- Possible responses:

Additional Topics List:

Online Accounts

Remind Code:

Text a message to 81010
Use the
CODE below

For Animation, text @chsanimat

For Multimedia text @hansenmult

For Graphic Design, text @hansengfx

For Web Design text @hansenweb

For Computer Science, text @hansencs

For AP CSP, text @hansenapcs

For Graphic Design, text @hansengfx

For Digital Photo text @hansenfoto

For Digital Music Club text @digimusic

CODE.org Class Accounts
Unit 2 - Web Development:

Per 5 → use code DHWTTQ 

Per 7 → use code TYFXCV

Units 1-2 - Web Development:

Per 5

Per 7

Code Combat Class Accounts:

Javascript vs Python??
Per 5 →
click code StopSleepRun

Per 7 → click code SideHidePaint