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

Benefits of Peer Tutoring

Why get tutored by other students?

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.

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

SAT Score Range

•

11 sessions

•

+29

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.

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

Tutored by

Pranav K 🇺🇸

Certified in 15 topics

View Profile

Hey everyone, I'm Pranav, a Senior from Virginia! I've loved math and programming since middle school, so why not tutor it? 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! If you're curious about the awesome things I've built, take a look at my portfolio: https://pranavkonjeti.com

Schedule

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

SESSION 1

21

Dec

SESSION 1

Orientation

Wed 3:00 PM - 3:30 PM UTCDec 21, 3:00 PM - 3:30 PM UTC

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.

SESSION 2

22

Dec

SESSION 2

Orientation

Thu 3:00 PM - 3:30 PM UTCDec 22, 3:00 PM - 3:30 PM UTC

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!

SESSION 3

23

Dec

SESSION 3

Orientation

Fri 3:00 PM - 4:00 PM UTCDec 23, 3:00 PM - 4:00 PM UTC

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

SESSION 4

24

Dec

SESSION 4

Orientation

Sat 3:00 PM - 4:00 PM UTCDec 24, 3:00 PM - 4:00 PM UTC

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

SESSION 5

26

Dec

SESSION 5

Orientation

Mon 3:00 PM - 4:00 PM UTCDec 26, 3:00 PM - 4:00 PM UTC

Advanced CSS - More information to come as we progress

- Learning more selectors and different properties of CSS

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

SESSION 6

27

Dec

SESSION 6

Orientation

Tue 3:00 PM - 4:00 PM UTCDec 27, 3:00 PM - 4:00 PM UTC

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

SESSION 7

28

Dec

SESSION 7

Orientation

Wed 3:00 PM - 4:00 PM UTCDec 28, 3:00 PM - 4:00 PM UTC

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

SESSION 8

30

Dec

SESSION 8

Orientation

Fri 3:00 PM - 4:00 PM UTCDec 30, 3:00 PM - 4:00 PM UTC

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

SESSION 9

31

Dec

SESSION 9

Orientation

Sat 3:00 PM - 4:00 PM UTCDec 31, 3:00 PM - 4:00 PM UTC

JS - Coming soon

SESSION 10

1

Jan

SESSION 10

Orientation

Sun 3:00 PM - 4:00 PM UTCJan 1, 3:00 PM - 4:00 PM UTC

JS - Coming soon

SESSION 11

7

Jan

SESSION 11

Orientation

Sat 3:00 PM - 4:00 PM UTCJan 7, 3:00 PM - 4:00 PM UTC

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.

Dec 21 - Jan 7

3 weeks

30 - 60 mins

/ session

SCHEDULE

Wednesdays

3:00PM

Fridays

3:00PM

Saturdays

3:00PM