Day 1
Spooky Website Workshop!!
Workshop created by our HS Coleads: Arihant, JP, Reema, Quinn, Sidd
Colead Introductions
JP Kerrane
9th Grader, he/him
Things I've created: Apps, websites, chrome
extensions.
Fav Video Games: Minecraft, Among Us, BOTW
Reema Patadia
9th Grader, she/her
Things I’ve created: Websites, Arduino Robots, Drone Programs
Things I love to do: Video games with friends, Art, and Traveling (though I can't do much of that right now xD)
Sidd Nareddy
9th Grader, she/her
Things I’ve created: Websites, Arduino Robots, Drone Programs
Things I love to do: Video games with friends, Art, and Traveling (though I can't do much of that right now xD)
Arihant Swain
9th Grader, he/him
Things I've created: Websites, Basic AI’s, Discord Bots, Apps,
Pastimes: Video Editing, Gaming, & Reading.
Quinn Burns
9th Grader, she/her
Things I've created: Websites, Basic AI’s, Apps, Chatbots, Drone Programs, Arduino Boards,
Pastimes: Guitar/Ukulele teacher, playing tennis, enter in challenges, complete IBM training
What are we doing today?
đŸ‘‹ Introductions
đŸ¤– What is P2P Hack Club?
đŸ“¢ Announcements
đŸ˜ˆ Hacking 101
đŸ’¬ Programming Timeeee
Everyone will leave with an actual LIVE website on the internet!
What is P2P Hack Club?
We're a club where you build new things. In this club you will be able to build websites, robots, discord bots, video games, or anything else that you want to make!
We run workshops every meeting focusing on different projects that members can create.
You DO NOT need to know how to program! Most people in this club are new to programming :)
We are a chapter of the national Hack Club Organization!
Hack Club is a nonprofit network of coding clubs and makers around the world! We are part of a community of thousands of hackers.
Our mascot:
Prophet Orpheus is always getting into crazy adventures, from stealing food to going to the moon. She is usually drawn in black and white in limited drawing programs like MS Paint or Pinta.
Code of Conduct
Be friendly and welcoming
Be patient
Be thoughtful
Be respectful
Respect differences of opinion.
Announcements
What we're building
Everyone will leave with an actual LIVE website on the internet :D
Hacking 101
What if I get stuck while programming?
Google it! (no but really)
Pair-program (ask others for help!)
Good sites for reference:
What are we coding with?
MAKE AN ACCOUNT TO SAVE YOUR PROGRESS
Make an account with whatever service you like, just make sure to remember how you made it so you can log into it later!
Free Development Time
Go To: workshops.hackclub.com/personal_website/
And start building your website in Repl.it!
SPOOKY WEBSITE COMPETITION: By next meeting, we will be voting on who made the spookiest website!
Want to learn more about building websites?
Learn best with a video?
Learn best by reading?
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/
freeCodeCamp HTML Tutorial. Structured HTML tutorial for beginners with step-by-step lessons. Takes you from 0-100 for web development!
https://www.w3schools.com/html/default.asp
W3schools HTML Tutorial. This website won't save your progress, but can be used as a really good resource on examples on how to build certain features of your website!
Exit Form
REMEMBER: Fill out club attendance on the Google Classroom
THANK YOU!
NEXT MEETING: Friday November 6th, 2 PM
Code Collaboration w/ Git + GitHub
Have a spooky halloween!!!