Web Explorations

Web For Business - Bundle 3 CSSThe Web For Business Course - Students learn programming skills while developing their own resumé website. This bundle includes learning/assessment activities teaching students how to style their web pages using CSS (Cascading Style Sheets).The bundle includes:Five interactive tutorials2 quiz banks (74 questions)3 Classroom Labs with PowerPoint and code.Specifications for Project: CSSClass support documents (syllabus, assignment map, course requirements)Learning Ob

Web For Business - Bundle 2 - HTMLPart of the Web For Business Course - Students learn programming skills while developing their own resumé website. This bundle includes learning/assessment activities teaching the essential HTML code common to all web pages.This bundle includes:Five interactive tutorialsQuiz banks (95 questions)PowerPoint demonstration for your classroomSpecifications for Project: HTMLClass support documents (syllabus, assignment map, course requirements. The b

Here are the first 7 modules of the JavaScript Rocks course along with quiz questions for each bundled together for a substantial discount. These modules introduce creating web pages (HTML) as well as introducing basic programming concepts using JavaScript. Each tutorial is interactive. The students learn as they type in the simple code examples. Each tutorial includes a quiz test bank of true/false and multiple choice questions that you can use for assessment. The student is able to write code

JavaScript Punctuation(This is an updated version of Secrets of the Curly Brace Languages.) At first glance, computer languages look strange. Using normal English characters in odd ways, it seems almost impossible to decipher them. This tutorial will help students decipher the punctuation that only programmers know about. They will be able to read most modern computer languages including Java, JavaScript, C, C++, C#, PHP, Pascal, Algol, AWK, and Perl. The module explains, with code examples ho

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

Tutorial: CSS Flexbox Menu is an interactive lab that shows the student how to use CSS Flexbox building a simple menu system. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO Lesson Objectives:Use CSS Flexbox, unordered lists, and hyperlinks to create a menu system.Utilize CSS Flexbox to control the flow of elements inside a block.Use flex-wrap to control how items wrap with various screen widths.Use

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

This tutorial engages the student in learning how to create and use variables in computer languages.Use this learning activity in your web development and Intro to Programming courses.Although JavaScript is used, the concepts taught apply to all popular programming languages. View the interactive preview here.The lesson is designed for beginning programming students and does not require a strong math background. Learning Objectives: -- Give examples of every day objects that are used like varia

This tutorial will have your students creating web pages in just a few minutes. Updated November 2021 View the live demoStudents will discover the secret character that every browser looks for. They will create an HTML file using special tags using a text editor and a browser to view the page. By the end of this Learning Activity, the student will have a template that he or she can use to quickly create new web pages in the future. Knowing how to build a web page students will be interested in l

Programming Secrets - Updated November 2021 This module will introduce students to common concepts that are common to all programming languages. Computers are exact and very picky. Spelling and punctuation matter.Write using comments in your native language.Programmers use variables.Languages use blocks of code -- functions/methods/subroutinesLanguages have pre-written code - APILanguages use decision words - if/else, switch, for loops, and while loopsLanguages use data structures - ie arraysThe

The JavaScript 10 (Updated November 2021) 10 things students need to know to get JavaScript to behave. This interactive tutorial highlights ten syntax rules that are critical for writing JavaScript.This can be used as a face-to-face lab or as a learning activity done online. View the interactive demo here.On completion of these learning activities the student should be able to:Describe the difference between human thought patterns and programming.Explain why HTML code needs to be validated for J

The JavaScript Date Object (Distance Learning) Using the built-in functions that come with JavaScript The JavaScript Date Object has several built-in functions that allow a programmer to get and change the date and time. This is useful for calendars, appointment software, or anytime the user needs to know a date or time. Learning ObjectivesGet the current date and time from the user's system.Set the date and timeDisplay the date in different formatsUtilize a switch statement to add the appropria

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

Tutorial: Introduction to CSS allows the student to experiment with the essential concepts that make up Cascading Style Sheet code. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES: This tutorial covers the following objectives: - Use CSS to format standard HTML elements. - Establish a color scheme for a web site. - Control the background color of specific elements. - Control th

Tutorial: External CSS is an coding lab that allows the student to discover the relationship between the three layers of CSS coding. This tutorial is excellent for an in-class lab. It can also be used as an online, self-paced, learning activity. PREVIEW THE INTERACTIVE DEMO OBJECTIVES: This tutorial covers the following objectives: -- Include CSS using an external style sheet, embedded code, and inline code. -- Demonstrate use of external, embedded, and inline CSS styles. -- Describe th

This tutorial teaches why it is important to validate HTML code and gives the student hands-on experience validating and fixing several different types of HTML errors. PREVIEW THE DEMO Learning Objectives covered with this tutorial: 1) Describe what the W3C is and why it is so important. 2) List four terms used to describe the various parts of the HTML language. [element, tag, attribute, content] 3) Utilize a validation tool ensuring that your HTML code meets the HTML 5 standards. [Th