Full Frontend Bootcamp: Learn HTML, CSS, 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 Frontend Bootcamp: Learn HTML, CSS, Javascript

SAT Score Range

•

8 sessions

•

+44

Home

About

This series was cancelled by the tutor on June 4, 2023. We're very sorry–you can explore more Computer Science series here. 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!

HTML - To display content on your website

CSS - To style the content on your website

JavaScript - To add functionality to your website

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).

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

Because I don't want to have too big of a class, those that miss more than a few classes unexcused will be withdrawn from the series. If you are missing a session, please tell me ahead of time so that I can tell you what you missed!

SESSION 1

6

May

SESSION 1

Computer Science

Sat 2:00 PM - 3:00 PM UTCMay 6, 2:00 PM - 3: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.

SESSION 2

7

May

SESSION 2

Computer Science

Sun 2:00 PM - 3:00 PM UTCMay 7, 2:00 PM - 3:00 PM UTC

Let's startsetting 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 next week we will begin actually coding! Hope to see everyone there! 

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

SESSION 3

13

May

SESSION 3

Computer Science

Sat 2:00 PM - 3:00 PM UTCMay 13, 2:00 PM - 3: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

14

May

SESSION 4

Computer Science

Sun 2:00 PM - 3:00 PM UTCMay 14, 2:00 PM - 3: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!)

SESSION 5

20

May

SESSION 5

Computer Science

Sat 2:00 PM - 3:00 PM UTCMay 20, 2:00 PM - 3: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

21

May

SESSION 6

Computer Science

Sun 2:00 PM - 3:00 PM UTCMay 21, 2:00 PM - 3: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

27

May

SESSION 7

Computer Science

Sat 2:00 PM - 3:00 PM UTCMay 27, 2:00 PM - 3:00 PM UTC

In this lesson, we'll cover the basics of the CSS box model, including margin, padding, border, and content. You'll learn how to move things around webpages and make your website exactly how YOU want it to look!

Topics Covered:

- What is the CSS Box Model?
- Margin
- Padding
- Borders
- Nested Elements

SESSION 8

3

Jun

SESSION 8

Computer Science

Sat 2:00 PM - 3:00 PM UTCJun 3, 2:00 PM - 3:00 PM UTC

Let's get into how to actually USE JavaScript to make our website. For this, we'll learn something known as DOM Manipulation.

Topics Covered:

- What is the DOM?
- Creating Elements
- Deleting Elements
- Making our elements user-friendly
- Making things like pop-ups, login forms, close buttons, etc.

Public Discussion

Please log in to see discussion on this series.

May 6 - Jun 3

5 weeks

60 mins

/ session

SCHEDULE

Saturdays

2:00PM

Sundays

2:00PM