Web Explorations

Hello JavaScriptAn tutorial introducing JavaScript and using it on a web pageThis tutorial will guide the student through all the basics needed to include JavaScript on a web page.This can be used as a face-to-face lab or as a learning activity done online. On completion of these learning activities the student should be able to:- Describe the difference between Java and JavaScript. - Use the < script > element correctly on a web page. - Write a custom function to be used later on the we

JavaScript Loops, Programming often involves running the same block of code multiple times. We use loops to do this. The while loop runs until a specific condition is met. For example, showing the same quiz question until the answer is correct. The for loop runs a specific number of times. In this module, students will work with both of these. This hands-on activity has the student edit several files giving them the opportunity to see how a while loop works, as well as a for loop. Arrays are

Algorithm Alley (Distance Learning) Updated and Revised 12-28-21tested A presentation with three learning activities.Algorithms are like recipes. They allow programmers to plan a process or system, prior to coding. This module contains an interactive presentation describing algorithms and flowcharts as well as three activities you can use in the classroom. Each activity is a PDF document. 1. A Robot Sandwich - Each student writes down the steps needed to make a peanut butter sandwich. The algo

Browser Speak Three languages that your browser knows. This tutorial shows how HTML, CSS, and JavaScript all work together to display a web page. This can be used as a face-to-face lab or as a learning activity done online. On completion of these learning activities the student should be able to: - List the three languages a browser uses. - Describe HTML and how it is used to display a web page - Explain the < character and how the browser uses it to determine elements on the page. - Desc

3 JavaScript Debugging ChallengesChallenge #1 - OrderChallenge #2 - SpellingChallenge #3 - Strings and VariablesThis is an excellent assessment activity giving the student debugging experience. These three challenges incorporate the common mistakes that most beginning programmers make.This activity is based on over 10 years of helping students in the classroom, debug their programs. It highlights the most common errors that learners experience. On completion of these challenges the learner will

Loop Lab (Distance Learning) Creating a Calendar Using Loops An interactive learning moduleThe student is guided through the development process by first creating a table using HTML. The HTML is converted into JavaScript. Loops are used for repeating columns (days of the week) as well as repeating rows (weeks in a month). An if/else statement is used to check for handling more than 31 days in a month. Once the code is complete the calendar is styled using CSS. This module gives the student exper

JavaScript OperatorsStudents are already familiar with operators. They use them in math. For example, + - * and / are used to perform specific operations with numbers. Programming languages also use operators to perform basic actions. This module has the student create six web pages, exploring different ways the JavaScript operators can be used in a program. These operators are the same in all the curly brace languages including Java, JavaScript, C, C++, C#, PHP, Pascal, Algol, AWK, and Perl. Th

Debugging JavaScript - Updated November 2021 This programming activity gives the learner actual experience debugging JavaScript code. A sample file is included with the lesson. The learner discovers each error, learning as they walk through a debugging session. The activity closes with a is three most common errors that learners will encounter as well as five debugging strategies used by professional programmers. This activity is based on over 10 years of helping students in the classroom, deb

JavaScript Variable - A Hands-On Activity - Updated December 2021 This programming activity gives the learner actual experience working with JavaScript code. A starting file is included with the lesson allowing the student to immediately focus on the code concepts without having to build a web page from scratch. The final source code is included. Variables are one of the key elements used in programming. They are short-term memory for an app. This activity will have the student:Creating several

The Browser Cache - Updated November 2021 The browser uses a memory cache in order to display previously viewed pages from a local file instead of sending a new request over the web. However, this causes a problem for programmers who need to see the changes made to a web page even if the filename is the same. Using animation, this module demonstrates how a cache works. It shows the learner why they need to empty the cache in order to display the changes they made to their code. On completion of

if/else and Switch (Distance Learning)Programming languages use the if/else statement as well as the switch statement to make decisions. This module has the students writing code as they learn about the switch statement. The program starts out using an if/else statement and a situation that includes decisions that require more than an on/off approach. Completing this coding activity the student will experience:1. Collecting information using a < form > 2. The DRY Principle - (Do not Repe

This lab allows students to experiment zipping and unzipping files.PREVIEW THE DEMOLearning Objectives covered with this tutorial:1) Describe the benefits of compressing/zipping files. 2) Zip and unzip files in either Windows or on a Mac (or both). 3) Describe what an algorithm is. 4) Describe one of the techniques used to compress the data in a file. 4) Describe what happens to the original files after a zip file has been created. (Nothing. The original files are not changed, only a copy is ma