Rapid Prototyping: From Wireframes to HTML

Rapid prototyping is the process of quickly mocking up websites or applications. Get it done quickly and easily.
4.1 (156 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7,519 students enrolled
Free
Start Learning Now
  • Lectures 9
  • Length 1 hour
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2013 English

Course Description

Rapid prototyping is the process of quickly mocking-up early draft versions of a product. A good prototype keeps the complexity out! Build the most important elements into your project, and receive feedback early on. 

First, we’ll evaluate the current state of prototyping tools: wireframing, Samantha Warren’s Style Tiles, Keynotopia, and what I call “sketching with code”. Wait, so you’re saying you can create prototypes right in HTML? You betcha. 

In the second half we’ll use Twitter Bootstrap to rapidly develop our own HTML/CSS prototype. We’ll get familiar with the fundamentals, the scaffolding, and other Twitter Bootstrap elements. In addition, we’ll also incorporate a variety of external assets for images and typography that will broaden our prototyping toolkit. 

</p>

What are the requirements?

  • None

What am I going to get from this course?

  • Learn how to prototype using simple tools
  • Find out what it takes to build your first version of a site using HTML and CSS
  • See how style tiles can help give the look, feel, and brand of your project

What is the target audience?

  • Anyone interested in prototyping a web or mobile product

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Hello.
Article
Section 1: Getting Started
Introduction
09:47
Methods
08:14
Mood Boards and Style Tiles
04:48
Section 2: Mocking It Up
T.A.P.
10:43
Setting up Twitter Bootstrap
09:43
Section 3: Putting It All Together
Quickly Mocking up a Homepage
08:07
Using the Grid
05:11
Thank You.
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

General Assembly, Campus for Technology, Design and Entrepreneurship

GENERAL ASSEMBLY IS A GLOBAL NETWORK OF CAMPUSES FOR TECHNOLOGY, BUSINESS, AND DESIGN.

At General Assembly, we offer a new model for learning these skills, one that features emerging content taught by top practitioners with real-world experience. Our global network of campuses not only brings people together – it takes advantage of a new kind of learning-by-doing. Through our curriculum, entrepreneurs receive a pragmatic and multi-disciplinary education at the intersection of technology, design, and business. By connecting entrepreneurs, expert instructors, and motivated thinkers, we're cultivating a multi-faceted community of like-minded individuals united by common goals, shared experiences, and the occasional dance party.

Ready to start learning?
Start Learning Now