👋 Welcome to Intro to Web Development (WEB101), a project-based exploration of web development! This course is the first in our Full Stack Web Development series. In this course, you will learn frontend web fundamentals in HTML, CSS, and JavaScript. At the conclusion of this course, you will have created a working dynamic web application that displays all the web dev skills you've learned so far.
This course is a beginner-friendly introductory course that requires no prior knowledge. While previous coding experience with any programming language may be helpful to you, it is not required for successful participation in this course.
Theme: In this course, you will develop a website centered around a cause you care deeply about. The Activism Project is threaded throughout the course. You will apply your learnings to the project, adding on new features to your website each week. We are excited to see what you develop!
This course includes the following features:
- 🖥 In-class and Online Support regardless of type of exercise.
- 🧑🏾🏫 Guided Activities where an instructor or tech fellow introduces you to a skill and walks you through an implementation.
- 👷🏽♀️ The Through-Course Project where you can apply the skills you learn to create something truly yours.
- 👥 Demo Day where you will share your completed website with the class!
Each one-week unit will consist of:
- 2 Hours of In-Class Time, consisting of:
- Interactive Lecture. An instructor-led discussion of this week's topics and how they apply to real-world Web Development.
- Estimated time: 15-30 minutes (synchronous)
- Activities. Hands-on activities to practice and experiment with new concepts.
- Estimated time: 15-30 minutes (synchronous)
- Weekly Project.
- Estimated time: 1+ hours (synchronous-asynchronous)
- Throughout the 10 weeks of the course, you will work towards building a fully-functioning website one step at a time. The second half of each session is devoted to project work in breakout rooms with the assistance of TFs and instructors. While the project is designed to be completed during the session, you may optionally work outside of class to add stretch features to your website.
- Showcase your completed websites on demo day during week 10.
- Interactive Lecture. An instructor-led discussion of this week's topics and how they apply to real-world Web Development.
- HTML: basics and forms
- CSS: properties and values, box model, dev tools, and FlexBox
- Javascript: DOM, event listeners, variables, functions, conditionals, loops
- Animation: for interactivity and aesthetics