Full Web-Development Bootcamp: Learn 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.

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

SAT Score Range

•

7 sessions

•

+24

Home

About

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.

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

Tutored by

Pranav K 🇺🇸

Certified in 15 topics

View Profile

Hey 👋, I'm Pranav I'm a 17-year-old developer and designer from Virginia. I like building impactful software that helps people, mainly students. This upcoming fall, I'll be going to UIUC, where I plan on studying Computer Engineering. I've built tens of web development projects that have impacted thousands of students and run my own web-development agency. If you're curious about my portfolio, take a look at https://me.pranavkonjeti.com. Looking forward to seeing you all throughout my sessions!

Schedule

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

SESSION 1

10

Aug

SESSION 1

Web Development

Sat 4:00 PM - 5:00 PM UTCAug 10, 4:00 PM - 5:00 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. 
﻿
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!

SESSION 2

11

Aug

SESSION 2

Web Development

Sun 4:00 PM - 5:00 PM UTCAug 11, 4:00 PM - 5:00 PM UTC

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!

SESSION 3

12

Aug

SESSION 3

Web Development

Mon 4:00 PM - 5:00 PM UTCAug 12, 4:00 PM - 5:00 PM UTC

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

SESSION 4

13

Aug

SESSION 4

Web Development

Tue 4:00 PM - 5:00 PM UTCAug 13, 4:00 PM - 5:00 PM UTC

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)

SESSION 5

14

Aug

SESSION 5

Web Development

Wed 4:00 PM - 5:00 PM UTCAug 14, 4:00 PM - 5:00 PM UTC

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

SESSION 6

15

Aug

SESSION 6

Web Development

Thu 4:00 PM - 5:00 PM UTCAug 15, 4:00 PM - 5:00 PM UTC

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

SESSION 7

17

Aug

SESSION 7

Web Development

Sat 4:00 PM - 5:00 PM UTCAug 17, 4:00 PM - 5:00 PM UTC

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.

Aug 10 - Aug 17

2 weeks

60 mins

/ session

SCHEDULE

Saturdays

4:00PM

Sundays

4:00PM

Mondays

4:00PM

Tuesdays

4:00PM

Wednesdays

4:00PM

Thursdays

4:00PM