This document provides an overview of the CSE 121B course at BYU-Idaho, including key principles, outcomes, and the final project website built using JavaScript.
In this course, principles learned in CSE 110 and CSE 111 are applied to solve specific problems. The course emphasizes understanding over completion, and success in this course is based on truly mastering JavaScript to solve real-world problems.
Upon successful completion of this course, students will be able to:
- Translate discipline-specific algorithms into JavaScript.
- Create JavaScript functions based on clear and well-defined descriptions.
- Set up and use the JavaScript development environment to solve problems.
- Write clean, efficient JavaScript code using proper syntax and comments.
- Find and evaluate reliable JavaScript help sources.
| Week | Topic | Details |
|---|---|---|
| Week 1 | Introduction to JavaScript | - Setting up the development environment - Basic syntax: variables, operators, and data types - Programming task |
| Week 2 | Functions and Control Structures | - Writing reusable JavaScript functions - Using loops and conditionals - Programming task |
| Week 3 | Arrays and Objects | - Manipulating data structures using JavaScript - Working with arrays and objects - Programming task |
| Week 4 | DOM Manipulation | - Connecting JavaScript with HTML - Manipulating the DOM with JavaScript - Programming task |
| Week 5 | Events and Event Listeners | - Adding interactivity with JavaScript - Programming task |
| Week 6 | Project Week | - Complete a discipline-specific project applying all learned concepts |
| Week 7 | Reflection on Information Sources | - Analyze and document guidelines for identifying reliable resources |
* Week 2 code task was not included in the website
This is a block course with the following breakdown:
- Assigned readings, quizzes, and programming tasks.
- Topics include JavaScript syntax, functions, control structures, and working with arrays, objects, and the DOM.
- Project Week: Apply JavaScript fundamentals in a discipline-specific project that demonstrates the ability to write working, effective JavaScript code.
- Reflection Week: Reflect on the quality of JavaScript help sources and create rules for identifying reliable resources.
-
Weeks 1-5:
Each week, students validate their understanding by confirming whether they have:- Completed the tasks.
- Gained a strong understanding of JavaScript syntax.
- Reviewed provided solutions for alternative problem-solving approaches.
-
Week 6:
Students confirm the completion of their project, including understanding the code they wrote and using proper JavaScript syntax. -
Week 7:
Students reflect and validate their ability to evaluate and describe the quality of JavaScript information sources.
- Developing proficiency in translating algorithms into JavaScript.
- Gaining familiarity with JavaScript syntax, best practices, and debugging techniques.
- Building interactive web applications and understanding their backend integration.
- JavaScript (ES6)
- HTML5
- CSS3
As part of the course, we developed a web application that applies JavaScript to solve a real-world problem. The project demonstrates the use of various JavaScript concepts such as DOM manipulation, functions, and control flow.
You can view the final project at the following link:
Please note this material is for educational purposes only. Redistribution or reuse is prohibited without permission.