├── misc ├── Scavenger Hunt │ └── scavengerhunt.html └── Rock Paper Scissors │ ├── info.txt │ ├── index.js │ └── index.html ├── Workshops ├── Workshop10_14_19 │ ├── Workshop10_14_19.txt │ └── Workshop 2_ Github + Pong.pdf └── Workshop9_17_19 │ ├── Basic Webpage Demo │ ├── Banner.jpg │ ├── stylesheet.css │ └── index.html │ ├── Counter │ ├── counter.html │ └── counter.js │ ├── moveDot │ ├── moveDot.js │ └── moveDot.html │ ├── randomMovement │ ├── moveRect.html │ └── moveRect.js │ └── Controllable Shape │ ├── keyControlled.html │ └── keyControlled.js ├── meeting_slides └── java_lesson_1.pdf ├── docs └── index.html └── README.md /misc/Scavenger Hunt/scavengerhunt.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Workshops/Workshop10_14_19/Workshop10_14_19.txt: -------------------------------------------------------------------------------- 1 | Held at 10_14_19 in the library @EVHS -------------------------------------------------------------------------------- /misc/Rock Paper Scissors/info.txt: -------------------------------------------------------------------------------- 1 | Made by Armeet Singh Jatyani 2 | 2019 EVHS Programming Club -------------------------------------------------------------------------------- /meeting_slides/java_lesson_1.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evpc-club/EVHS-Programming-Club/HEAD/meeting_slides/java_lesson_1.pdf -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Basic Webpage Demo/Banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evpc-club/EVHS-Programming-Club/HEAD/Workshops/Workshop9_17_19/Basic Webpage Demo/Banner.jpg -------------------------------------------------------------------------------- /Workshops/Workshop10_14_19/Workshop 2_ Github + Pong.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/evpc-club/EVHS-Programming-Club/HEAD/Workshops/Workshop10_14_19/Workshop 2_ Github + Pong.pdf -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |

EVHS Programming Club

8 |

Website under construction!

9 | 10 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Basic Webpage Demo/stylesheet.css: -------------------------------------------------------------------------------- 1 | html 2 | { 3 | background: rgb(0, 0, 0); 4 | color: rgb(0, 255, 34); 5 | font-family: Consolas; 6 | } 7 | 8 | #banner 9 | { 10 | height:70%; 11 | width:70%; 12 | } -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Counter/counter.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Counter 6 | 7 | 8 | 9 |

10 |

11 |

12 | 13 |

14 | 15 |

16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Counter/counter.js: -------------------------------------------------------------------------------- 1 | //read in all the "elements of the page" 2 | 3 | counter = document.getElementById("counter"); 4 | button = document.getElementById("button"); 5 | 6 | //this function will run everytime the button is clicked 7 | button.addEventListener('click', function() 8 | { 9 | //when the button is pressed, increment the counter 10 | counter.innerHTML = parseInt(counter.innerText) + 1; 11 | console.log("button was pressed: " + counter.innerText); 12 | 13 | }) -------------------------------------------------------------------------------- /misc/Rock Paper Scissors/index.js: -------------------------------------------------------------------------------- 1 | const userScore = 0; 2 | const computerScore = 0; 3 | const userScoreSpan = document.getElementById("user-score"); 4 | const computerScoreSpan = document.getElementById("computer-score"); 5 | const scoreBoardDiv = document.querySelector(".scoreboard"); 6 | const resultDiv = document.querySelector(".result"); 7 | const rockDiv = document.getElementById("rock"); 8 | const paperDiv = document.getElementById("paper"); 9 | const scissorDiv = document.getElementById("scissor"); 10 | 11 | rockDiv.addEventListener('click', function(){ 12 | console.log("clicked on rock"); 13 | 14 | }) -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/moveDot/moveDot.js: -------------------------------------------------------------------------------- 1 | var canvas = document.getElementById("myCanvas"); 2 | 3 | canvas.addEventListener('mousemove', function(e) 4 | { 5 | getPosition(e); 6 | }); 7 | 8 | function getPosition(event) 9 | { 10 | var rect = canvas.getBoundingClientRect(); 11 | var x = event.clientX - rect.left; 12 | var y = event.clientY - rect.top; 13 | console.log("< x: " + x + "y: " + y + " >"); 14 | updateCoordinates(x, y); 15 | } 16 | 17 | function updateCoordinates(x,y) 18 | { 19 | console.log("updating coordinates"); 20 | console.log(x); 21 | console.log(y); 22 | document.getElementById("x").innerHTML = parseFloat(x); 23 | document.getElementById("y").innerHTML = "" + y; 24 | } 25 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/randomMovement/moveRect.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Move the Shape! 6 | 21 | 22 | 23 | 24 |

Behold the randomly moving shape

25 |

26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Controllable Shape/keyControlled.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Move the Shape! 6 | 21 | 22 | 23 | 24 |

Behold the randomly moving shape

25 |

26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/moveDot/moveDot.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Move the Dot! 5 | 20 | 21 | 22 | 23 |

x:

0

24 |

y:

0

25 |

26 | 27 | 28 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/randomMovement/moveRect.js: -------------------------------------------------------------------------------- 1 | 2 | var shape = { 3 | x: 40, 4 | y: 40, 5 | dx: 0, 6 | dy: 0 7 | }; 8 | 9 | var canvas = document.getElementById("myCanvas"); 10 | var ctx = canvas.getContext("2d"); 11 | 12 | var count = 0; 13 | 14 | function getRandomInt(min, max) { 15 | return Math.floor(Math.random() * (max - min)) + min; 16 | } 17 | 18 | function loop() { 19 | requestAnimationFrame(loop); 20 | 21 | ctx.clearRect(0,0,canvas.width,canvas.height); 22 | 23 | shape.x = shape.x + shape.dx; 24 | shape.y = shape.y + shape.dy; 25 | 26 | drawShape(); 27 | if(++count %15 == 0){ 28 | findRandomDirections(); 29 | count = 1; 30 | } 31 | console.log(count); 32 | } 33 | 34 | function drawShape(){ 35 | ctx.fillStyle = 'red'; 36 | ctx.fillRect(shape.x,shape.y,10,10); 37 | } 38 | 39 | function findRandomDirections(){ 40 | shape.dx = getRandomInt(1,3)-1.5; 41 | shape.dy = getRandomInt(1,3)-1.5; 42 | } 43 | requestAnimationFrame(loop); 44 | -------------------------------------------------------------------------------- /misc/Rock Paper Scissors/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Rock Paper Scissors 6 | 7 | 8 | 9 | 10 |

11 |

Rock Paper Scissors

12 |

13 | 14 |

15 |

user

16 |

computer

17 | 0 18 | 0 19 |

20 | 21 |

22 |

result here

23 |

24 | 25 | 26 |

Rock:

27 | 28 |

Paper:

29 | 30 |

Scissor:

31 | 32 | 33 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # EVHS-Programming-Club 2 | The GitHub Repository for the EVHS Programming Club. 3 | 4 | # Groups 5 | #### [discord server: ](https://discord.io/evhsprogrammingclub) https://discord.io/evhsprogrammingclub 6 | #### [facebook group: ](https://www.facebook.com/groups/636525839778499/?ref=bookmarks) https://www.facebook.com/groups/636525839778499/?ref=bookmarks 7 | 8 | # Current Officers 9 | ### President - Siddharth D. 10 | ### Vice President - Armeet J. 11 | ### Secretary - Dhruv A. 12 | ### Treasurer - Rahul C. 13 | ### Event Coordinator - Aydan P. 14 | 15 | #### To push or pull from the repo, join the discord group and ask an officer to give you push and pull access. Only active members will be given this. 16 | 17 | # Instructions to Clone 18 | ##### type the following 19 | ``` 20 | git clone https://github.com/EVHSProgrammingClub/EVHS-Programming-Club/ 21 | ``` 22 | 23 | ##### you should now be able to push and pull from the repo 24 | ##### if you have any questions, contact me (Armeet Jatyani) in the discord group 25 | 26 | # How to Push and Pull Your Changes 27 | ### Pushing 28 | ##### make a change to the local file and save it 29 | ##### type this into gitbash 30 | ``` 31 | git add . 32 | ``` 33 | ##### now you have to make the commit 34 | ``` 35 | git commit -m "your message here" 36 | ``` 37 | ##### now you have to push to the global repository 38 | ``` 39 | git push 40 | ``` 41 | ### Pulling 42 | ##### simple enough :) 43 | ``` 44 | git pull 45 | ``` 46 | 47 | 48 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Controllable Shape/keyControlled.js: -------------------------------------------------------------------------------- 1 | 2 | var shape = { 3 | x: 40, 4 | y: 40, 5 | dx: 0, 6 | dy: 0 7 | }; 8 | 9 | var canvas = document.getElementById("myCanvas"); 10 | var ctx = canvas.getContext("2d"); 11 | 12 | 13 | document.addEventListener('keydown', function(e) { 14 | 15 | // left arrow key 16 | if (e.which === 37) { 17 | shape.dx = -1; 18 | shape.dy = 0; 19 | } 20 | // up arrow key 21 | else if (e.which === 38) { 22 | shape.dy = -1; 23 | shape.dx = 0; 24 | } 25 | // right arrow key 26 | else if (e.which === 39) { 27 | shape.dx = 1; 28 | shape.dy = 0; 29 | } 30 | // down arrow key 31 | else if (e.which === 40) { 32 | shape.dy = 1; 33 | shape.dx = 0; 34 | } 35 | 36 | // a key 37 | if (e.which === 65) { 38 | shape.dx = -1; 39 | shape.dy = 0; 40 | } 41 | // w key 42 | else if (e.which === 87) { 43 | shape.dy = -1; 44 | shape.dx = 0; 45 | } 46 | // d key 47 | else if (e.which === 68) { 48 | shape.dx = 1; 49 | shape.dy = 0; 50 | } 51 | // s key 52 | else if (e.which === 83) { 53 | shape.dy = 1; 54 | shape.dx = 0; 55 | } 56 | }); 57 | 58 | function loop() { 59 | requestAnimationFrame(loop); 60 | 61 | 62 | ctx.clearRect(0,0,canvas.width,canvas.height); 63 | 64 | shape.x = shape.x + shape.dx; 65 | shape.y = shape.y + shape.dy; 66 | 67 | drawShape(); 68 | 69 | } 70 | 71 | function drawShape(){ 72 | ctx.fillStyle = 'red'; 73 | ctx.fillRect(shape.x,shape.y,10,10); 74 | } 75 | 76 | requestAnimationFrame(loop); 77 | -------------------------------------------------------------------------------- /Workshops/Workshop9_17_19/Basic Webpage Demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Demo Website 5 | 6 | 7 | 8 | 9 |

10 |

Demo Website

11 |

Heading 1

12 |

Heading 2

13 |

Heading 3

14 |

Heading 4

15 |

Heading 5

16 |

Heading 6

17 |

18 | 19 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem quae repudiandae suscipit aliquam eius voluptate culpa officia, optio facilis, odit libero voluptatibus corporis aut repellendus quia! Voluptatum excepturi repellat error.

20 | 21 |

28 | 29 |

WWF's goal is to: Build a future where people live in harmony with nature.

30 | 31 |

32 | For 50 years, WWF has been protecting the future of nature. 33 | The world's leading conservation organization, 34 | WWF works in 100 countries and is supported by 35 | 1.2 million members in the United States and 36 | close to 5 million globally. 37 |

38 | 39 |

The WHO was founded in 1948.

40 | 41 |

48 | 49 | 50 | 51 | --------------------------------------------------------------------------------