Logo

Mastering CS with Web Development

Course Description

In this course, students embark on a comprehensive journey into computer science and full-stack web development. The curriculum empowers learners to build professional-grade applications, such as a Carbon Footprint Calculator and an interactive game, using HTML, CSS, JavaScript, and Bootstrap. Beyond coding, students gain critical industry skills by applying the Agile Software Development Life Cycle (SDLC), utilizing Git for version control, and exploring database integration. Additionally, the course covers vital theoretical concepts, including cybersecurity, computing systems, and the ethical impacts of technology, preparing students for future digital innovation.

Course Learning Goals
  • Develop interactive and responsive web interfaces using HTML, CSS, and JavaScript.

  • Apply Agile methodologies and the Scrum framework to manage software development projects effectively.

  • Utilize version control systems like Git and GitHub for collaborative coding and project management.

  • Build dynamic web applications that integrate database queries and external APIs for data visualization.

  • Design user-friendly interfaces using wireframing tools and responsive frameworks like Bootstrap.

  • Analyze the functions of computing hardware, operating systems, and network protocols.

  • Implement cybersecurity best practices to identify threats and secure software applications.

  • Evaluate the ethical, legal, and social implications of computational innovations and the digital divide.

Lessons by Units
Game Interface
  • Web Interface for Game

  • Styling the Game Page

Game Logic and Animations
  • Setting the Game Elements

  • Core Logic of the Game

  • Game Enhancements

  • Animations

Software Development Cycle
  • Requirements, Analysis, and Design

  • Version Control and Project Management

  • GIT Workflows

  • Bootstrap your Project

Launch the Web App
  • Advanced JavaScript Concepts

  • Web Application Functionalities

  • Testing and Deployment

Agile Development
  • Agile SDLC Model

  • Bootstrap the Home Page

  • Develop the Form Page UI

  • Develop the Form Page Logic

API in Javascript
  • Carbon Footprint Calculation

  • Graphical Analysis in Form Page

Computing Systems and Cybersecurity
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Impact of Computing
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Game Interface
  • Web Interface for Game

  • Styling the Game Page

Game Logic and Animations
  • Setting the Game Elements

  • Core Logic of the Game

  • Game Enhancements

  • Animations

Software Development Cycle
  • Requirements, Analysis, and Design

  • Version Control and Project Management

  • GIT Workflows

  • Bootstrap your Project

Launch the Web App
  • Advanced JavaScript Concepts

  • Web Application Functionalities

  • Testing and Deployment

Agile Development
  • Agile SDLC Model

  • Bootstrap the Home Page

  • Develop the Form Page UI

  • Develop the Form Page Logic

API in Javascript
  • Carbon Footprint Calculation

  • Graphical Analysis in Form Page

Computing Systems and Cybersecurity
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Impact of Computing
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Game Interface
  • Web Interface for Game

  • Styling the Game Page

Game Logic and Animations
  • Setting the Game Elements

  • Core Logic of the Game

  • Game Enhancements

  • Animations

Software Development Cycle
  • Requirements, Analysis, and Design

  • Version Control and Project Management

  • GIT Workflows

  • Bootstrap your Project

Launch the Web App
  • Advanced JavaScript Concepts

  • Web Application Functionalities

  • Testing and Deployment

Agile Development
  • Agile SDLC Model

  • Bootstrap the Home Page

  • Develop the Form Page UI

  • Develop the Form Page Logic

API in Javascript
  • Carbon Footprint Calculation

  • Graphical Analysis in Form Page

Computing Systems and Cybersecurity
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Impact of Computing
  • Computational Innovations and Their Impact

  • The Digital Divide

  • Laws and Regulations on Software

  • Computational Artifacts

  • Computational Innovations and Their Impacts

Course Information

Feature

Grade Level:

High School

Feature

Grade Level:

High School

Feature

Grade Level:

High School

BookMark

Unit:

8

BookMark

Unit:

8

BookMark

Unit:

8

BookMark

Lessons:

28

BookMark

Lessons:

28

BookMark

Lessons:

28

Watch

Contact Hours:

76 Hours

Watch

Contact Hours:

76 Hours

Watch

Contact Hours:

76 Hours

Watch

ISBN:

978-1-68495-246-5

Watch

ISBN:

978-1-68495-246-5

Watch

ISBN:

978-1-68495-246-5

Watch

Course ID:

TCR101

Watch

Course ID:

TCR101

Watch

Course ID:

TCR101

Book
Tools and Programming Languages:

"HTML, CSS, JavaScript, Bootstrap, Git, GitHub, SQL, Penpot, APIs

Book
Tools and Programming Languages:

"HTML, CSS, JavaScript, Bootstrap, Git, GitHub, SQL, Penpot, APIs

Book
Tools and Programming Languages:

"HTML, CSS, JavaScript, Bootstrap, Git, GitHub, SQL, Penpot, APIs

Cap
Instructional Models:

Project-based learning, Inquiry-based learning, Direct Instructions, Gradual Release of Responsibility

Cap
Instructional Models:

Project-based learning, Inquiry-based learning, Direct Instructions, Gradual Release of Responsibility

Cap
Instructional Models:

Project-based learning, Inquiry-based learning, Direct Instructions, Gradual Release of Responsibility

Material
Supported Learning Models:

Classroom, Blended, Hybrid, Synchronous, Asynchronous

Material
Supported Learning Models:

Classroom, Blended, Hybrid, Synchronous, Asynchronous

Material
Supported Learning Models:

Classroom, Blended, Hybrid, Synchronous, Asynchronous