Day 1

Spooky Website Workshop!!

HS P2P Hack Club: Day 1

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?

  1. 👋 Introductions

  2. 🤖 What is P2P Hack Club?

  3. 📢 Announcements

  4. 😈 Hacking 101

  5. 💬 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.

More Info

Code of Conduct

  1. Be friendly and welcoming

  2. Be patient

  3. Be thoughtful

  4. Be respectful

  5. Respect differences of opinion.

  6. ...https://p2phack.club/conduct

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?

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!!!