X

Welcome to the Basic Prep!

These free mini-courses will give you a strong foundation in web development. Track your progress and access advanced courses on HTML/CSS, Ruby and JavaScript for free inside our student portal.

Web basics graph
Down arrow black
<< Learn More
Close and continue >>

Web Design Basics

An introduction to web design and how you can use it to build better sites.

Introduction

Lesson

1. Welcome

Lesson

2. A High Level Overview

Lesson

3. What is 'Product'?

Lesson

4. The Design Process

Lesson

5. How This Mini-Course Will Look

Lesson

Sign up to track your progress for free

User Experience (UX)

Lesson

6. What is User Experience?

Lesson

7. Components of Good UX

Lesson

8. Our Approach to UX

Lesson

9. Demo: A UX Teardown

Lesson

10. Your Own UX Teardown

●●○○○
Lesson

11. Demo: Designing the Viking Blogger UX

Principles of Visual Design

Lesson

12. What is Good Design?

Lesson

13. Design on the Web

Lesson

14. Layout and Composition

Lesson

15. Building Visual Hierarchy

Lesson

16. Fonts and Typography

Lesson

17. Demo: A Sample Design Teardown

Lesson

18. Your Own Design Teardowns

●○○○○
Lesson

19. Designing with Grid Systems

Lesson

20. Understanding Color

Lesson

Sign up to track your progress for free

Creating and Using Mockups

Lesson

21. What are Mockups?

Lesson

22. Using Balsamiq for Mockups

Lesson

23. Demo: Mocking Up the Viking Blogger

Lesson

Sign up to track your progress for free

Project: Tearing Down and Mocking Up

Project

Tearing Down and Mocking up Facebook

Use Balsamiq to mock up several Facebook pages.

●●○○○

Conclusion

Lesson

25. Review of Concepts

Lesson

26. Test Yourself

Lesson

27. Where to Go From Here

Lesson

Sign up to track your progress for free

Next Step: Learn about Software Engineering Basics!

Engineering