Rapid Prototyping: From Wireframes to HTML
3.5 (187 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,805 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Rapid Prototyping: From Wireframes to HTML to your Wishlist.

Add to Wishlist

Rapid Prototyping: From Wireframes to HTML

Rapid prototyping is the process of quickly mocking up websites or applications. Get it done quickly and easily.
3.5 (187 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,805 students enrolled
Created by General Assembly
Last updated 1/2013
English
Price: Free
Includes:
  • 1 hour on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • None
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>
Who is the target audience?
  • Anyone interested in prototyping a web or mobile product
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 9 Lectures Collapse All 9 Lectures 56:53
+
Hello.
1 Lecture 00:02
Hello.
00:02
+
Getting Started
3 Lectures 22:49
Introduction
09:47

Methods
08:14

Mood Boards and Style Tiles
04:48
+
Mocking It Up
2 Lectures 20:26
T.A.P.
10:43

Setting up Twitter Bootstrap
09:43
+
Putting It All Together
3 Lectures 13:20
Quickly Mocking up a Homepage
08:07

Using the Grid
05:11

Thank You.
00:02
About the Instructor
General Assembly
3.7 Average rating
1,900 Reviews
103,229 Students
14 Courses
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.