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.
1. Welcome
2. A High Level Overview
3. What is 'Product'?
4. The Design Process
5. How This Mini-Course Will Look
Sign up to track your progress for free
6. What is User Experience?
7. Components of Good UX
8. Our Approach to UX
9. Demo: A UX Teardown
10. Your Own UX Teardown
11. Demo: Designing the Viking Blogger UX
12. What is Good Design?
13. Design on the Web
14. Layout and Composition
15. Building Visual Hierarchy
16. Fonts and Typography
17. Demo: A Sample Design Teardown
18. Your Own Design Teardowns
19. Designing with Grid Systems
20. Understanding Color
21. What are Mockups?
22. Using Balsamiq for Mockups
23. Demo: Mocking Up the Viking Blogger
Use Balsamiq to mock up several Facebook pages.
25. Review of Concepts
26. Test Yourself
27. Where to Go From Here