California Software and Systems Development I
- Level High School
- Contact Hours 160
- Timeframe Year
The California Software and Systems Development I course helps prepare students for careers in software development by building skills in HTML, CSS, and JavaScript. Through hands-on projects, students learn to create professional, user-friendly websites, apply industry tools and practices, and follow the software development life cycle.
To view the entire syllabus, click here or click to explore the full course.
MODULES - 20
Students are provided with a high-level introduction to the Internet and how it functions, investigate how the Internet has impacted society over time and set course goals for themselves.
Students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.
Students learn the language CSS and use it to style their web pages. Students learn about the benefits of styling with CSS and will use CSS to create several styled web pages of their own.
This module dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced websites.
Students build their own websites about themselves. This site will be accessible on their own custom domain and will be continually improved by the student as they continue on in the course. It will serve as a running portfolio of each creative project they create in the course.
Students learn the basics of JavaScript including variables, user input, mathematics, and functions.
Students are introduced to jQuery, a JavaScript library that makes webpage interaction easier. Students will learn the basic syntax of jQuery, how to incorporate it in their webpages, and useful methods that help animate and change the responsiveness of their websites.
Students learn about the script tag, and how it can be used to write JavaScript code in their HTML files. Students will also be introduced to useful JavaScript methods that can be used to alter the state of the CSS and HTML of a webpage, as well as how the Document Object Model supports the ability to make such changes.
Students explore how to store web files, secure a domain name, and maintain a website. The majority of the lessons will be explanatory - students will not be expected to host and maintain a webpage off CodeHS, but will be given the tools needed to do so if they desire.
This module introduces students to Bootstrap, an HTML and CSS framework for developing responsive, professional websites. Students use Bootstrap to develop several professional, mobile responsive websites.
In this project, students work in teams to create a professional, responsive website using Bootstrap.
This module introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.
Students are tasked with creating a website of their own choosing. The website will have to follow specific criteria - certain number of pages, responsiveness, and include e-commerce features. Students go through a feedback process, and learn about making their websites more accessible to a wide array of users.
This unit explores the structure and design of the internet, and how this design affects the reliability of network communication, the security of data, and personal privacy.
In this short project unit students will research a specific principle of user interface design, find examples of this principle being used in the real world, and develop their own website that employs this design principle.
In this project, students will build a web page that lets users choose between two different themes - a light and dark theme - or choose to apply their system theme preference. JavaScript code has been provided, and students will use HTML and CSS to create their page and themes. <br/> ## Your Task <br/> ### Buttons Include 3 buttons at the top of your web page, in a `<header>` tag, that lets your website visitors switch between light theme, dark theme, or their system theme preference. Be sure to label each button and include an appropriate HTML tag id on each `<button>` tag. <br/> For example, your light theme button might start with this tag: `<button id="light">` Use the ids "light", "dark", and "system" in order for the included JavaScript code to trigger when each button is pressed by the user. <br/> ### Theme Styles Use the *light.css* stylesheet file to include all your style rules for the light theme appearance of your website. Use the *dark.css* stylesheet file to include all your styles rules for your website's dark theme. <br/> Set up style rules for your buttons, paragraph text, headings, background colors, and anything else on your web page that you want to change between light and dark themes. The JavaScript file will load the appropriate stylesheet based on the user's button selection. If the user chooses their system's theme preference, the JavaScript included at the top of your HTML document will apply it to your web page.
Students prepare for the CodeHS Web Design Level 1 Certification by taking practice quizzes and reviewing content from the Introduction to Web Design course.
This unit is meant to provide students a refresher on topics in JavaScript they have covered in previous courses. It's recommended that students go through the materials before beginning the Web Development Capstone.
Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.
Learn MoreDidn't find what you were looking for? Here are a few links that might be useful to you.
