Computer Programming 11 - Sem 1

Welcome to the Course Programming 11

Instructor: T Linburg

Email contact info: telinburg@sd43.bc.ca

Gleneagle Blog site - core comp.

In this class we will be learning a range of programming languages, make computer games and create your own programs using the skills you learn in the class. In addition, we will be honing our technical problem solving skills and delving into various fields of computer and data science. The intention of this course is to provide a well rounded introduction to programming and the various topics that surround this. We will work mainly on our own but there will be many opportunities for both collaboration and connection with peers. Great programmers are as comfortable working and managing a team as they are as sole practitioners. It is key that you learn while having fun at the same time!

In Computer Programming 11 we cover the following: 

• Web Development - HTML / CSS / JavaScript 'snippets' and application

• Computational Thinking / coding problem solving strategies / large project management skills (how to deal with 'setbacks') and roadblocks?

• Java - Intoduction to 'classic programming' - collection of 'mini apps' 

• Python - how to write projects and create video games using Python coding structures and a GUi

Drop Box - Programming 11 - Block 1 (spreadsheet only)

If you can't make up links for the spreadsheet, then create a folder with your full name on it and drag and drop all your files into this ONE folder only!

Create a one Drive share link - create an 'on line' spreadsheet for sharing course assignments 

Create and Share links in ONE drive - A 'how to' guide

Example - T Linburg - (using Google Sheets - but you could use your Microsoft version of Excel) 

T Linburg - grade and assessment link spreadsheet (adjust the share permissions to allow Mr. Linburg to edit) 

Instructions: 

• Download an excel version 

• Rename the file "Last Name / First Name" - Course - Block  

• Change permissions to allow Mr. LInburg access - so search 'tel...' - give me EDIT permissions

• Drop this spreadsheet into the hand in box and then add in One Drive Share links as you complete course assignments. 

• It is YOUR responsibility to keep this spreadsheet updated as you complete assignments 

How to access your course assignment "assessment / marks / feedback - through the My Ed BC Portal. 

1. Open your computer and open an internet explorer (Google Chrome, FireFox, Microsoft Edge, Opera etc)

2. Type into the Uniform Resource Locator the website address: https://myeducation.gov.bc.ca/aspen/logon.do

3. On the page, log into your myed bc account using the account and password the school proved you. If you have forgotten your password, go to the school office to obtain a password recovery.

4. When you log onto your myed bc page, you will be able to locate your report card via a PDF file named Learning Update on the bottom right of your page.

5. Click on the top most file to get your latest report card. (If your computer is slow, it might take up to 10 seconds to download the file, so don’t panic and close the window)

6. Go to your downloads folder, (Ctrl + J on chrome) and click on the PDF file you just downloaded to view your report card.

Module # 5 - Introduction to Java - Java in-depth intro... 

Part I - Key definitions in JAVA - What is Java? 

Please take a look at the video link below and report out on some of the key terms in Java programming. Many of these concepts generalize to all programming languages. For example, encapsulation (data security) is an essential feature of any app, no matter which language it might be written in. 

Key Java Terms mentioned in the ("Java - How it works") video (note: there may be details on here that may be too advanced for some, so focus mainly completing and locating the definitions) but the video is, in my view, excellent at elaborating on Java concepts! 

Here is a good summary  that I thought explained much of this well! :) 

You may use any platform of your choice:  a Prezi  -/ PowerPoint MS Word OR even Visme -  you choose the platform you like the most. Feel free to add in images or other enhancements to make your presentation more effective. 

What is Java? Introduction video

Part A - Computer Science definition Jeopardy 'self test' 

Create a game of 'definition' jeopardy - 

Create an account and then load in your question and responses....

How are Jeopardy questions written you might ask...

try one of these 'tests' to see a live sample! 

Instructions

On one page, write out the following terms and find a suitable definition of each one. Where possible, read and then write your OWN one or two line description explaining each one. When done, you will sort your definitions into groups and make up a question for each in a 'jeopardy' format. The format is 'flipped' from a traditional question... so an example might be...

What is it called when data is separated from the rest for security purposes....

'Bob...the answer for $ 100 is Encapsulation. 

You can customize the 'game board' to fit the number of questions and answers (20 key terms in total). 

In Jeopardy, you create a 'category name' which means you should sort the terms below into groups

Assembly language - Key Terms mentioned in the video / links

1. Machine code 

2. Java Compiler 

3. Abstraction 

4. Encapsulation 

5. What is OOP’s (Object oriented programming) 

6. Bytecode 

7. Java Virtual Machine 

8. Object files 

9. Inheritance 

10. Class files 

11. RAM 

12. Execution engine

13. Polymorphism 

14. O.S. Calls 

15. Strings

16. Function 

17. Boolean 

18. Double

19. Private versus Public Class

20.  Loop

Resource guides 

Java Keywords / Another good discussion of the essentials

Part II - How to set up a Project / Main class / File - for Java programming work - IMPORTANT Sotware practice exercise - please be sure you can do this!

(Do not Submit - intro only) 

Please create your first program that will output 'Hello World' . Follow the tutorial below to learn how to set up folders and a main class! 

Introduction 

• What is a 'main class' and how does it work 

• Java programming concepts explained (pertains to most coding language structures) 

Create a basic text based Java App - Hello World (remember how to set up classes etc). 

• Hello world (more up to date instructions) for Netbeans Apache 2.4.63 

• Hello World - Instruction Set for Visual Studio / Second Instruction set (starts with installation of the JDK and the extension pack)

• An excellent introduction to Java - 'learn to code in 15 minutes' - outlines many concepts in our Java unit....'coding with John'....(although we're not coding in Eclipse)

Part III - Writing Java programs (Download textbook  from the Link below!) - Note:  exercises start on page 17! 

Now that you have completed this, you will turn to creating a portfolio of introductory text based executable programs using the same input format as the first demo (Hello world).

PDF attachment "Learn Java the Hard Way.pdf"  (Our unit TEXTBOOK - download a copy from the share link)

A) Please complete the first TEN programs from this textbook. Please write the programs using the Net-beans IDE (as you did in Part I with the 'Hello World' activity). 

B) Please do ALL the study drills for the (*'d) exercises at the end of each lesson.

Intro to Java exercises ( from "Learn Java the Hardway" ) - PDF textbook - see bottom attachment section to download it. We will be using this resource for the unit. 

NOTE: Please DO NOT COPY AND PASTE ANY EXERCISES 

Please submit the edited drills only (with the study drill info on it) - each should be on its own separate file.

(*) - symbol - means do the study drill(s) for this exercise only

# 1 An Important message 

# 2 More Printing 

# 3 Printing Choices (*)

# 4 Escape Sequences and Comments (*) - ONLY the first study drill NOT the second!

# 5 Saving Information in Variables (*)

# 6 Mathematical Operations (*)

# 7 Getting Input from a Human (*)

# 8 Storing the Human's Responses (*)

# 9 Calculations with User Input (*)

#10 Variables Only (*)

Part IV - Create your FIRST Java application 

Make your own ORIGINAL java app based on at least FIVE of the previous exercises, the more quirky and original the better. 

Funny jokes ? a BMI calculator? Creative writing? the possibilities are endless, even with this basic set of skills. Good luck and have fun! 

Resources

A complete list of all Java 'operators' - helpful list / 

Part 4 B - Hosting your Website project for free! 

Yes you can get your project hosted live on the web. Please go to GIT HUB - make an account and set up a new 'public repository' . See below for the detailed instructions and steps. 

A Sample Completed project 

 hosted on GIT HUB repository! 

Host a Website with GitHub Pages (Free Hosting)

Step 1: Create a GitHub Account (if you don’t have one)

• Go to https://github.com
  
  

• Sign up and verify your email.
  
  

 Step 2: Create a New Repository

1. Click the + icon in the top right → New repository
   
   

2. Name your repository (e.g., my-website)
   
   

3. Optionally check "Add a README"
   
   

4. Click Create repository
   
   

Step 3: Add Your Website Files

You can do this in two ways:

➤ Option A: Upload files directly on GitHub

1. In your new repository, click "Add file" → "Upload files"
   
   

2. Upload your index.html (and other assets like CSS/JS/images)
   
   

3. Click Commit changes

Step 4: Enable GitHub Pages

1. Go to your repository on GitHub
   
   

2. Click Settings → then Pages (in the left sidebar)
   
   

3. Under "Source", choose:
   
   

   • Branch: main
     
     

   • Folder: / (root)
     
     

4. Click Save
   
   

GitHub will now build your site. It may take 1-2 minutes.

Step 5: Visit Your Live Website

• After setup, you’ll see the live URL at the top of the Pages settings.
  
  

• Typically, it’s:
  https://your-username.github.io/my-website/

Tips

• Make sure your main HTML file is called index.html.
  
  

• For custom domains, you can configure a CNAME file.

Module # 4 - Create a Modern Web Site Major Development Project - Due: Friday October 31st, 2025 (final submission) 

You will now have the opportunity to create and write an entire web site from the ground up. We move from skill practice to skill implementation. Happy coding and have fun! :) (project development time - approx. 3 weeks. 

Remember that being an IT developer requires not only good coding ability but also great time management skills and a sense of curiosity. After all, you will spend most of your time on what DOES NOT work rather than what DOES work. 

Please read this link FIRST before you begin. It offers some useful tips on how to manage a large project  while also focusing on what matters most. Good luck and happy coding...

Part I - Building your Web Site

 Web Site Semester Project Development Link

Module # 3 - Web Design - aesthetic features / end user features    

Due: October 3rd - Friday - We will be presenting our design talks to our peer groups!

Exploring the best in Web Site Design 

Now that we have developed some understanding of web site structure and the underlying HTML and CSS coding that creates web content, we will now turn our attention to another key aspect; design. What makes web site design stand out? How does design and site content interact in order to improve the end user experience?

What makes web site design memorable and engaging to your audience (read / respond section) 

• Excellent introduction to the discussion of design

• Key points of good design to consider

• 10 aspects of good design

• Great Web design features 2025

PowerPoint - "show and tell"

You will now be using our good friend PowerPoint to showcase the top 5 websites that you can find. Please consider your choices based on both a technical and design perspective. (*)Note: DO NOT USE ANY OF THE SITES LISTED BELOW AS YOUR 'TOP 5'. Please search on-line for your own inspiration! 

PLEASE FOCUS ON DESIGN QUALITY NOT JUST ITS UTILITY. In other words, you tube and google are very useful but they don't indcate cutting edge design. 

For each of the five finalists...

Please right click on the mouse and select "view source code" to look at how the web site was constructed. Based on your basic knowledge, offer one key insight into the coding structure (page structure, specific code function, key site feature - if possible use the "snag it tool" to screenshot the relevant section of code.

On each of the 5 slides include the following:

• A heading

• the URL of the web site (be sure it connects)

• several clearly written bullets explaining why this site is so great (please be specific and clear and refer to the design articles if possible) - vague descriptions like..."the site is colourful" is not a helpful description.

• ONE aspect of how this site is coded. For example, there is a parallax scrolling feature added to the site as inline style tag

Here are a few fascinating sites that do indeed stretch the imagination. However, these are intended for illustrative purposes only. In many cases, these sites often raise the question...is more better? 

Sites for Reference ONLY - do NOT use any of these in YOUR presentation! :) 

FeedMusic web site / The Bear and his Scar /   On the grid  /  Lordz  Make Me Pulse (story telling) /  Mr. Doob /  The boat story / Google Quick draw / Edsey Art  /  Change Gout / Noni / Gimez / Edita's casting  / Four Seasons Hydra / Braverinwilt  

Related Resources

Websites with dynamic colour schemes / CSS Zen Garden

Great Example of Parallax scrolling features  / Your scroll wheel can take you on quite an adventure !

Module # 2       Introduction to HTML and CSS coding structures (coding practice structures) 

Due: Friday September 26th

Part One - Structured HTML and CSS practice with Code Academy (# 3 )

In order to give us all a common foundational structure with HTML and CSS, we will be completing a series of practice modules using

Code Academy

Sign up for an account and then begin to work on the following:

• introductory modules of HTML  - complete all the "free" sections

• introductory chapters of CSS (Cascade Style sheets) 1 - 4 ONLY, the rest is NOT required.

When you have completed a section please "Print Screen" and then CTRL V in MS word (or use the snipping tool). At the end of the modules, submit a WORD document with the screen shots as proof that you have completed all the sections. Please include your individual account info.

Part Two - W3 for schools familiarizing yourself with a 'definitive' web design resource (do not submit - for information only)

Please do the following TWO exercises from this resource (W3schools - an essential resource you that will be VERY helpful when we code our web sites!)

• CSS syntax

• CSS navigation bar

Extra Resources and Help Guides

Getting to know CSS / HTML and CSS resources for beginners

Module # 1      Introduction to Computer Science and hardware and networks 

Due: Monday September 8th (workable link to infographic

(# 1 item on the spreadsheet) 

Assignment # 1 - Introduction to Computer Science

To get the URL to display correctly on your spreadsheet follow this Link: 

Pictochart share a presentation

How does a computer actually work; as programmers we should know? Make an Infographic (read / synthesize / report)

• Please read this introduction which is a comprehensive look at how computers work!

• Sign up for an account here:

• Infographic Maker site (account sign up required) - be sure to set your permissions to 'public view' :) 

I would strongly suggest....reading articles, reflecting and then writing your brief remarks from your mind and then fact checking after. 

(This will help you to connect with the information and share it in a way that you understand it)

Instructions:

Please summarize the following links in an infographic format. Note that we are trying to provide a mere "snapshot" of how a computer works from both the hardware and software side of things.

Discuss these four topics (starting links - find additional yourself)- No direct copying - you must cite all links you referenced in a links page at the end of your assignment

1. What is hardware and what is software? How does a software program work? execute and initialize)

2. Binary code system (how are characters translated into numerical code and how the binary system works) How Binary and Math relate (extra explanation for the Math types :) ) another link that discusses digital to binary - Binary is based on 'on and off' - which is base two - Two great videos that explain binary computing - binary # 1 , binary # 2

3. The different levels and types of programming languages / another fascinating look at programming languages and structures

4. How does a CPU work ? How does a computer store memory? What is RAM and how does it work? 

• Info graphic example ONE / infographic example TWO

Our goal is always to take the complex and make it simple and easily understood

Clear, crisp and accurate!

Criteria

Provide us with a clear summary of the concepts mentioned above. You are strongly suggested to express your own ideas on the topics (even if they are not as well written as you'd like) as copy and paste = no learning. As well, please include a few diagrams or images that would enhance your presentation. Please include at least FIVE RELEVANT graphics or diagrams that help to explain your written work! 

Resource section

How a computer works / Binary Code

Video Links

• How a CPU is created - incredible! How Microchips are put together (technical 'deep dive') 

• How a transistor works - the foundation of modern tech

• What is an Algorithm?

Assignment # 2        Introduction to Internet and the World Wide Web 

Due: Thursday - Sept. 11th  

Instructions (Entry # 2 spreadsheet) 

Please write a response to the following question?

How are the World Wide Web and the internet related and how does information from your web browser or your phone travel from one place to another? What else must be in place for the Internet to work from end to end - Please describe the step by step process (describe the hardware  and steps involved)?)

• World's first web site!

• The history of the web / How data moves across the internet (info graphic) / How do data packets work? /

• An excellent "deep dive" into how the internet works (infographic included - excellent resource!)

• Watch this video on the history of the Internet - BBC clip (4 min 44 seconds)

• look at what drives the internet today (5 min 27 sec) - a Google data centre The backbone of the modern internet! - Wow!

• How the internet works today fiber optics (43 min) - the incredible networked world

A "log" of the first Internet message ever - it was actually written as "lo"...before the system crashed!

Now We have 'Starlink' Internet Network adding connectivity to rural locations. This is the next 'internet connectivity' revolution! 

How Starlink works!  (video) / Backgrounder to the Starlink Network