Intro to Web Development

Material geared towards 6th - 12th graders.

Week 01 (Intro to HTML, CSS, JS)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week01/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week01/first-webpage.md
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week01/first-webpage.zip
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1OM8FK2CmHJbtK5Pwh7GBsVFdUOvHnX41/edit#slide=id.p1

Week 02 (Text Editors and File Paths)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week02/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week02/escape-room
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week02/escape-room.zip
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1mcmABWGu3jARbsIndpQPKqMxUaJXDuao/edit#slide=id.p1

Week 03 (CSS Basics and Flexbox)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week03/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week03/interactive-storybook
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week03/interactive-storybook.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/03_Interactive_storybook
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1pHOGH8zZ98nYAS_33Pw3tUjWBQNOI9In/edit?rtpof=true

Week 04 (Javascript Variables, Operators, If Statements)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week04/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week04/iffy
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week04/iffy.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/04_Iffy
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1d85M8sr-lNCzVBGL1DNtNz1NcjLH4eon/edit?usp=drive_web&ouid=111275205366914076963&rtpof=true

Week 05 (Javascript Functions)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week05/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week05/witch-brew
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week05/witch-brew.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/witch-brew
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1czNcAOi8lJtHBp6LCu2s6aKDrrsjVUTS/edit?rtpof=true

Week 06 (Data Structures: Javascript Objects and Arrays)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week06/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week06/lunchtime
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week06/lunchtime.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/06_Lunch_time
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1xD1VVNp4K8MHg7tnb7JaodRoO8pgXwWj/edit?usp=drive_web&ouid=111275205366914076963&rtpof=true

Week 07 (Document Object Model)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week07/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week07/my-pokedex
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week07/my-pokedex.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/07B_My_pokedex
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/12X5wKNUx4aumjRS6IT555Nvwqm4kIkQr/edit?usp=drive_web&ouid=111275205366914076963&rtpof=true

Week 08 (Document Object Model II)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week08/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week08/chatty-chatbot.md
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week08/chatty-chatbot.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/07_DOM_chatbot
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1q0e7k8BGadK1LYqRydwSEzO1K1pyxDa8/edit

Week 09 (Handling Events)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week09/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week09/fishtank-master
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week09/fishtank.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/09_Fishtank
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1Le-GZgDSgEKZvSPe136TN1aJqwse2xIB/edit#slide=id.p1

Week 10 (Animations, Pseudo-classes, Web Design)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week10/slides.md
• Project: https://github.com/ICSpark/intro_web_curriculum/tree/main/week10/pop-up-penguin
• Project (Zip): https://github.com/ICSpark/intro_web_curriculum/tree/main/week10/pop-up-penguin.zip
• Answer Key (ONLY MENTOR ACCESS): https://github.com/ICSpark/mentor-resources/tree/master/projects/10_Pop_up_penguin
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1ZgS-XFcUvPUyRUt12ArWeI--_1hfRo_K/edit?rtpof=true

Week 11 (Review, Other Tools)

• Notes: https://github.com/ICSpark/intro_web_curriculum/tree/main/week11/slides.md
• Project: PERSONAL FINAL PROJECT
• Slides (ONLY ICSPARK ACCESS): https://docs.google.com/presentation/d/1rWQGe74cajQ3Zgf1zaGsOTo0b5w9MedL/edit?rtpof=true

Resources

1. CodePen
2. W3Schools