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 3 (spreadsheet only)
Drop Box - Programming 11 - Block 4 (spreadsheet 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 # 4 - Web Site Development Project
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.
hosted on GIT HUB repository!
Go to https://github.com
Sign up and verify your email.
Click the + icon in the top right → New repository
Name your repository (e.g., my-website)
Optionally check "Add a README"
Click Create repository
You can do this in two ways:
➤ Option A: Upload files directly on GitHub
In your new repository, click "Add file" → "Upload files"
Upload your index.html (and other assets like CSS/JS/images)
Click Commit changes
Go to your repository on GitHub
Click Settings → then Pages (in the left sidebar)
Under "Source", choose:
Branch: main
Folder: / (root)
Click Save
GitHub will now build your site. It may take 1-2 minutes.
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/
Make sure your main HTML file is called index.html.
For custom domains, you can configure a CNAME file.
Module # 3 - Web Design - aesthetic features / end user features
Due: Friday - this week ...we will share our insights into this important topic!
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)
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 !
Block 4 - Share your website expertise!
In this activity, you will be meeting in the following groups. Each group member will load up their website powerpoint talk onto the screen. You can go and try and open up the talk within the hand in spreadsheet drop box. Each group member shares their understanding and knowledge of great web design. When you have listening to each of the talks you should also rate yourself. If someone from your group is away or has nothing to share then note it in the form! Thanks and have fun!
Please complete the following form!
Groups:
Asal / David / Ophelia
Bobby / Liam / Thomas / Austin
IIia / Yue / Mason
Ceanna / Sayna / Simon
Porter / Toby / Winston
Koen / Lucas / Zihan
Module # 2 Introduction to HTML and CSS coding structures (coding practice structures)
Due: Friday Feb 13th. 2026
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
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!)
Extra Resources and Help Guides
Module # 1 Introduction to Computer Science and hardware and networks
Due: workable link to infographic Feb 9th - 2026
(# 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
What is hardware and what is software? How does a software program work? execute and initialize)
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
The different levels and types of programming languages / another fascinating look at programming languages and structures
How does a CPU work ? A Nvidia chip - example / or if you really want to 'Geek out' take a look at this in depth version (not required for the course though) / 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
Assignment # 2 Introduction to Internet and the World Wide Web
Due: Feb 9th - 2026
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)?)
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