Online Web & Mobile Design Course

Show employers you have the knowledge and skills needed to deliver exceptional web and mobile design.

quick details

Towson University's online Web and Mobile Design course teaches you the essentials and best practices of web and mobile design, including design theory, tools, and technologies. Completion of this course prepares you to sit for two exams: the Advanced HTML5 & CSS3 Specialist exam and the User Interface Designer exam.

Date: Open enrollment. Begin anytime.

Schedule: Set your own. Must be completed within six months of registration.

Tuition: Includes all instructional materials and a voucher for each of the certifying exams

Location: Online

This course is WIOA approved and is on the Maryland Eligible Training Provider List (ETPL).

Course Tuition
Hours REGISTER
Online Site Development Associate Course  $599  80 Register
Online Web & Mobile Design Course $1,899 200 Register
Online Web & Mobile Design Course with Site Development Associate Course $2,199  280 Register

We create opportunities for Greater Baltimore’s Workforce.

Learn More

Have questions? We have answers.

Request Information

More About This Course

TU’s Online Web and Mobile Design Course teaches you to manage the website development process, relate website development to business goals, and teaches you the major aspects of web and mobile design, including:

  • HTML5 APIs
  • Cascading Style Sheets (CSS)
  • JavaScript coding
  • Responsive Web Design
  • Mobile Device UI
  • Multi-platform websites
  • Design techniques and strategies

Advanced HTML5 & CSS3 Specialist

HTML5 Essentials

  • Introduction to HTML5 and CSS3
  • Migration to Mobile Devices
  • The Web Development Trifecta
  • The Evolution of HTML5
  • HTML5 Structure Elements
  • Validating HTML5 Code
  • The <video> Element
  • The <audio> Element
  • HTML5 APIs

Using Cascading Style Sheets (CSS) Technology

  • Cascading Style Sheets (CSS)
  • Style Guides
  • CSS and HTML
  • CSS Terms and Syntax
  • Applying CSS Styles
  • Page Layout with CSS
  • CSS Positioning Schemes
  • The CSS Box Model

Introduction to CSS Version 3 (CSS3)

  • Introduction to CSS3
  • CSS3 Selectors and Properties
  • CSS3 Background Properties
  • CSS3 Border Properties
  • CSS3 Font Properties
  • CSS3 Text Effects

Using Advanced CSS3 Techniques

  • Introduction to Advanced CSS3 Techniques
  • CSS3 2D and 3D Transformations
  • CSS3 Transitions
  • CSS3 Animations
  • CSS3 User Interfaces
  • Creating Menus and Buttons with CSS3

Introduction to JavaScript

  • HTML5 and JavaScript
  • Introduction to Scripting
  • JavaScript Characteristics
  • JavaScript vs. Other Languages
  • Embedding JavaScript into HTML5 Documents
  • JavaScript and Common
  • Programming Concepts
  • Objects, Properties and Methods
  • Variables
  • Expressions and Operators

JavaScript Events, Functions and Methods

  • User Events and JavaScript Event Handlers
  • Introduction to JavaScript Functions
  • Defining a Function
  • Calling a Function
  • Methods as Functions
  • Errors in JavaScript

Using HTML5 APIs

  • Introduction to HTML5 APIs
  • Document Object Model (DOM)
  • Common HTML5 APIs
  • The Canvas API
  • The Offline AppCache API
  • The Geolocation API
  • The Drag-and–Drop API
  • The File API
  • The History API
  • Retrieving Data with XMLHttpRequest
  • Manipulating Data with jQuery

Developing HTML5 Forms

  • Introduction to HTML5 Forms
  • Cross-Browser Compatible HTML5 Forms
  • HTML5 Form Input Types
  • New Form Elements in HTML5
  • HTML5 Global Attributes for Form
  • Elements

Completing, Submitting and Validating User Input Forms

  • Improving Forms with HTML5
  • HTML5 Attributes for the <form> Element
  • HTML5 Attributes for the <input> Element
  • Submitting Forms with the <button> Element
  • Concepts and Techniques for Validating User Input
  • Validating User Input with HTML5 Attributes
  • Validating User Input with JavaScript

Designing for Mobile Devices

  • Introduction to Mobile Design
  • Mobile Web Sites vs. Mobile Apps
  • Designing Web Sites for Mobile Devices
  • Page Layout for Mobile Devices
  • Navigation and Hyperlinks for Mobile Devices
  • Images and Mobile Design
  • Validating and Testing Mobile Web Pages
  • Responsive Web Design

User Interface Designer

Introduction to User Interface

  • Design
  • What Is User Interface Design?
  • Evolution of Web User Interfaces
  • Current Trends in Web Design
  • Web Design Team Roles and Responsibilities
  • Web Design Project Management
  • Collaborative Web Design
  • Creating a Web Design Portfolio
  • Creating a Plan for a Web-Based Business Project

User Interface Design Process

  • Choosing a Web Design Methodology
  • Creating a Web Site Vision Statement
  • Creating and Implementing a Web Site Strategy
  • Creating a Web Site Specification
  • Publishing a Web Site
  • Choosing a Web Site Host
  • Securing a Web Site
  • Creating Ethical and Legal Web Sites
  • Creating a Mind Map
  • Using Metaphors
  • Creating Word Lists and Mood Boards
  • Creating a Site Map

User-Centered Web Design

  • User-Centered Web Design
  • The Cognitive Psychology of Web Design
  • Personas and Usability
  • Accessibility

User Interface Design Principles and Legal Guidelines

  • Web UI Design Principles
  • Visual Design Principles
  • Branding
  • Legal Issues Impacting Web Design

Color, Typography, Layout and Wireframing

  • Color
  • Typography
  • Layout
  • Wireframes and Mockups
  • Responsive Web Design

Designing a Basic Web Site

  • Creating a Web Site
  • Part 1: Creating One Site Page
  • Part 2: Creating the Remaining Site Pages
  • Spell- and Grammar-Check the Site

Navigation Concepts

  • Why is Web Site Navigation So Important?
  • Site Structure, Directory Structure and URLs
  • Positional Awareness
  • Primary and Secondary Navigation
  • Navigation Elements
  • Navigation Conventions and Principles
  • Creating a Navigation System

Designing and Developing a Professional Web Site

  • Why is Prototyping So Important?
  • User-Centered Web Design
  • User Interface Design Patterns
  • Optimizing the look and feel of a Web site
  • Focus on Web Forms
  • GET and POST
  • Constructing a Professional Web Site
  • Web Framework
  • User Interface Libraries
  • Web Content Management Systems
  • Additional Web Development Tools
  • Web Hosting Services and Domain Names

Site Publishing, Maintenance, Security, and SEO Strategies

  • Making Sure a Web Site is Ready to be Published
  • Maintaining a Web Site
  • Search Engine Optimization (SEO)
  • SEO and Written Site Content
  • SEO and Mobile-Friendliness
  • SEO and Metadata

Download Course Outline (PDF)

To become a successful web designer and to be successful in this course, it's important you have a strong understanding of HTML5 and CSS3 coding. Our Site Development Associate course is a fundamentals course that teaches you essential Web page development skills. You’ll learn to develop Web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS). You will learn to write code manually, as well as use graphical user interface authoring tools. You will also work with images, create hyperlinks, and add tables, forms, video and audio to your Web pages. If you want the knowledge and skills to be successful in this course, we recommend you take this course. NOTE: This course can be taken on its own or in conjunction with this online Web & Mobile Design course.

The cost of the exams, Advanced HTML5 & CSS3 Specialist and User Interface Designer, are in included with the tuition. Learn more about the Advanced HTML5 & CSS3 Specialist and User Interface Designer exam objectives.

Hardware Requirements
Minimum Requirements

  • 1 GHz 32-bit (x86) or 64-bit (x64) processor
  • 16 GB available hard disk space (32-bit) or 20 GB available hard disk space (64-bit) for Windows 8 installation.
  • 16 GB of additional space must be available for course applications and files.
  • 1 GB RAM (32-bit) or 2 GB RAM (64-bit)
  • Network interface card (NIC) Wireless, 10/100 Ethernet, or Gigabit Ethernet
  • Sound card/speakers Required
  • Microsoft DirectX 9 graphics device with WDDM driver
  • Enough wireless nodes, hubs or switches to allow classroom computers to communicate and access the Internet.
  • 1024 x 768 screen resolution using a VGA, DVI or HDMI connector
  • Any type of Web camera. Some monitors include an internal Webcam. USB Web cams are a good choice.
  • Webcams are strongly recommended.

Software Requirements

  • Microsoft Windows 8.1 Pro (or later)
  • Microsoft Internet Explorer 11 (or later)
  • Firefox 27 (or later)
  • Google Chrome 34 (or later)
  • Text editor
  • Microsoft Movies & TV
  • Software must be installed and fully operational before the course begins.

Other

  • Email capabilities and access to a personal email account.