Professional Documents
Culture Documents
SPP 2024 Student Tech Guide
SPP 2024 Student Tech Guide
SPP 2024 Student Tech Guide
Use
the Table of Contents below to navigate this doc.
Table of Contents
Table of Contents
HQ Tech Guide
Logging into HQ
Navigating HQ
Changing Your Name in HQ
Using the HQ Calendar and Events
Progress Tracking in HQ
Resetting HQ If Stuck
Zoom Tech Guide
Meeting Norms
Setting Up Zoom
Joining Zoom Meetings
Turn On/Off Camera on Zoom
Mute/Unmute Yourself on Zoom
Share your Screen
Interacting Virtually
Organizing Your Screen During Class Time
Replit Tech Guide
Signing Up for Replit
Accessing a Replit Core License
Logging In to Replit
Creating a Project
Forking a Project
Using the Editor
Saving a Project
Sharing or Submitting Project Code
Collaborating/Inviting Someone to Join a Project
Viewing Your Projects
General Replit Resources
Discord Tech Guide
Getting to know Discord
Signing up for Discord
Safety
When you go to hq.girlswhocode.com, you will see the landing page, Click on SIP & SPP to sign
in. If you are also involved in a Girls Who Code Club, you will have a separate sign in.
Logging into HQ
You should have received an email with the title Welcome to Girls Who Code HQ. Click on the
link in the email to log into HQ with the email account you used to register for SPP. If you used a
Gmail account to register, you can choose Continue with Google. If you have multiple accounts
and are unsure of what to use, please send an email to selfpaced@girlswhocode.com.
Navigating HQ
When logging into HQ you will notice the following tabs in the navigation bar on the top right of
your window.
Program Info
This is where you can see information about your section, Advisors, and upcoming events such
as Student Hours or Advisor/Partner Events.
Progress
The progress tracker is where you can check and visualize the progress you have made on
different activities. This is also where you will find your answers, projects, and certificates as
they are added during the program.
You can note to your Advisors through your Zoom or Discord display names how you prefer to
be called.
To change your name on HQ, click on your icon in the top right corner, and click "View Profile."
Return to Top of Page
4
You will be taken to your Profile. Here, you can change your name and/or provide any other
information. Note that GWC Central, Advisors, and other students will be able to read this. To
change your name, Click the pencil icon next to Account Info.
Now, you will be able to change your first and last name in HQ!
Once you register, you should save your RSVP email as this contains the link to enter the Zoom
call. You can do this by adding a star or flag in your email inbox.
You will see symbols in the Curriculum and on the Progress page.
Student View Symbol Description
You will see this symbol when grading is not required on the Progress
> Answers tab.
You will see this when an answer is submitted and pending a grade
on the Progress > Answers tab.
You will see this when an answer is submitted and pending a grade
on the Progress > Activities tab.
Once you have submitted a Project, a Projects tab will appear and your projects will be shown
below.
And finally, when you earn your certificate, it will also show up here. It will also show up in your
User Profile.
Note that the NAME that will show up on the certificate is the name that appears on HQ. If you
would like a different name to appear on your certificate, go into Profile, and change your
name.
Return to Top of Page
11
If you have questions about your certificate, please contact your Advisor.
Resetting HQ If Stuck
If you notice that HQ is not loading or you are stuck on a blank screen you may need to clear
your browser’s cache. As you use the internet your browser saves the history of everything you
have viewed, this makes it difficult to load content on HQ.
1. On your browser, open up the more
menu and find "Clear Browsing
Data…"
Meeting Norms
● Always mute yourself when joining meetings. Only unmute when called upon if you have
a question or to share. Even if you are being very quiet, having background noise while
someone else is speaking can be distracting.
● Follow classroom norms. Your Advisor may have specific norms that they prefer when
interacting through Zoom. Since there may be delays in video and voice, there are a
number of ways you can interact with each other without distracting the person who is
speaking. You can either raise your hand, use reactions, use the chat feature, or
physically give a thumbs up to acknowledge each other.
● Be respectful of one another. If you notice a classmate hasn’t gotten a chance to speak
yet, lift them up by offering a space to share.
Setting Up Zoom
You can join Zoom links using either your browser or desktop client. (Note that GWC will not be
providing you with a paid license.) Using the browser does not require a Zoom account. If you
already have an account and would like to download the Zoom desktop client, follow the
instructions linked here.
To edit your display name once you’re in the meeting, click the three dots on the thumbnail of
your face and click “Rename”. Alternatively, you can click the three dots next to your name in
the Participants view and choose “Rename” in the drop down menu.
On the bottom left corner of your control bar, click on the arrow on the Stop/Start Video button.
A pop-up will appear - click on "Choose Virtual Background…"
The Settings box will come up with a preview of your video. Under your preview, you can blur
your background, select a preloaded background, or add a new one by clicking on the plus (+)
button at the bottom right of your video preview. You can add an image or video from your
computer. Please make sure your background is respectful and follows Summer Programs
expectations.
● This will open up a new page and prompt you to allow microphone and camera. Click
Allow in the pop up window. If this window does not pop up, you might have to configure
your pop-up blocker. Check the address bar for a message or blocked pop-up icon.
● Next, click Join with Video , to turn on your video for the meeting. Next you will click Join
with Computer Audio.
is off . You should also see that your Zoom box only shows your name or profile
picture.
3. To turn on your camera, click the Camera button again and the red slash should be
removed from the icon.
. You should also see the same icon show up on the bottom left corner of your
video.
3. To unmute, click the Microphone button again and the red slash should be removed from
the icon.
Locate the Share Screen icon on the bottom menu. This will pop up a screen with all
of your windows open on your computer. You may choose to share your entire screen or just a
single window.
Interacting Virtually
There are a number of different ways to interact with your group in a virtual meeting without
disrupting the speaker. You can either raise your hand, use reactions, use the chat feature, or
physically give a thumbs up to acknowledge each other.
Click the Reactions button on the bottom right of your menu. You can choose from the
clapping emoji 👏 👍 ❤️ 😂
😮 🎉 ✋
, the thumbs up emoji , the heart emoji , the crying/laughing emoji , the
surprised emoji , the celebratory emoji , or the Raise Hand feature .
Raise Hand
✋
If you use the ✋
Raise Hand feature, you will be able to Lower Hand, which will remove the
hand icon from your name, by clicking on Reactions again.
To Pop out the chat window, click the arrow on the top left of the chat window and select the
Pop Out option. This will open a new window with just the Zoom chat.
Zoom Annotations
Meeting participants can annotate on a shared screen as a viewer or the one that started
sharing their screen. You can also use annotation tools when sharing or viewing a whiteboard.
Return to Top of Page
22
Accessing The Annotation Tools If You Are Viewing A Shared Screen
1. While viewing a shared screen or shared whiteboard, click View Options then
Annotate at the top.
Using Stamp/Draw
1. You will see these annotation tools:
Note: The Select, Spotlight, and Save options are only available if you started the
shared screen or whiteboard.
2. To use the draw tool to insert lines, arrow, and shapes, click on Draw.
Note: To highlight an area of the shared screen or whiteboard, select the
following square or circle icon to insert a semi-transparent square or circle.
3. To use the stamp tool to insert predefined icons like a check mark or star, click on
Stamp.
Clearing Annotations
1. Click Clear to delete all annotations.
We recommend setting up your screen with Replit on one side and your Zoom screen on the
other side. Your Replit code, HQ, the slide PDF, or any other tool you need for that activity should
be in the same browser window
Note that your video tutorials will also cover how to use Replit if you prefer to learn by video.
For "Where do you plan to use Replit?," you can use "For school." Then for the second question
"How much software creation experience do you have?" select what applies to you. These
options will not affect your user experience.
Your username will be based on the email, Google, or Github account you used to create an
account. Please make sure you do not use your first and last name.
🚫Do not use your first and last name as your username 🚫
You can use a nickname or your first name and last initial. If your account contains your full
name, follow these instructions from Replit to change your username in Replit:
Go to the CLI. Make sure you are logged into Replit, then click "account."
For more information on how to receive a Replit Core license, visit the Data Science + AI track in
HQ. Please note that we have a limited number of accounts. These are reserved only for students
who take courses in this track.
Logging In to Replit
Go to replit.com/login.
If you have a Replit associated with a Google, GitHub, Facebook, or Apple account:
Creating a Project
1. Click on + Create Repl in the top left corner.
2. A box will pop-up that will allow you to choose the Template or coding language. The
Template will depend on what course you are in. Note that throughout the program you
will most likely be forking a project (instructions below) rather than creating a project
from scratch.
3. Make sure to give your project a name on the right side under Title.
3. After you click on fork, a box will appear to edit the name and description of your copy of
the project. Add your name and your last name initial, then press Fork Repl.
4. The page will load and the project will open. This project is your copy of the code and will
appear in your My repl folder.
If your Replit layout does not look like pictured above, you can drag panels by their tabs to
reorganize them. If you do not see the panel you are looking for, you can open it by clicking on
the icon under "Tools" in the left panel under the files.
📌Reminder 📌
You should NOT include any personally identifiable information on your projects. This includes
things like: last name (use an initial), email, address, phone number, social media account
names, and school name.
2. Copy the URL and paste is where you want to share it.
3. This will share the Cover page where people can see the code, fork your project, and
leave comments.
a. In order for viewers to run your project, they have to fork it. They cannot run it
from the Cover page.
Layout
You will be part of a GWC 2024 server. Servers are spaces on Discord made by specific
communities and friend groups. You will only use one server for your program. Servers are
organized into text and voice channels. Channels are dedicated to specific topics and can have
different rules. GWC Servers will mainly be using text channels where you can post messages,
upload files, and share images for others to see at any time. In channels, you can send
messages, or scroll to see what others are saying. The Lofi Music music channel on our server
will keep you on mute with a chat feature available, and we’ll utilize the Community Events
channel for special synchronous events throughout the summer!
2. Open your Discord app and click on the “+” button on the bottom left in the server
navigation pane.
4. A blue banner will appear asking you to complete some tasks. Press “Complete.”
Carefully read through the Server Rules. Once you have read and understood the Server
Rules, check the box "I have read and agree to the rules." Then press Submit.
Messaging
While direct messages (DMs) are possible in Discord, we will NOT use DMs for any GWC
program. This is to reduce risk and provide visibility into communications as a precaution. If you
have a private question for your Advisor, you should message them on HQ or email. GWC Staff
will NOT DM you. Exercise caution if you do receive DMs, and do not respond to anyone you do
not know. Take steps to protect yourself and others.
Additional Resources
Follow these links for safety tips, security tips, mental health tips, and accessibility
recommendations.
Please be patient as we are working as fast as possible at the beginning of the program to get
everyone into the Discord Server. If you are not assigned a role after 48 hours, you can contact
Type in your username and password, and click Login. If you forgot your password, click on
"Forgot your password?" and follow the steps onscreen to recover your account.
You can check out this link for alternative ways to log in.
Advisors
Advisors are there to engage with you during asynchronous times either about course-related or
even off-topic subjects. Keep in mind that Discord should not be your main point of contact for
private questions–please send them an email. Bios can be viewed in your Student Orientation.
Moderators
Moderators will help keep us safe by making sure all participants are following the Code of
Conduct and treating each other with kindness and respect. Moderators will have some
experience in Computer Science, but they should not be your first point of contact if you need
help with your coursework. You should contact your Advisors. Bios can be viewed in your
Student Orientation.
Using Channels
Each channel has a specific topic or purpose. To keep channels organized, be sure what you are
posting is relevant to the channel. Descriptions of each channel are listed in the table below.
Channels
Community Events 🗓️
Movie Night We'll be hosting two synchronous Community Events! These
will be visible the day of the event.
Surprise Event
Need Help If you are unable to see the rest of the server, please follow
the troubleshooting guidelines!
Choose Your Flair Tell us a little about yourself with our new flair roles! *Check
out Flair Roles for more information
Community 🗣️
Introductions Introduce yourself to your peers and Advisors!
Share Outs and Shout Shout out a peer or Advisor who helped you! Additionally,
Outs share any projects that you’re proud of!
Networking Connect with other GWC students! Please note: You must be
16 years or older to have a LinkedIn profile.
Tech Connect Connect with other GWC students and learn about women
and nonbinary people in the tech space! Please note: You
must be 16 years or older to have a LinkedIn profile.
Class 💻
Debugging Need help? Post a link to view your code along with your
question! *This is a Forum channel Style. Check out Using
Forums for more information.
General For all those little conversations that you’re not quite sure
Movies and TV Easy on the spoilers! What are you watching right now?
AI Machine Learning A space to talk about two hot topics in the tech world! Also,
share your project from Reflections: Imagining Our Future with
AI here.
Channels below in gray and with asterisks are hidden unless you have the corresponding Flair
Role.
Crochet and Knitting* Calling all fiber artists: share your creations here!
Exercise and Sports* Staying active? Share your PRs, tips, and questions!
Art and Photography* Have a piece of art you want to share? Post your pics here!
Music Channel
Lofi Music Listen to some Lofi music with your fellow coders! *Check out
Lofi Music Bot for more information.
Flair Roles
Flair roles are a way to share what your interests are as well as give you access to some hobby
channels. In order to add your flair roles, follow the instructions below:
1. Ensure that you are a member of the Discord server.
2. Once our Moderator has assigned you the Student role, you will see several new
channels open up, including one called #choose-your-flair under the category
Welcome and Info. Click on the #choose-your-flair channel to open it.
4. Once you’ve chosen all of your roles, find your name in the right-hand sidebar. Left
click on your username to show your profile and ensure that your roles appear to be
correct. If you have any trouble, please @ one of our Discord Moderators.
Community Events
We will have Community Events through our Discord! Community Events are an opportunity to
bond with your fellow peers in a casual way. To join, a Stage Channel for that specific
Community Event will appear on the day of. During the time of the event, you can join the Stage
Channel.
For information on Stage Channels, check out the Discord documentation here. Stage Channels
are shown with an icon of a person with two semi circles on top: . You will join as an
audience member where you will be muted, but you can interact with your peers through chat.
Using Threads
Threads are a named grouped conversation within a channel, and are viewable in the channel
sidebar. Threads are created from messages sent in the channel. They make discussions easier
to follow when there are multiple topics happening within a single channel.
Return to Top of Page
43
Threads will be considered active, archived, and/or joined.
● Active Threads are threads that have had a message in the last 24 hours.
● Archived threads have not had activity in the last 24 hours, but adding a new message
will make it active again.
● Joined Threads are active threads you have sent a message to.
Viewing a Thread
To view a thread, you can:
1. When you are looking through a channel, you can see threads underneath a message if
one was created. Clicking on the thread will open up a new column on the right side
where you can see all the messages in the thread
2. You can also see thread activities in the channel in the top with the hashtag and chat
bubble sign . This panel will tell you the latest activity on a thread.
Responding to a Thread
To respond to a thread, open up a thread using one of the listed options above. Send a message
in the thread by typing in the textbox and pressing enter. Once you have added a message to a
thread, you will have joined a thread.
hashtag and speech bubble . A new column will appear to the right.
3. Name the thread into something descriptive. Be as specific as possible, so other
students will be able to tell what the thread is about.
4. On the rightmost column, send a message to the thread.
Using Forums
The #faq and #debugging channel are Forum Channels. This means that the channel will be
organized by discussions, and students and Advisors can respond to discussions with replies.
This allows you to:
● Easily browse through previously asked questions
● Tag questions with topics
● Search conversations using the Search Bar or filter by tags
If you do not see your question posted, you can start a new post. Be sure to tag your post with
the appropriate tag.
#faq
You will not be able to create any new posts, but you can search and comment in existing posts.
Tags for #faq include:
➔ Events
#debugging
If you do not see your question posted, you can start a new post. Be sure to tag your post with
the appropriate tag:
➔ Web Development
➔ Cybersecurity
➔ Data Science + AI
➔ Other
2. Click on the channel “Lofi Music” to join the voice channel. There, a user will always
be present called “Lofi Radio.” NOTE: You will be unable to unmute and talk with
3. Ensure that the bot is unmuted by right clicking on the bot name and unchecking the
“mute user” box. Adjust the volume so that it is comfortable for you.
4. If you’d like to “chat” with other users present, you can utilize the text channel
attached to the Lofi Music channel by hovering over the name of the channel and
clicking on the voice bubble as seen below. This button will open a new channel for
you to chat with your fellow programmers.