Web Design: Wireframes to Prototypes
This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. Along the way we will also discuss: - Responsive web design and mobile web challenges - Mobile-first approach - Web typography - The relationship between design and programming and whether it is important to know how to code - The different web technologies that make the web work, such as HTML, CSS, JavaScript, server-side coding, and databases. This course is the continuation of the course Web Design: Strategy and Inf
Skills you'll learn
We may earn a commission if you enroll through our links — it never affects the price you pay.
Similar courses
UX Design: From Concept to Prototype
Great design doesn’t come out of nowhere; it is born, nurtured, and grown--all through a systematic, learnable process. In this UX course, you will explore the process of taking a basic concept, grounded in user needs, and developing it into a design that will address those needs. In the course, you will gain hands-on experience with techniques such as sketching, scenario development, storyboarding, and wireframing that will help you transform your understanding of what your users need into a compelling user experience. You will then learn how to turn wireframes and interaction architecture in
All levels
Essential CSS Concepts
This course gives you the practical skills to build and style professional websites with CSS. Starting with the fundamentals, you’ll practice hands-on challenges that cover layout, typography, colors, and buttons before moving into more advanced concepts including positioning, z-index, and CSS specificity. Throughout the course, you’ll build a coworking space site and an NFT site, applying new techniques in real-world scenarios. You’ll explore how margins, flexbox, and selectors work, while learning to debug and refactor your code for clean, maintainable results. Each lesson introduces you t
All levels
Design and Develop a Website using Figma and CSS
In this 2-hour long project-based course, you will learn how to use the basic tools and features of Figma, design a website’s prototype and convert it into a website exactly as designed, using HTML and CSS. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.
All levels
JavaScript Basics
This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases. Learners will write their first scripts, have their HTML and CSS skills assessed, create variables and arrays and assign values to them. If student’s skills are lacking, resources and recommendations are provided to improve these skills. There is ample opportunity f
All levels