Please enable JavaScript to use CodeHS

South Carolina Fundamentals of Web Page Design and Development

Description

In this lesson, students learn about the pros and cons of data collection and the different ways that data can be stored.

Objective

Students will be able to:

  • Explain the pros and cons of data collection
  • Define browser and server storage
  • Explain the pros and cons of browser storage
  • Determine if their current browser supports local storage
Description

In this lesson, students learn how to store data using localStorage.

Objective

Students will be able to:

  • Store data using localStorage and setItem
  • Retrieve data using localStorage and getItem
Description

In this lesson, students learn how to store objects and data structures in local storage using JSON.

Objective

Students will be able to:

  • Store objects and data structures in local storage using JSON.stringify
  • Retrieve objects and data structures from local storage using JSON.parse
  • Describe the use and purpose of JSON
Description

In this lesson, students will learn how to store data using objects.

Objective

Students will be able to:

  • Create a JavaScript object
  • Store and access data from a JavaScript object
  • Explain the importance of using objects
Description

In this lesson, students learn how to use forms to collect data from users.

Objective

Students will be able to:

  • Use the form tag
  • Successfully retrieve data from a form
  • Use a variety of input tags to request data from users
Description

In this lesson, students will implement the skills they’ve learned from the previous lessons to create an online survey.

Objective

Students will be able to:

  • Create an online survey
Description

In this lesson, students learn how to store and retrieve data using Firebase. Firebase is a cloud data storage system that enables programmers to save and retrieve data using only JavaScript.

Objective

Students will be able to:

  • Explain what Firebase is
  • Store and retrieve data using Firebase
Description

In this lesson, students learn how to navigate through data nodes in Firebase using ref().

Objective

Students will be able to:

  • Use ref() to navigate data nodes
  • Access data nodes using the appropriate pathway
Description

In this lesson, students will implement the skills they’ve learned from the previous lessons to create a program that tracks the number of times elements are clicked.

Objective

Students will be able to:

  • Track click events
  • Appropriately implement the Date object class
Description

In this lesson, students learn how to iterate through objects using the for/in loop.

Objective

Students will be able to:

  • Iterate through objects using for/in
  • Iterate through Firebase objects using for/in
Description

In this lesson, students learn how to request API data from a URL, and how to access that data using getJSON.

Objective

Students will be able to:

  • Explain the purpose of an API key and request one
  • Request a URL from an API database
  • Access and navigate data from a URL request using getJSON
Description

In this lesson, students will learn about web development stacks and create basic server-side programs.

Objective

Students will be able to:

  • Identify essential components of a web stack
  • Identify different web development stacks
  • Use a server-side language to create a program
Description

In this lesson, students test their knowledge of concepts from this module with a unit quiz.

Objective

Students will be able to:

  • Prove their knowledge of data collection through a multiple choice quiz