STEP 1: Toggle between 24 hour or AM/PM for event times.

Event Icons – Enable icons on the address and event time display.

Event Thumbnails – Show an image thumbnail in list view.


2017-2018 Novice Web Development Pacing Guide


  • Student - Cloud 9, Codecademy, student dashboard

  • Educator - Cloud 9 educator account, Codecademy Pro, Educator dashboard (Course Outlines, Competition Information, Videos)


***Provide sample dev project using Cloud 9

***Teacher quizzes offered to students via Typeform

***Intended for Computer Science Foundations course

We need to download the videos since schools have issues with YouTube


IT Career Cluster and Program of Study either Coding or Web Design

Novice Web Dev: Computer Science Foundations (1 credit for core & 2 focus areas; Dev Cat focus areas are “programming & software development” and “web design”)

Advanced Web Dev: Coding 1 or Web Design Foundations

Data Dev: Coding 2 or Website Development

Student Dev Team: Coding Practicum or Web Design Practicum


***** Collect student email addresses to send to theCO



1. Intro to Class (CS Foundations Standards #7)

  • Video: Computer Science is Changing Everything (6 min)
  • Video: What most school’s won’t teach? (6 min)


  • Video: What is Dev Catalyst?
    • Need video to introduce Dev Catalyst

  • Dev Catalyst Survey

    • Use the intro to class survey to gather demographic information and other stuff from the students

2. Activity: Code Studio “Artist”

Block-based coding used at universities such as Berkeley and Harvard. (CS Foundations standard #15)

Complete your function in step 10. Go to “</> Show Code” and copy the JavaScript code for the function you created. Email this code to your teacher.Title your email “Code Studio Artist”. Remember to include your name on your email.


3. Activity: Career Exploration (CS Foundations standard #7)

  1. Compose an informative table or chart that includes the following: work activities typically performed, tools and technology used, nature of work environment, and the knowledge and skills needed for success (CS Foundations standard 7)
  2. Videos: Careers in Tech (4 videos @ 2 min each)
    • Video 1
    • Video 2
    • Video 3
    • Video 4
  3. Article: The Best Jobs to Apply for in 2017

4. Career Exploration - Professional Organizations (CS Foundations standard 8)


5. Login to Codecademy and Cloud 9


6. Video: What is the Internet? (4 min) (CS Foundations standard #9)

video Block
Double-click here to add a video by URL or embed code. Learn more

7. Electronics & Basic Digital Theory (CS Foundations standard #3)

8. Collaborate: In your dev teams (CS Foundations standards #10, 11, 18)

  • Research Dev Catalyst competition requirements in your dev teams
  • Overview of Operating Systems
  • Complete Activity - WebQuest Topics of Code

9. Video: Anybody Can Learn (1 min

video Block
Double-click here to add a video by URL or embed code. Learn more

10. Keyboard Shortcuts and Cheat Sheet (HTML Elements and attributes list)  (CS Foundations standard #14) (Google Doc or composition notebook)


11. Learn HTML and CSS Part 1 (CS Foundations standard #28) (Estimated 10 hours)

  1. Lesson: HTML Fundamentals - Structure

  2. Quiz: HTML Fundamentals (codecademy)

    • Create pdf or way for students to take online and send to teacher
    • Pro Trial quiz available (multiple choice)

12. Dev Project: Create and View a Web Page on Your Computer


13. Lesson: HTML Content - Common HTML Elements


15. Activity: Accessibility and HTML (read)


16. Safety (CS Foundations standards #1 & 2)

  • Cloud 9 Dev Project: ordered and unordered lists
  • Accurately read, interpret, and demonstrate adherence to safety rules, including rules published by the (1) National Science Teachers Association (NSTA), (2) rules pertaining to electrical safety, (3) Internet safety, (4) Occupational Safety and Health Administration (OSHA) guidelines, and (5) state and national code requirements. Be able to distinguish between rules and explain why certain rules apply.
  • Identify and explain the intended use of safety equipment available in the classroom. For example, demonstrate how to properly inspect, use, and maintain safe operating procedures with tools and equipment.

17. Lesson: CSS Fundamentals - The CSS Setup

18. Lesson: CSS Fundamentals - Basic CSS Structure & Syntax

20. Cloud 9: Inline Styles in HTML (read)


21. Lesson: Styling with CSS - Colors

22. Lesson: Styling with CSS - Fonts

25. Activity: CodePen

26. Lesson: Organizing HTML & CSS - Classes, IDs & Divs

28. Cloud 9: Classes vs IDs (read)

29.Lesson: The CSS Box Model - Understanding the Box Model

30. Lesson: The CSS Box Model - Borders

31. Lesson: The CSS Box Model - Content

32. Lesson: The CSS Box Model - Changing the Box Model

34. Lesson: CSS Positioning - Layout

36. Lesson: Images - Adding Images

38. Lesson: HTML Tables - Tables

39. Video: Pair Programming (

video Block
Double-click here to add a video by URL or embed code. Learn more

40. Teamwork & Problem-Solving (CS Foundations standard #18 and 19)

  • What are you interested or design?
    • Venn Diagram (Front-end vs. Back-end Dev)
    • Interest inventory
  • Pair in groups of 2-3 students for your Dev Catalyst “dev team” (look for diversity in interests)

41. Selecting your Dev Catalyst client (CS Foundations standard #20)

  • Download and/or print your client consultation form

2. Video: Push Yourself. Anyone Can Learn (2 min

video Block
Double-click here to add a video by URL or embed code. Learn more

43. Lesson: JavaScript (Animating Your Name)

44. Create GitHub accounts and set up your dev team

45. Post course Dev Catalyst surve

46. Codecademy: Make a Website (Estimated 4 hours)


Supplemental Activities & Resources: