Web, Mobile & Responsive Design for Higher Ed – Online Course

January 30 – February 26, 2012: SOLD OUT
February 27 – March 25, 2012: SOLD OUT
March 26 – April 22, 2012: SOLD OUT
April 23 – May 20, 2012: SOLD OUT
May 21 – June 17, 2012: SOLD OUT
June 18 – July 22, 2012 (4th of July week off):
REGISTER NOW! Only 10 seats left!
Course fee:$1200 $800 (reflecting a $400 limited-time discount)

Asynchronous online 4-week course with weekly lessons and assignments


Course fee:$1200 $800 (reflecting a $400 limited-time discount)
Jan 30 – Feb 26, 2012: SOLD OUT
Feb 27 – Mar 25, 2012: SOLD OUT
March 26 – April 22, 2012: SOLD OUT
April 23 – May 20, 2012: SOLD OUT
May 21 – June 17, 2012: SOLD OUT
June 18 – July 22, 2012
REGISTER NOW!
Only 10 seats left!
  • All the course materials (screencasts, handouts, readings, quizzes, 4 graded discussions, 4 graded assignments)
  • Unlimited questions related to the course to the instructor via the “Ask the Prof” discussion board during the 4-week session

    • Responsive Web design by Ethan Marcotte

  • Hard-copy OR (Ordering hard copies from A Book Apart to be delivered to different addresses is a very cumbersome process. Sorry, but we just can’t justify the extra TIME anymore)
    eBook version of the textbook: Responsive Web Design by Ethan Marcotte
  • Access to the class discussion board and course materials for 1 year
  • Higher Ed Experts Digital Certificate upon completion of the course with a minimum final grade of 80%

Responsive Web Design Course

Web, Mobile and Responsive for Higher Ed (RWD 201)

This 4-week online course will help you future-proof your website (and your job) in higher ed through the responsive web design approach.

Web design is changing. Designing for mobile is becoming critical, but designing for the future of web browsers goes beyond just mobile design. People are browsing the web on an increasingly wide array of devices, from cell phones and tablets to desktops and TVs. How can you engage users, meet their needs and drive conversions on every device?
This course will cover the strategic decisions, design principles, and CSS techniques that will help you prepare your websites to shine on all of these devices without having to maintain multiple versions. At the end of the course, you will have completed a conversion project – making the web design of your homepage (or any other page of your choice) responsive to mobile, tablet and desktop devices.

How you will learn:

  • Expect to spend at least 10 hours per week studying and working on practical quizzes, discussions with your classmates and hands-on assignments you can use right away at the office.
  • This is an intensive asynchronous online course designed for busy higher ed professionals. You can study when it’s the most convenient for you as long as you complete the weekly graded assignments by the deadline.
  • Led and taught by Stewart Foss, an accomplished web designer, a college instructor and a recognized leader in the higher ed web design community, this 4-week course is limited to 10 participants per session to nurture discussions and creative solutions among a small group of practitioners working in different institutions.
  • The Higher Ed Experts Certificate in Responsive Web Design for Higher Ed will only be granted to students obtaining at least the passing grade of 80/100.

What you will learn:

Web, Mobile and Responsive Design for Higher Ed
Course description and learning objectives

Week 1 – What is Responsive Web Design?

Students will gain a basic understanding of responsive web design. They will compare and contrast responsive design with other approaches to multi-platform and device design. They will be introduced to testing tools for various platforms that could be targeted and test some example websites on them. They will develop a wireframe for a responsive website which will be used in later assignments.

Learning Objectives:

  • Understand the concept of responsive web design.
  • Identify advantages and disadvantages to the responsive web design approach.
  • Test on various platforms and screen resolutions.
  • Identify design challenges posed by various mobile & desktop platforms and resolutions.
  • Plan out a responsive website at various resolutions.

Week 2 – Basic Flexible Grids, Flexible Images & Media Queries

Student will create a simple responsive web page using flexible grids and flexible images and at least one media query after exploring, discussing and reviewing basic techniques.

Learning Objectives:

  • Understand and demonstrate the basics of flexible grids, flexible images and media queries.
  • Create a basic responsive web design.
  • Identify specific design challenges that you need to be considered at various resolutions and on various platforms for higher ed websites.

Week 3 – Advanced Flexible Grids & Flexible Images

Students will advance their knowledge of flexible grids and flexible images by converting an existing page on their website (or from an example website) using flexible grids and images.

Learning Objectives:

  • Understand and demonstrate advanced knowledge of flexible grids and flexible images.
  • Identify specific issues with flexible grids and images.

Week 4 – Advanced CSS Media Queries

Students will advance their knowledge of CSS media queries. They will adapt the page from the previous module to add in the use of CSS media queries so it functions well on desktop, mobile and tablet, thus completing a full responsive web design conversion.

Learning Objectives:

  • Understand and demonstrate advanced knowledge of CSS media queries.
  • Demonstrate a complete understanding of responsive design principles.
  • Learn how to adapt workflows to include responsive design

Faculty:

Stewart FossStewart Foss, Web Designer and eduStyle Founder
Stewart has spent the last decade working in higher ed. He has worked in web management for two institutions, Athabasca University and Grant MacEwan University, and as an instructor at another, Lethbridge College. He is the founder of eduStyle and the eduStyle Higher-ed Web Awards. He also co-authored of the eduStyle Guide to Higher-ed Homepage Usability. He’s been working to spread awareness of best practices and draw attention to high quality web design in higher ed through his presentations and work.

Who should take this course:

  • Primary audience: web designers, web developers, mobile web developers and webmasters
  • Secondary audience: hands-on or/and technically-oriented web editors, web managers and web coordinators – familiarity with HTML and CSS is required for this course (email karine@higheredexperts.com if in doubt about this requirement).


Only 10 seats left!
REGISTER NOW!

6 Responses to “4-Week Course: Web, Mobile and Responsive Design for Higher Ed”

  1. Michael King 9 May 2012 at 11:41 pm #

    Hi, how is your responsive design web course delivered please? I’m based in Melbourne, Aus.
    M.

    Reply

Leave a comment