About Certifications

Prove your mastery and get ready to tutor.

Become a Tutor

Learn, grow, and give back through tutoring.

Session Safety Measures

How we keep virtual tutoring safe.

Help Desk

Have questions? Search our FAQ.

Community Events

Game nights, product updates, and more.

Study Spaces

Stay motivated in virtual study rooms.

Leaderboards

Check out the community's impact.

Stories

Testimonials from the Schoolhouse community.

Blog

Keep up with our volunteer-run blog.

Enrichment • Series

Web Development in a week: HTML, CSS, and JavaScript

Pranav K

Series Details

Sessions

Public Discussion

This series ended on January 7, 2023. All 1:1 and group chats related to this series are disabled 7 days after the last session.

Series Details

About

This series is targetted for beginners! Let's learn coding to build functional and beautiful websites using HTML, CSS, Flexbox, CSS Grid, and Javascript!

HTML - To display content on your website
CSS - To style the content on your website
Flexbox - To align content on our websites
CSS Grid - An alternative module to help align content
Javascript - Scripting language to add functionality!

This course will also assign projects every one or two weeks. These projects are optional, but they are a good way to test your skills! The next class after the project being assigned, those who chose to complete it, can choose to present their project.

Hope to see you there! All you need is a computer. I will help you set up a code editor of your choice (there will be multiple options depending on how powerful your computer is).

Topics covered:
- How websites run on the internet
- HTML boilerplate, images, etc.
- HTML tags, lists, images, links
- Advanced HTML topics
- CSS Basics
- IDs, Classes, selectors
- Box Mode of CSS
- Learn 30+ CSS properties
- What is flexbox and how does it work?
- Flexbox basics
- Learn flexbox properties
- Javascript!
  - Variables, types, loops, conditionals, DOM manipulation

Tutor Qualifications

I have done many coding projects with languages such as Java, Python, HTML, CSS JavaScript, React, and much more1

✋ ATTENDANCE POLICY

One or two sessions may be skipped here and there, but if you do skip a session, you will be missing out on a LOT, so please tell me beforehand and I will setup a makeup session for you!

Dates

December 21 - January 7

Learners

32 / 40

Total Sessions

About the Tutor

Hey everyone, I'm Pranav, a junior from Virginia! I've loved math and programming since middle school, so why not tutor them? If you don't find me binge-watching YouTube, then you'll find me out on a volleyball or tennis court (my 2 favorite sports!). I hope I'll get the chance to meet you guys in some of my sessions! Take a look at my programming portfolio: https://pranavkonjeti.com

View Pranav K's Profile

Upcoming Sessions

Past Sessions

Dec

Session 1

Orientation

Wed Dec 21, 2022, 3:00 PM

Orientation! Let's get to know each other and understand what will be taught in this class before we proceed! A full in-depth dive on exactly what frontend is and what will be taught here.

Dec

Session 2

Orientation

Thu Dec 22, 2022, 3:00 PM

Let's being setting up our code editors!

I will walk through how to setup two code editors that work very well.

- VS Code (Downloaded code editor on computer)

- VScode.dev (Vscode, but on the browser!)

- Replit (Browser-Based coding)

I will walk through how to set up everything and next week we will begin actually coding! Hope to see everyone there!

Dec

Session 3

Orientation

Fri Dec 23, 2022, 3:00 PM

How does the web work? What are websites? Let's answer all of those questions and get started with the boilerplate of HTML!

- Body tags, HTML tags, how to begin learning HTML

- Learning good coding practices and resources you can use to help when in doubt

Dec

Session 4

Orientation

Sat Dec 24, 2022, 3:00 PM

Beginnings of CSS! One of the most important languages for web development.

Topics:

- How CSS works and why its relevant

- Classes and IDs

- CSS Properties

Dec

Session 5

Orientation

Mon Dec 26, 2022, 3:00 PM

Advanced CSS - More information to come as we progress

- Learning more selectors and different properties of CSS

- Color, font, size, background-color, etc.

Dec

Session 6

Orientation

Tue Dec 27, 2022, 3:00 PM

We will learn about the CSS box model. This includes margin, padding, and borders. We will learn about these 3 extensively.

This session is the precursor to the flexbox unit we will have the next day!

- Margin

- Padding

- Borders

- Box Model

Dec

Session 7

Orientation

Wed Dec 28, 2022, 3:00 PM

Flexbox:

- What is flexbox?
- Learn very basic flexbox properties (flex; understanding why flexing is important)
- Learn advanced flexbox properties
- Aligning content, flipping content, building the basics of a webpage

Dec

Session 8

Orientation

Fri Dec 30, 2022, 3:00 PM

Let's end everything with CSS Grid; an alternative way to style your website along with Flexbox.

- what is display:grid?
- Rows and columns with CSS grid
- Grid-gap and much more properties

Dec

Session 9

Orientation

Sat Dec 31, 2022, 3:00 PM

JS - Coming soon

Jan

Session 10

Orientation

Sun Jan 1, 2023, 3:00 PM

JS - Coming soon

Jan

Session 11

Orientation

Sat Jan 7, 2023, 3:00 PM

Our Final session, let's showcase our projects, go through any tought topics one more time and reflect on how much we've learned!

Public Discussion

Please log in to see discussion on this series.