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.

Computer Science • Series

Full Web-Development Bootcamp: Learn HTML, CSS, and JavaScript

Pranav K

Series Details

Sessions

Public Discussion

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

Series Details

About

The full BEGINNER frontend guide! We will learn 3 of the most important languages to begin your frontend journey! Throughout this course, you'll learn web development languages to help you build projects like a recipe book, calculator, landing page, portfolio, and much much more!
﻿
We'll be learning the following three languages:
HTML - To display content on your websites
CSS - To help style your websites
JavaScript - to build the interactivity of your websites
﻿
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).
﻿
Personally, I have a ton of experience with web-development and am super excited to teach you guys! 
﻿
My programming portfolio: pranavkonjeti.com
A web-app I've built: talem.org

✋ ATTENDANCE POLICY

Please try not to miss more than a session or two! Every session in this bootcamp builds off of the last one and missing a session will make it harder to understand the next session.

If anything does arise, send me a message - I'll send over the slideshow that was used during the session which you missed!

Dates

August 10 - August 17

Learners

27 / 30

Total Sessions

About the Tutor

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

View Pranav K's Profile

Upcoming Sessions

Past Sessions

Aug

Session 1

Web Development

Sat Aug 10, 4: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. 
﻿
I'll also go over my qualifications and some cool projects I've built which you guys will also make over the course of the series!

Aug

Session 2

Web Development

Sun Aug 11, 4:00 PM

Let's start 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)

- Replit/Codepen (Browser Based Programming)

I will walk through how to set up everything and we'll actually begin programming the session after! Hope to see everyone there! 

Note: You may also use another code editor not mentioned here if you prefer that!

Aug

Session 3

Web Development

Mon Aug 12, 4:00 PM

In this first lesson, we'll explore how the web works and what websites are all about. We'll also dive into the basics of HTML, including how to use body tags and HTML tags, as well as finding good resources to learn from.

Topics covered:

- Understanding the basics of the web and websites
- Getting started with HTML and its boilerplate
- Working with body and HTML tags
- Identifying reliable resources for learning web development

Aug

Session 4

Web Development

Tue Aug 13, 4:00 PM

Learn how to add essential elements to your web pages! In this lesson, we'll cover comments, bolding, italicizing, links, and images.

- How to add comments to HTML code
- How to make text bold and italicized with HTML tags
- How to create hyperlinks to other pages and websites
- How to insert images into web pages and set their properties (setting height and width!)
﻿
- HTML Tables, iFrames, advanced HTML (TBD)

Aug

Session 5

Web Development

Wed Aug 14, 4:00 PM

In this lesson, we'll cover the three different ways to embed CSS, how CSS works, and why it's relevant to modern web development. You'll also learn about CSS classes and IDs and how to use them to target specific elements in your HTML.

Topics Covered:

- Three ways to embed CSS
- How CSS works and its relevance to web development
- CSS classes and IDs and how to use them to target specific elements in HTML

Aug

Session 6

Web Development

Thu Aug 15, 4:00 PM

In this lesson, you'll learn how to use various CSS selectors to target and style specific HTML elements. You'll also explore advanced CSS properties such as font, color, size, and more to create stylish webpages! 

Topics Covered:

- Different types of CSS selectors (class, ID, tag, attribute, pseudo-class)
- Properties of CSS (font, color, size, background-color, etc.)
- How to use CSS to create responsive designs

Aug

Session 7

Web Development

Sat Aug 17, 4:00 PM

In this lesson, we'll go over the basics of responsive CSS. This includes learning systems like Flexbox, CSS grid and best practices for keeping our websites responsive and accessible on all devices.

Topics Covered:

- Flexbox
- CSS Grid (TBD)
- CSS Units (em, rem, %, vh, vw)
- Media Queries

Public Discussion

Please log in to see discussion on this series.