WEEK 1 - 2: FAMILIARIZE CLASS WITH FOLLOWING WEBSITES + DIGITAL LITERACY
- Each student has their own email account and each classroom has a master password.
- We will ensure that every student knows how to navigate to the Gmail login page, enter their password and check their mail.
- The next step is to have students join their class Hangout
- We will ensure that each student has added the Hangout, can type words into the hangout and has a general understanding of how Google Hangouts works.
Google Drive (HomeWork Script)
- For Co-Lab assignments, student will submit their work through the appropriate HomeWork Script.
- We will go over how to submit the work and the appropriate formats they will use.
- Each student will have a CodeAcademy account that is set up with a master password for easy tracking for instructors and CodeStream coaches.
- We will ensure that each student can login, can access their lesson and generally understands the basics of how CodeAcademy works.
- Each student will also have their own CodePen account, with of course, a master password that allows the instructor and CodeStream coaches access to their work.
- We will ensure that students understand how to login, how to access their Pens, how to save Pens and how to create new ones.
- Citrix will be used in conjunction with their Gmail account logins.
- In order to utilize Citrix, the students must register for their virtual training by providing their Gmail user account.
- We will ensure that each student understands how to utilize Citrix by registering for videos or live streams as well as the basics of how Citrix actually works.
- One of the resources we will use for in-class and virtual is the W3Schools try-it editor.
- We will teach the students how to use the editor
- Teach kids the proper conduct on the internet.
- Give them our “Do’s and Don’t” list for classroom behavior.
- Make sure kids know the consequences if they do not follow the proper Digital Citizenship or Classroom conduct.
WEEK 3: COMPUTER SCIENCE HISTORY OVERVIEW
This week the students will learn a bit about the history of Computer Science.
We have prepared a slideshow that goes over basics about what a computer is, what it does, how it works, functions and who the major beginning players were in Computer Science History.
A concept that is introduced in the slideshow is Binary Code, this is how the computer reads information. It’s basically a series of zeros and ones.
Instruct the students on how to solve some basic Binary Code questions to hone in the information and give them a little bit of hands on experience with machine coding.
Since Binary Code is basic exponents, the students should feel comfortable enough to computer the mathematical portion of the Binary Code.
On Friday before the students leave, send them home with Co-Lab 1 (their first homework assignment)
- The homework goes over things they should’ve picked up from the Computer Science History Slideshow.
- Make sure to send home the Comp history slideshow in printed slides for those without access.
WEEK 4 - 5: TEACH EXPOSURE QUIZ + (DEPENDING ON RESULTS, SCRATCH OR CODECADEMY) - SCRATCH
Tech Exposure Quiz | ClassMarker
- This quiz is meant to figure out the class status based upon their answers. If the students consistently fail to make a passing grade then the next step is to get them acclimated to Scratch.
Scratch Introduction (if non-satisfactory results)
- Each student will have a login and a master password for tracking.
- First lesson assigned is “Getting Started With Scratch.”
- With this lesson, the students become familiar with Scratch’s environment as well as the basics of utilizing its features.
- 2nd lesson when students have completed the first is “Make Music.”
- This lesson expands their knowledge of Scratch and has them complete a lesson that will grab their attention and allow them to be creative.
- 3rd and final lesson is “Hide and Seek Game”
- This lesson prepares them to not only write the “Scratch Code” but also to show off their work and have others interact with their “code.”
- After this lesson, the students will be ready to move on to actual code.
- The process of having them gain some confidence by utilizing Scratch first should allow for a smooth transition into HTML because of their comfortability now with having the computer perform tasks they’ve assigned.
WEEK 4 - 5: TEACH EXPOSURE QUIZ + (DEPENDING ON RESULTS, SCRATCH OR CODECADEMY) - CODECADEMY
CodeAcademy 1st lesson | HTML Basics I (Lessons 1-8)
- These beginner lessons get the students familiar with the CodeAcademy content editor, the environment and puts them straight to coding with hands-on instruction and directions.
- Lessons 1-8 covers the following:
- What HTML and CSS are and what they are used for
- It teaches the following tags: head, title, p, body
- Also teaches the heading tags: h1 - h6
- Lessons 9-14 covers the following:
- Showcase knowledge of previously learned tags, such as: h3, title, head and more.
- Teach students how to utilize hyperlinks and how to create them using the tag: a
- Teach students how to utilize and create img tags
- Then students will combine the act of img and a tags to make a linked image.
WEEK 6 - 8: CodeAcademy HTML Basics CONT
CodeAcademy “Build Your Own Webpage Lesson” (6th Week)
- This lesson takes everything they’ve learned so far with HTML Basics I and ties it into a very introductory assignment of creating their own webpage.
- Students create the webpage using the HTML frame method (header, paragraphs, images, and links)
- Students also have the option, when finished or during, to expand their webpage by utilizing google searches of skills not yet taught yet like background colors, fonts and etc.
- This lesson is a build upon lesson that allows the students to showcase their creativity and allows them to prepare for their first capstone project that is assigned later in the lesson (building your own personal or personal interest website).
CodeAcademy “HTML Basics II” Lessons 1-6 (7th week)
- In the first part of HTML Basics II, the lessons 1-6 teach the students the following:
- Start explaining how HTML can be used to create lists.
- Explain the importance of indentation when writing code.
- Explain and create ordered and unordered lists.
- Explain and teach students how to nest their lists within other lists.
CodeAcademy “HTML Basics II” Lessons 7-16 (8th week)
- In the second and final part of HTML Basics II, the lessons 7-16 teach the students the following:
- Explain what inline CSS is and why it’s used.
- Teach students how to utilize style attributes such as: Font-color, Font-Family, Text-align
- Explain and teach students about bolding and italicizing text.
WEEK 9: Review of HTML Learned for HTML Quiz 1
Prepare students for their HTML Quiz 1 by reviewing CodeAcademy concepts and lessons that have been taught.
- Review tags like: head, title, h1, img, body, a, ul, ol, etc.
- Review style attributes such as: Font-color, font-family and text-align
- Final Review assignment before HTML Quip 1 is for students to complete CodeAcademy Lesson “Social Networking Profile.”
- In the “Social Networking Profile” lesson, students learn the following:
- Students utilize the HTML skills learned so far to create a Social Networking Profile Page.
- Students focus on lists, nesting, images and their interests to create a great profile page that is uniquely them.
- This assignment, once again, allows the student’s almost complete creative license to make this lesson their own.
WEEK 10: HTML Quiz 1 Assigned
- Students take their first HTML Quiz of the class.
- The quiz covers certain HTML concepts that have been taught in previous lessons.
- By assigning this Quiz, the instructors and coaches will have a clear idea of how the students are progressing and retaining so far.
- After the students have taken the quiz, the instructor will go over the quiz, spending extra time on questions that were statistically the hardest for the class to digest.
WEEK 11: HTML Basics III | CodeAcademy Lessons 1-5
In the first section of HTML Basics III, the lessons 1-5 teach the following:
- Introduce and learn the following tags: table, div, and span
- Students will code their first table with rows and columns.
- Students then expand on their table code by coding multiple rows and columns.
WEEK 12: HTML Basics III | CodeAcademy Lessons 6-15
In the second section of HTML Basics III, the lessons 6-15 will teach the following:
- Students learn how to add style attributes to their tables (width, font-color and etc).
- Students also learn how to make a div a hyperlink.
- In the last skill learned in these lessons is to style a block of text, or paragraph, with the span tag.