Web 3


2-13-24

Objective: Students will be able to continue working in CIW. Make sure that you are completing the entire lesson before moving ahead. Do not skip around. 

https://ciw.ucertify.com












https://www.quia.com/quiz/8165166.html

2-12-24 

Objective: Students will be able to continue working in CIW. Make sure that you are completing the entire lesson prior to moving ahead. Do not skip around. 

https://ciw.ucertify.com

















2-5-24

Objective: Students will be able to realize the connection between certain software applications and programming. We will have a short discussion as a group before exiting the class.

Adobe Captivate Custom Quiz Questions Made with Shared Actions

Watch Video here.


















https://www.quia.com/quiz/8165166.html

2-5-24 

Objective: Students will be able to continue working in CIW. Make sure that you are completing the entire lesson prior to moving ahead. Do not skip around. 

https://ciw.ucertify.com





1-8-24  Continued thru 1-16-24

Objective: Students will be able to customize for the Ice Cream Shop website. 

Link to starter files






















12-18  SEMESTER EXAMS START THIS WEEK

Objective: Students will be able to prepare for their semester exam by reviewing lessons 1 through 5 in CIW. Your exam will be in Quia. Make sure that you have an account and that you can log in. Your exam will have 40 questions.


JS Sem Exam 2023 v1

https://www.quia.com/quiz/8443936.html























12-4  Continued

Objective: Students will be able to prepare for their semester exam by reviewing lessons 1 through 5 in CIW. Your exam will be in Quia. Make sure that you have an account and that you can log in. Your exam will have up to 70 questions.






































11-27  Continued

Objective: Students will be able to continue working in CIW. Make sure that you are completing the entire lesson prior to moving ahead. Do not skip around. 

https://ciw.ucertify.com

















11-6 

Objective: Students will be able to brush up on their HTML5 & CSS3 skills. The HTML Form with the JavaScript is for Web 3 only...at this time.  

Link to Starter Files

https://drive.google.com/file/d/1Qe9Ku14sSrjmC842B9QMK99hS-dfKmx1/view?usp=sharing


Basics of CSS Grid:

Placing Items:

Responsive Design:

Alignment and Justification:

CSS Grid Functions:

Browser Support:


















JavaScript Lessons 1 & 2 Test 10-2023

https://www.quia.com/quiz/8424305.html

10-30 

Objective: Students will be able to continue working in CIW. Make sure that you are completing the entire lesson prior to moving ahead. Do not skip around. 

https://ciw.ucertify.com





















10-16 

Objective: Students will be able to work in CIW in preparation for the upcoming quiz tomorrow. Your quiz will be on lessons 1 & 2.

https://ciw.ucertify.com

















10-2 

Objective: Students will be able to begin working in CIW. Make sure that you are working towards completing the entire lesson. Do not skip around. 

https://ciw.ucertify.com


















https://www.quia.com/quiz/8412358.html

The test will be postponed until Monday! Keep working in Code.org 

9-11 to 9-18 

Objective: Students will be able to create web applications by following the tutorials at Code.org. You will have to create a Code.org account. CLICK HERE














9-6-23 

Objective: Students will be able to learn JavaScript by completing the tutorials located at CodeCademy.

Click Here











9-5-23

Objective: Students will be able to master creating and using JS loops.


Download File Here













8-30-23 to 8-31-23

Objective: Students will be able to modify the Football program that uses functions, if else, and loops so that it prints a final score at the end of fourth quarter


Download file here.








8-28-23

Objective: Students will be able to write a program that uses functions, if else, and loops to simulate a baseball game progressing from home plate to scoring. 


Download files here.





















8-22-23

Objective: Students will be able to explore the fundamental concepts of JavaScript functions. One of the main goals is to print the results to the screen. You can place functions in different js files.


Download lesson file

















8-21-23 

Objective: Students will be able to practice learning to write JavaScript code using the proper systax.


Take this Javascript 'Practice' Quiz just find out how much you know or don't know. This is not even remotely close to being all inclusive.

https://www.w3schools.com/js/js_quiz.asp



Next, go to the JS tutorial and start at the:

https://www.w3schools.com/js/js_syntax.asp






















https://drive.google.com/file/d/1Dt3syVZ2wrdxFV2DyD5D1-IimiSecYqC/view?usp=sharing

5-8-23 - Continued - This project is for a grade.

Objective: Students will be able to create a custom grid layout for their website by following the tutorial. Once you have your layout, create a five page website beginning with your home page. Don't forget your (header, nav, main, aside, & footer). Create the site about some fictious business that you like. 

https://www.youtube.com/watch?v=jV8B24rSN5o






















Certified Students Only - Click on the Certified Students tab to view your lesson.

4-17 

Objective: Students will be able to continue on in uCertify. Be sure to focus on your work. 


Certified students will create a scrolling background using App Lab at code.org.         https://code.org/educate/applab   














3-28 

Objective: Students will be able to continue preparing for their certification exam. I will get with you this week to assess and formulate a plan.










2-28 to 3-6 

Objective: Students will be able to prepare for their certification exam. ***Your progress will be graded on Wednesday and you will have a cert-prep evauation on Friday.*** Your goal should be 90 or higher!

Part 1 - https://www.quia.com/quiz/8338599.html

Part 2 - https://www.quia.com/quiz/8338604.html

Cert Prep PDFs






















2-21-23 

Objective: Students will be able to learn JavaScript by Building 7 Games. The full course is presented as a video tutorial. 


Download Video Tutorial

















2-6 

Objective: Students will be able to practice for their certification exam. ***Your progress will be graded on Wednesday and you will have a cert-prep Quiz on Friday.*** Your goal should be 90 or higher!


Part 1 - https://www.quia.com/quiz/8338599.html

Part 2 - https://www.quia.com/quiz/8338604.html

Cert Prep PDFs






















1-30 

Objective: Students will be able to complete CIW and move on to the practice test for the certification exam. You will be graded on your progress this Wednesday. ***Your progress will be graded on Wednesday and you will have a cert-prep Test on Friday.*** Your goal should be 90 or higher!

Part 1 - https://www.quia.com/quiz/8338599.html

Part 2 - https://www.quia.com/quiz/8338604.html















1-23 to 1-27

Objective: Students will be able to complete CIW. You will be graded on your progress this Wednesday (Cards, Quizzes, & Knowledge Checks). ***You will have a 20-question QUIZ on Friday on lessons 9 & 10.***   

https://ciw.ucertify.com



















1-17 

Objective: Students will be able to work towards completing CIW. You will be graded on your progress this Wednesday (Cards, Quizzes, & Knowledge Checks). ***You will have a 25-question test Friday on lessons 7 & 8.***   

https://ciw.ucertify.com
















1-13-23  QUIZ 

Objective: Students will be able to complete the Web Quiz.




















1-9 to 1-13  2nd Semester 

Objective: Students will be able to complete JS excercises using Variables, Operators, Data Types, Functions, etc., at w3schools. There are a total of 63 exercises in all.


https://www.w3schools.com/js/exercise_js.asp?filename=exercise_js_variables1

























12-12 to 12-21 

Objective: Students will be able to take / prepare for their Semester Exams

https://ciw.ucertify.com





















12-5 to 12-9 

Objective: Students will be able to prepare for their Semester Exams

https://ciw.ucertify.com

Test Prep Tutorial




















11-28 to 12-2 

Objective: Students will be able to brush up on their web design skills using the code.org platform.   

Here is a join link if you need it: https://studio.code.org/join/KMKKZP

The begining lesson links are below. You may go to the next lesson when done. 

https://studio.code.org/s/csd2-2021/lessons/6/levels/1?login_required=true

https://studio.code.org/s/csd2-2021/lessons/7/levels/1?login_required=true



















11-14 

Objective: Students will be able to prepare for the retake of the test. Others should continue working in CIW/uCertify focusing on completing all unfinished lessons. 

https://ciw.ucertify.com

Test Prep Tutorial

11-7 

Objective: Students will be able to continue working in CIW/uCertify focusing on completing all unfinished lessons. You need all green dots all the way across. 

https://ciw.ucertify.com













https://ciw.ucertify.com


11-1 to 11-4

Objective: Students will be able to continue taking the practice tests in ciw.ucertify.   











10-31 

Objective: Students will be able to create a timeclock & a weather forecaster using App Lab at code.org.         https://code.org/educate/applab   

You must be logged into Code.org, then press the dropdown arrow on the top right to access app lab. You have to click on the image below to view the video tutorial.
















10-18 to 10-26 

Objective: Students will be able to continue working in CIW focusing on completing lessons 3, 4, & 5. You will be graded on 3, 4, & 5 this week (Cards, Quizzes, & Knowledge Checks). ***You will have a 40-question test next week on lessons 1 through 6.***   

https://ciw.ucertify.com















10-17

Objective: Students will be able to continue working in CIW focusing on completing all unfinished lessons. You need all green dots all the way across. 

https://ciw.ucertify.com










10-11

Objective: Students will be able to modify an image slider and add an extra slide by following the w3schools tutorial and experimenting with the code. You will have to locate or create your own photos for your slider.

https://www.w3schools.com/howto/howto_js_slideshow.asp





















10-3

Objective: Students will be able to complete Lessons 1, 2, & 3 in uCertify. Your test grade will be taken from your quiz scores in lessons 1, 2, & 3. https://ciw.ucertify.com



Objective: Students will be able to complete Lesson 1, and move on to Lesson 2. I will collect a Quiz grade from your quiz average for Lessons 1 & 2 this week. NEXT WEEK you will have a test on Lessons 1, 2, & 3.   https://ciw.ucertify.com

9-19 to 9-20  

Objective: Students will be able to Create a Database from User Input in App Lab at code.org

https://www.youtube.com/watch?v=qVId0Odb3Qo

https://studio.code.org/users/sign_in















9-16  

Objective: Students will be able to practice their Photoshop skills by following the Blending Images PS tutorial below.

https://www.youtube.com/watch?v=g3qe4rDw1XU&t=830s











9-12 through 9-16

Objective: Students witll be able to practice calling Javascript functions, and saving form data to variables.  

Download Lesson


https://www.ceos3c.com/javascript/store-user-input-in-a-variable-with-javascript/
















9-8

Objective: Students witll be able to create an external Javascript file and attach it to an html file.  


Instructions:

 1) Create a folder on your desktop call Grade-Average

 2) Open up your text editor

 3) Create your grade.html file

 4) Create your grade.js file

       5) Type your code (see below)

Next, complete the Dog Age calculator.








9-7  

Objective: Students will be able to brush up on their photoshop skills by recreating the Medical Assistant Logo using the skills learned thus far in Photoshop.


***Download files***


Step 1 - Create a document 10 X 10 inches, 300 resolution, CMYK.

Step 2 -  Lay out your design with 4 circles (Outer with stroke, inner with stroke, and the two small buttons without a stroke. Lock these layers.

Step 3 - Add the text and Arc the text using the horizontal bend (See Screenshot) - Don't use Arc Lower or Arc Upper...as it has limitations.

Step 4 - Place the Heart, the Cross, and the Medical Staff (you will have to resize these using Edit > Free Transform or CMD & T shortcut keys)

Step 5 - Double click the layer with the Medical Staff, and select a texture close to the one you see. Do the same for the two buttons.


Your logo project is now complete if you did it correctly. Remember to create new layers as you add to your logo. This will make things seem easy to you!















9-6

Objective: Students will be able to create and move a character on the screen using the keyboard by following the video tutorial. The video shows how to move right and left. See if you can move the character up and down as well.

Download Video Tutorial

















8-29

Objective: Students will be able to practice writing JavaScript using the digital worksheet. All code segments must be commented properly. This may require additional research at w3schools.


Intro to JavaScript Test

https://www.quia.com/quiz/8084883.html


File  Digital Worksheet for the lesson



https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/block  Coding Example

https://www.jslint.com  JS Debugger/Error Finder

https://developer.mozilla.org/en-US/docs/Web/JavaScript   JS Resource
















8-22-22

Objective: Students will be able to practice learning JavaScript (JS) by following the tutorial located at w3schools.



























8-12 through 8-13

Objective: Students will be able to practice writing HTML by setting up the file structure and placing the HTML file in the root folder, etc.

Learn by Doing

 

Beginning HTML 

File Structure

Learning file structure is a very important aspect of learning HTML.  This will focus on file structure.

I would like to explain how a website is structured in layman’s terms.  A website consists of a root folder that contains files with code in them (HTML, CSS,  JS, etc.) that can be linked to one another.  I will further condense this explanation to ‘Code inside of Files inside of Folders’.

We will now create a root folder for our website.  Follow the steps below exactly. 

1)  Right click (on the desktop) > New Folder

2)  Rename your folder to: Root_Folder  (FYI, you will have to double click on the name of the folder to rename it).

3)  Open TextEdit or any text file editor > Create a new file and save it as:  index.html

4)  Type the code shown below in your index.html file that you just created. 



How do I write HTML on Mac?

Create an HTML file



HTML headings are defined with the <h1> to <h6> tags:

Example

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

 

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

 

HTML Links

HTML links are defined with the <a> tag:

Example

<a href="http://www.w3schools.com">This is a link</a>




***Google how to add a header, a footer and some menu links.***


From w3schools - Example:

A header for an <article>:

<article>

  <header>

    <h1>A heading here</h1>

    <p>Posted by John Doe</p>

    <p>Some additional information here</p>

  </header>

  <p>Lorem Ipsum dolor set amet....</p>

</article>
















8-16 through 8-17

Objective: Students will be able to practice writing JavaScript using the digital worksheet. All code segments must be commented properly. This may require additional research at w3schools.


https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/block  Coding Example


File  Digital Worksheet for the lesson

https://www.jslint.com   JS Debugger/Error Finder

https://developer.mozilla.org/en-US/docs/Web/JavaScript   JS Resource