Syllabus - Responsive Web Design

TiEEdu Responsive Web Design Course - 001

Instructor Name:
Anshul Dwivedi
Instructor Email:
Instructor Contact:
+91 8178116799
11:00 a.m. - 4:00 p.m.
Greater Noida, Noida

About This Course

Responsive web design isn’t just a technical solution for web design - it’s an entire process that brings multiple disciplines together to form one product that works across multiple devices. The responsive design process includes user experience, content strategy, information architecture, visual design, development, usability testing and technical testing. Students who will succeed in this field will need to be familiar with not just one, but all of these processes, while working in a team-based environment.

In this course you will learn the fundamental principles for developing standards-based web sites from a mobile-first and content-first perspective. We will explore each aspect of an agile-inspired process, during which you’ll learn each step of what it takes to build a website and ensure its functionality for its users in terms of both usability and performance.


Just a few of the topics planned to be covered in the Responsive Web Design course include:


Sophomore standing. This course has no other prerequisites, however you must be proficient in basic web and computer applications. You will be expected to write HTML, CSS and light JavaScript code (familiarity with these will be helpful, but is not necessary). You will also be working in vector-based editing tools to help prototype visual designs. Success in this course will depend on your willingness to try learn new skills and collaborate with others from different backgrounds to solve complex problems.

Subject to Change Statement

The syllabus and course schedule may be subject to change. Changes will be communicated via email. It is the responsibility of students to check email messages and course announcements to stay current in the course.

Course Goals

In this course, students will:

Learning outcomes

Most importantly, by the end of this course, students will be able to:

Class Structure

This class will be held for four days a week and will have both a lecture/discussion and studio/lab component. Students will be assigned readings from a variety disciplines, authors and topics, which will be discussed during the first half of class. All students will have the opportunity to pair with a student from a different background to work on hands-on examples in class each week, as well as a long-term project that will span the internship. Short homework assignments will be given throughout the internship in order to master key topics.

Preparing for Class

Students are expected to come to class prepared. This means:

Course Schedule

Part 1: Principles of Responsive Web Design

Students explore the concept of responsive web design, learn why it matters and will begin implementing simple HTML, CSS and JavaScript in the browser.

Part 2: Responsive Design in Practice

Students will apply competitive research findings to a content prototype, collecting, organizing and prioritizing the most important information. Students will begin an iterative design process using CSS, where they’ll begin by mocking up design components in digital style tiles and then turning those components into reusable HTML/CSS pattern libraries. Students will learn the importance of designing a visual language for their websites using web typography, colors, user interface elements and layouts. Finally, the content and design will begin to come together in the form of prototypes. Students will learn how prototypes are tested with usability, technical and accessibility testing. Part 2 will end with the presentation and class critique of a website prototype and pattern library.


Student learning will be assessed through three types of work: in-class participation, in-class quizzes, short assignments and a multi-stage small group/individual project.

Graduate Students
Graduate student assignments may include a more challenging component than undergraduate assignments to support advanced mastery of the subject. When working in collaboration with an undergraduate student, only the graduate student is required to complete this component of the assignment.

There are 100 total possible points for the internship.

In-Class Assignments/Quizzes

Assignment Points
RWD Case Study 4
HTML/CSS Mini Exam 10
In-Class Participation / Attendance 4
In-Class Quizzes 4

CodePen Challenges

Assignment Points
HTML Basics 1 4
HTML Basics 2 4
CSS Basics 1 4
CSS Basics 2 4
Fonts and Media Queries 6
Boxes and Layout 6

Attendance Policy

We’ll be covering many topics during class, as well as working in groups on exercises to help you master web design techniques. Therefore, attending each of the classes is crucial. All absences will only be accepted for the following reasons: sickness (with medical note only), athletic event (with coach’s note), religious observation, military responsibility (with documentation) and death in the family (with documentation).

Students who miss more than two classes without proper documentation will receive a 0 for their class participation grade for the internship.

If you miss class, you are still responsible for contacting the instructor to see what was assigned that day, as well as meeting all assignment deadlines.

Some assignments, such as in-class presentations, testing and quizzes, require attendance in order to receive full credit for the assignment.

Late Submissions

The assignments deadlines are to help you manage the workload and stay on track with the course. If an assignment will be late, students must contact the instructor and explain. We accept the following reasons for late assignments: sickness with medical note, athletic event (with coach’s note), religious observation, military responsibility (with documentation), death in the family (with documentation).

My policy for late assignments has 3 rules:

Group Work

This class uses team-based learning for part or all of the internship. Students must agree to follow the Group Rules & Expectations throughout the course of the project.


Final letter grades will be assigned on the basis of the following table. Graduate student assignments will take into account additional advanced components (described within the assignment), differing from undergraduate assignments.

Letter Percentage
A 93% or higher
A- 90-92%
B+ 87-89%
B 83-86%
B- 80-82%
C 70-79%
D 60-69%
F < 60%

Hardware & Software

Communicating with the Instructor

My office hours for this semester are:


My email address is Here is my email policy: