Help Icon

ETG8012

Course
ETG8012
Course Title
Mobile Web Developer

Description

The ever-increasing use of Smartphones worldwide has created a great demand for Mobile Web Developers. Smartphones include a mobile browser that is similar to the traditional desktop browser, enabling millions of mobile users to browse the web on their devices instead of a traditional computer.

With more and more users accessing websites using mobile devices, businesses and organizations must adjust their websites to improve mobile experience.  Although most mobile browsers can display a scaled version of a traditional website, mobile-friendly websites make it much easier for users to browse, find the information they need, and make purchases. This is especially important for e-commerce and consumer-focused websites and will become more important as more Smartphone users consult their phones to browse content, buy products, and access online services.

These changes are expected to continue to drive growth in markets such as Mobile Web Development and Mobile App Development for years to come. You can become a Mobile Web Developer, and, in this course, you’ll learn the latest technologies to prepare you for a career.  Offered in partnership with ed2go. 

There are no specific prerequisites for this program, but students should be reasonably knowledgeable about computers and using the Internet.

Objectives

Learn the basics of Web Development and HTML.

  • Differentiate between HTML and XHTML
  • Create links in documents
  • Add images to documents
  • Create tables
  • Create forms
  • Create dynamic web applications and visual effects using Dynamic HTML

Start building HTML5 pages today.

  • Recognize the major benefits of HTML5
  • Understand the difference between HTML5 and HTML4
  • Familiarize yourself with new elements and attributes
  • Work with audio and video
  • Work with the new Canvas element to create code-based drawings
  • Use Web Storage for offline applications
  • Use all the new form elements
  • Know about the current state of browser support and how to make sites degrade gracefully
  • Leverage capabilities to present mobile-friendly sites

Learn the benefits of CSS

  • Avoid using deprecated tags and attributes
  • Use CSS Syntax, organize code, and use <div> and <span> tags appropriately
  • Know the common properties and their values
  • Create custom CSS cursors
  • Style links to create “CSS Buttons”
  • Work with borders, margin, and padding (the box model)
  • Style tables and position elements
  • Use advanced page layout techniques
  • Use shorthand properties
  • Create effects with background images
  • Lay out forms with tables
  • Use CSS with lists to create hierarchical navigation
  • Know about browser support
  • Understand how to use Media Queries to display content modified to fit the client device

Learn how JavaScript is used.

  • Use JavaScript Syntax and review basics
  • Know about objects, methods, and properties
  • Work with JavaScript variables and create functions
  • Write flow control logic
  • Validate forms
  • Create roll-over images
  • Open and work with new windows
  • Work with timers and intervals
  • Use the navigator history and location objects
  • Review JavaScript functions and the DOM
  • Create dynamic forms and web applications
  • Review XmlHttpRequest and JSON
  • Use advanced techniques, such as anonymous function
  • Use regular expressions for advanced form validation
  • Create dynamic menus and modify content

Get started with jQuery

  • Work with the jQuery Core
  • Handle events
  • Create effects
  • Build Ajax applications
  • Write and use plugins
  • Write high-performing applications
  • Organize code
  • Know how to use jQuery Mobile framework to add support for touch and other gestures
  • Know about jQuery Mobile’s capabilities, supported devices, and support for accessibility
  • Use jQuery Mobile to make calls, send SMS text message, send emails, and display video
  • Extend jQuery Mobile’s capabilities with ThemeRoller framework

Take further steps in becoming a Mobile Web Developer.

  • Know how one website can respond to the specific needs of the environment on which it is being viewed, presenting a layout appropriate for mobile
  • Understand the varying levels of support for some features among different devices
  • Understand the GeoLocation API and use it to integrate the user's location into websites.
  • Integrate video and other media appropriately for mobile devices
  • Use the Foundation framework to abstract low-level responsive coding and to create grid-based layouts
  • Create page transitions, dialogs, and buttons optimized for mobile
  • Incorporate phone-friendly forms, sliders, dialogs, and other widgets
  • Handle touch, phone-orientation, scrolling and other phone events
  • Create plugins and incorporate others' plugins into your code

Content

  1. Introduction to HTML
    • A Quick Overview of Web Development
    • Introduction to HTML
    • Paragraphs, Headings and Text
    • HTML Links
    • HTML Images
    • HTML Lists
    • HTML Tables
    • HTML Forms
  2. Introduction to CSS
    • Crash Course in CSS
    • CSS Fonts
    • CSS Text
    • Colors and Backgrounds
    • Custom Cursors
    • CSS and Links
    • Borders, Margins and Padding
    • Styling Tables with CSS
  3. Advanced CSS
    • Positioning and Visibility
    • Advanced CSS Page Layout
    • CSS Shorthand Properties
    • CSS Lists as Hierarchical Navigation
    • CSS Background Tricks
    • Laying out and Styling Forms with CSS
    • CSS Best Practices
    • Browser-compatibility Issues
  4. Introduction to JavaScript
    • JavaScript Basics
    • Variables, Arrays and Operators
    • JavaScript Functions
    • Built-In JavaScript Objects
    • Conditionals and Loops
    • JavaScript Form Validation
    • Images, Windows and Timers
    • Navigator, History, and Location Objects
  5. Advanced JavaScript
    • Quick JavaScript Recap
    • Advanced Techniques
    • Regular Expressions
    • The HTML Document Object Model
    • Dynamic Forms
    • Dynamic HTML
  6. HTML5
    • Laying out a Page with HTML5
    • HTML5 - How We Got Here
    • Sections and Articles
    • HTML5 Audio and Video
    • HTML5 Forms
    • HTML5 Web Storage
    • HTML5 Canvas
    • Integrated APIs
  7. jQuery Fundamentals
    • JavaScript Basics
    • jQuery Basic Concepts
    • jQuery Core
    • Events
    • Effects
    • Ajax
    • Plugins
    • Best Performance Practices
    • Code Organization
    • Custom Events
  8. Developing Mobile Websites
    • Designing for Mobile
    • Flexible Grids
    • Flexible Images and Other Media
    • Media Queries
    • The Viewport
    • HTML5: Mobile Specific
    • GeoLocation API
    • Consolidating the Web with Native Extensions
    • Video
    • Framework: jQuery Mobile
    • Framework: Foundation
  9. jQuery Mobile
    • What Is jQuery Mobile?
    • HTML5 & CSS3
    • Getting Started with jQuery
    • Widgets & UI
    • Events
    • Integration with the Phone
    • The Theme Framework
    • Plugins

Method of Instruction

Online

Evaluation

Class participation