Schoolhouse.world: peer tutoring, for free.
Free SAT® Prep, as part of a research study.
SAT® Bootcamps
Free SAT® Prep, as part of a research study.
A global network of volunteers.
Explore Tutors
A global network of volunteers.

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

11

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

0

Past Sessions

11
21
Dec

Session 1

Orientation

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.
22
Dec

Session 2

Orientation

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!
23
Dec

Session 3

Orientation

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
24
Dec

Session 4

Orientation

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
26
Dec

Session 5

Orientation

Advanced CSS - More information to come as we progress - Learning more selectors and different properties of CSS - Color, font, size, background-color, etc.
27
Dec

Session 6

Orientation

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
28
Dec

Session 7

Orientation

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
30
Dec

Session 8

Orientation

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
31
Dec

Session 9

Orientation

JS - Coming soon
1
Jan

Session 10

Orientation

JS - Coming soon
7
Jan

Session 11

Orientation

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.