Web Design DeCal
A 2-unit course for anyone who wants to create a beautiful website.
Week 1
Introduction to Web Design
HTML Basics
Week 2
Web Inspector and Emphasis
HTML Basics II
Week 3
Spacing
CSS Box Model
Week 4
Typography and Images
Moar CSS
Week 5
Positioning
CSS Positioning and Floats
Week 6
Color
HTML5 & CSS3
Week 7
Group Project Presentations
Group Project Presentations
Week 8
User Experience
Introduction to Javascript
Week 9
Prototyping
Introduction to JQuery
Week 10
Responsive Design
Moar JQuery
Week 11
Animations
Deploying Websites & Frameworks
Week 12
Final Project Presentation
Final Project Presentation
Instructors
Frequently Asked Questions
Here are the top questions we have gotten over the last three semesters
Have a question that's not listed here?
Send us an email
If I cannot attend part of the lecture or lab, can I still take this class?
No, we would not recommend applying. Important announcements and content are presented at the beginning of class and missed material will begin to add up.
How is this class graded?
Here's our grading breakdown:
Homework40%
Group Project28%
Final Project32%
You will get a P if you have 70% or higher final grade.
How many absences do we get?
You're allowed a total of 3 absences for the entire course. Every absence over the limit of 3 will result in a loss of 5 points, which is 5% of your course grade.
Is auditing allowed?
Yes, you are welcome to audit the class. Note that your seat is not guaranteed on any given day.
I'm thinking about taking WDD next semester. When will all of the CCN / enrollment info be available?
Not all enrollment information is available before semester starts due to the timeline by which DeCals are organized on campus. If you're looking to take Web Design DeCal next semester and can't find enrollment info you need, please come back later when applications are open!
If I'm a graduate student, can I take this class?
Yes, of course!
When and where are classes?
Spring 2019 lectures will be every Monday 7–8:30pm and every Wednesday 7–8pm in 310 Jacobs.
Can I take this class for a letter grade?
Because this class is a DeCal, you can only take this class on a P/NP basis, where you will get a P if you get 70% or higher.
What's your application criteria?
We mainly decide based on your responses to the Short Answer questions of the application, but we do give slight preference for early applicants, previous applicants, and seniors.
Do I need previous programming experience?
No! We teach you all the basics of everything you will need in this class. In fact, some of the best projects have come from non computer-science majors.
Build a website from the ground up.

The demand for learning web programming is at an all-time high, yet for most it's a question of “where do I start?” The answer is here. As great as online courses are, nothing beats an in-person class with passionate instructors and compelling assignments. No matter what your major is, by the end of the semester, you will have built a website using HTML 5, CSS 3, and Javascript. Along the way, you'll pick up web design philosophies and be able to recreate modern design trends like responsive design, flat UI, and skeuomorphism.

Note that this course covers web design only — we will not cover server-side programming like Django and PHP. That said, we consider this far more than a DeCal. Every detail from assignments to each word spoken in lecture is carefully chosen to provide the best possible learning experience. We can't wait to see you in the classroom.

Workload
2 Units
Time
2.5 hrs
Prerequisites
None!
Design

Each lecture is split into two sections. Design section encourages you to challenge every design decision you've ever seen on webpages. We also love to discuss what makes well-designed sites on Siteinspire (www.siteinspire.com) so fascinating to interact with.

About half of design section is devoted to learning the topic of the day. You'll be amazed how positioning, spacing, and a pinch of Javascript magic can make a plain page gorgeous. Our brilliant Teaching Staff finish each section by guiding the class through an awesome hands-on activity.

Meets
Programming

Programming section is all about rolling up your sleeves and diving into the source code. Get ready to have your mind blown as you finally learn how those crazy 3D transforms happen, or how to make those fullscreen slideshow backgrounds. You'll also fall in love with Google Chrome's Web Inspector, the greatest development tool in history, ever.

Our beloved Teaching Staff do a more code-based hands-on activity to finish off programming section. It's typically awesome, because our Teaching Staff are likewise awesome.

Say hello to Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Group Project Presentation
Final Project Presentation
Myles Domingo
Hi! My name's Myles and I'm a third year studying Computer Science. I'm really excited to teach this semester about web design -- I've taken the class in Spring 2018 and I've loved it ever since. In the meanwhile, I've built several websites from scratch and designed many user interfaces. Honestly, taking the Web Design Decal is one of the best choices you can make. Learning how to create a website is a unique experience in expressing your identity, and I hope to share my journey so far with you.
Hey! I'm Heidi – a third-year CS major who likes dogs, design, lettering, skateboarding, and the color blue. I've always been interested in web design and this will be my second semester with WDD!
Heidi Dong
Diana Fan
Hi there! I'm Diana, and I'm a third year studying Cognitive Science, Computer Science, and Design Innovation. Taking WDD really helped me combine my passions for visual design and tech, and I learned so much about the basics of front end web development! I look forward to sharing the same experience with you guys as well!
Teaching Staff
This class would not be possible without our fantastic staff!
Brenda Zhang
Jessica Chen
Jessie Mindel
Linus Lee
Nicole Chen
Steven Singorahardjo
This class seeks to empower you with:
the confidence to code
the confidence to design
and altogether - the confidence to create.
Have questions?
Contact Us
Scroll to learn more