Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
intro-to-javascript-wokshop [2024/06/29 22:59] renickintro-to-javascript-wokshop [2025/03/06 17:43] (current) renick
Line 2: Line 2:
  
 ===== hello world ===== ===== hello world =====
 +{{:pasted:20250305-210044.png}}
  
-{{:pasted:20240629-225914.png}} +Are you feeling like this about programming? 
-https://www.memecreator.org/static/images/memes/4349871.jpg+ 
 +We'll do this today. 
 + 
 +{{:pasted:20250305-210238.png}} 
 + 
 +At the end of this hour, you;ll feel like this! 
 + 
 +{{:pasted:20250305-210620.png}} 
 + 
 +This webpage can be found at this QR code, or go to my website and search javascript-workshop. 
 + 
 +{{:pasted:20250306-174212.png?500}} 
 + 
 +<code JavaScript [enable_line_numbers="true"]> 
 +console.log('hello world!'
 +</code> 
 + 
 +===== calculator =====
  
 ===== mess with images on a webpage ===== ===== mess with images on a webpage =====
  
  
-<code>+<code JavaScript [enable_line_numbers="true"]>
 function replaceImagesWithUrl(url) { function replaceImagesWithUrl(url) {
     // Get all img elements in the document     // Get all img elements in the document
Line 24: Line 42:
 ===== mess with text on a webpage ===== ===== mess with text on a webpage =====
  
-<code>+<code JavaScript [enable_line_numbers="true"]>
 function replaceSpanText(newText) { function replaceSpanText(newText) {
     // Get all span elements in the document     // Get all span elements in the document
Line 37: Line 55:
 </code> </code>
  
-===== remember: =====+===== p5js =====
  
-{{:pasted:20240629-225628.png}} +https://editor.p5js.org/ 
-https://i.imgflip.com/5syjfo.png?a476952+ 
 +===== term dump ===== 
 +<code> 
 +( ) parentheses, brackets 
 +{ } curly brackets, curly braces 
 +' '  single quotes 
 +" " double quotes 
 +, comma 
 +period, dot 
 +- dash, hyphen 
 +_ underscore 
 +/ slash 
 +\ backslash 
 +argument = the input to a function 
 +call a function = use a function, make it do what it's intended to do 
 +put the argument between the parentheses when you call a function 
 +declare a function 
 +return = the value that a function returns or gives back when it is called 
 +string = text data which is determined by a pair of quotes, single or double 
 +variable = a box with a name in which we can store things 
 +</code>
  • intro-to-javascript-wokshop.1719727156.txt.gz
  • Last modified: 10 months ago
  • by renick