Redlands Conservatory JavaScript Classes


Click any lesson below...  New videos added as we go!
Click Here for a Free Copy Of Our Class Book.
(Free software for all projects is available at the bottom of this page.)

Lesson #1:

Click Here for a VIDEO on how to set up your computer to be able to edit in JavaScript.

  Lesson #2:

 Click Here for a VIDEO showing the entire core language in only 18 minutes!

 Click Here to download (and print) the lesson #2 written reference manual.

Note: Click Here For "Cut And Paste" code for all of lesson 2!  (Saves you some typing!)

Topics Covered: Outputing to screen : Simple variables : Strings : Functions : Loops : Inputting data

Lesson #3

Click Here for a VIDEO showing web page creation tricks.

 Lesson #4

(Beginning Graphics.)

Click Here to download (and print) the lesson #4 written reference manual.

 Note: Click Here For "Cut And Paste" code for all of lesson 4!  (Saves you some typing!)

Topics Covered: Draw a circle : Add a loop : Swap Images

Lesson #5

(Beginning Graphics: Drawing lines, adding colors, delay features.

 Note: Click Here For "Cut And Paste" code for all of lesson 5!  (Saves you some typing!)

Topics Covered: Create a delay : Draw a square : Change line colors

Lesson #6

(First animation!  If then else.  More on delays.)

 Note: Click Here For "Cut And Paste" code for all of lesson 6!  (Saves you some typing!)

Topics Covered: Bouncing animated circle : Clear a graphic : If / Else flow statements

Lesson #7

 Note: Click Here For "Cut And Paste" code for all of lesson 7!  (Saves you some typing!)

Topics Covered: "for" Loop and FAST drawing of the circle project.

 

Click a Student's Name Below to see their Lesson 6 design work (more coming)!!!

Aiden    Christian    Samual   Tanner    Tate    Trey

And using the new faster "for" loop: Sanjana


 

Lesson #8

 Note: Click Here For "Cut And Paste" code for all of lesson 8!  (Saves you some typing!)

Topics Covered: "break" command...  And frame flipping soon!.

 

Lesson #9

 Note: Click Here For "Cut And Paste" code for all of lesson 9!  (Saves you some typing!)

Topics Covered: Random numbers!!!

 

Lesson #10

 WOW! Our first game!  Please click here for the instructional video.
Click Here to play (Version 1) of the game on our web page!

Note: Click Here For "Cut And Paste" code for all of lesson 10!  (Saves you some typing!)

Topics Covered: All of what we've worked on!!!

 

Lesson #11

How to secretly encode your emails!!!!

Note: Click Here For "Cut And Paste" code for all of lesson 11!  (Saves you some typing!)

Topics Covered: Unicode (ASCII) converstion,  String processing!!!

Lesson #12

How to secretly encode your emails part II!!!!

Click Here to try out THE ENCODER version 1!

Note: Click Here For "Cut And Paste" code for all of lesson 12!  (Saves you some typing!)

Topics Covered: Unicode (ASCII) converstion,  String processing, simple encryption!!!

Lesson #13

Work begins on the clicker hack!!!!

Note: Click Here For "Cut And Paste" code for all of lesson 13!  (Saves you some typing!)

Topics Covered: Import/Display HTML Pages,  Simulaed Mouse Click!!!

Lesson #14

Object Oriented Animation Example

Note: Click Here For "Cut And Paste" code for all of lesson 14!  (Saves you some typing!)

Topics Covered: Object oriented design begins!!!

Lesson #15

REVIEW!!!

Note: Click Here to download the first chapter of our new class book reviewing everything we've learned in much simpler detail!
Student handout here.

Topics Covered: All methods of printing to the screen.

Lesson #16

Arrays!  The Great True Or False Quiz!
Click Here for student made quiz pages!

Note: Click Here For "Cut And Paste" code for all of lesson 16!  (Saves you some typing!)

Topics Covered: Programming Arrays!!!

Lesson #17

REVIEW!  The next chapter of the JavaScript book we are creating n class...

Note: Click Here For the student handout.

Topics Covered: Review of simple variables!

Lesson #18

Perfecting our code program...

Note: Click Here to try an awesome new version of our email encoding program!  Now with a private key so that even the teacher can't crack your codes!
 Note: Click Here For "Cut And Paste" code for all of lesson 18!  (Saves you some typing!)

Topics Covered: Writing and reading from text boxes.

Lesson #19

ESRI JavaScript Mapping Programs...

For fun this week, let's experiment with some ready to run JavaScript code from the amazing ESRI Website.
 Note: Click Here For "Cut And Paste" code for all of lesson 19!  (Saves you some typing!)

Note:  Thanks again to Ty Fitzpatrick for the ESRI mapping JavaScript examples featured in lesson 19 cut and paste code above..

Topics Covered: JavaScript implementation examples.

Lesson #20

Beginning 3D Game Programming...

This week we'll try a new editor, and modify some working 3D code.
Make sure you are using Google Chrome, and click here to dive right in to the new ICE editor with code running!

Note:  The new "Ice" editor will allow us to view our work full screen, save our work from the browser, and even work OFFLINE without having to switch between programs!  Let me know what you think of ICE!

Click here if you need a copy of the 3D rotating sphere code.

:: Coming soon ::  Click Here for step by step analysis and 3D mods of the above

Topics Covered: The New Ice Editor!  3D spinning sphere .

Lesson #21

Beginning your 3D world...

Click Here and follow the step by step description to make basic 3D shapes, place them in space, and change your camera positions!

Click Here to use the new ICE editor.  (Make sure you are in Google Chrome.)
Or
Click Here to use our old editor.  (Many students are finding the new editor glitchy unfortunately.)

Topics Covered: 3D sphere, cube, cylinder creation and placement .

Lesson #22

Continuing to build our 3D world!

This week we'll keep building and placing objects around our scene!
Here are a great group of code snippets in this weeks cut and paste section for each shape!

 Distractomatic!  Wait!  Don't click here!!!  Or you might be distracted by a QUANTUM COMPUTER (to be discussed in class).  They're coming!!!!

Topics Covered: Simplified framework and code examples for ALL editors.

Lesson #23

Animating our 3D objects!

This week we'll start animating our 3D objects!
Note: Click Here For "Cut And Paste" code for all of lesson 23!  (Saves you some typing!)

 Topics Covered: Spinning 3D objects.

 

Click Here To Practice With The NEW Online Editor.

Resources!

Below are links where you can get  all the free software we use and have talked about in class!


Web page creation software downloads (mentioned in the video):

HTTrack:  Rip web pages and whole websites from the net.  Download here.

Blue Griffen:  Web page editor.  (Like a word processor for web page creation.)  
Download here.

Here are some wonderful free web site templates to use to start your site! 

Want a website as simple as drag and drop?  Click Here to make a WIX website.

 


Click Here for the wonderful "Sketchup" 3D design software.

Want to make your javascript look pro?  Try the incredible Javascript Beautifier!!!!


For those wanting the Minecraft modding software, Click Here for a direct download link.

 


More videos to follow on specific use of these...

 Click Here To Go Back To The Main Class Menu