Redlands
Conservatory JavaScript Classes
Redlands
Conservatory JavaScript Classes
|
Click any lesson
below... New videos added as we go! |
|
Click Here for a VIDEO on how to set up your computer to be able to edit in JavaScript. |
|
Click Here for a VIDEO showing the entire core language in only 18 minutes!
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 |
|
Click Here for a VIDEO showing web page creation tricks. |
|
(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. 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! Topics Covered: All methods of printing to the screen. |
|
Lesson #16 Arrays! The
Great True Or False Quiz! 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! 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: 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. 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.) 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! 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! Topics Covered: Spinning 3D objects. |
|
|
|
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. 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... |
