MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

Mobile Web Design & Development Fundamentals

Course Summary

 Surveys the core principles and techniques essential to building web sites for mobile devices.       


  • +

    Course Syllabus

    Introduction
       Welcome
       Using the exercise files
    1. Understanding the Mobile Web
       Understanding the mobile context
       A survey of mobile sites
       Targeting mobile browsers
       Previewing a complete mobile site
    2. Mobile Web Development Guidelines
       Designing for one web
       Using well-defined web standards
       Designing mobile-friendly pages
       Being crisp, clean, and succinct
       Minimizing input where possible
       Focusing on the core scenarios
    3. Setting Up a Development Environment
       Installing the tools
       Setting up a local web server
       Installing device emulators
       Using device emulators
       Downloading Modernizr and Mobile Boilerplate
       Building a first mobile web page
       Developing mobile pages with desktop browsers
       Exploring useful mobile web development resources
    4. Adapting Desktop Sites for Mobile Devices
       Reviewing mobile markup languages
       Understanding content adaptation approaches
       Controlling the viewport layout
       Designing forms
       Using CSS media queries
    5. Creating Mobile-Optimized Pages
       Detecting client capabilities with script
       Caching information with local storage
       Determining position with geolocation
       Minimizing HTTP requests with data URLs
       Understanding user agent detection
       Using server-side detection with PHP
       Using server-side detection with ASP.NET
       Using HTML5 Boilerplate for mobile
    6. Understanding Mobile Browser Capabilities
       Measuring performance
       Creating full-screen web apps
       Customizing the user interface
       Detecting orientation changes
       Detecting device movement
       Using touch events
    7. Putting It All into Practice
       Taking a look at the finished site
       Examining the header and background image style on the Home page
       Examining the hover effect and layout styles on the Tours page
       Examining mobile forms on the Contact page
       Viewing and testing the mobile site on emulators
       Viewing the site on devices
    Conclusion
       Goodbye
     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

6 - 7 hours / week

This course is listed under Open Source , Development & Implementations and Quality Assurance & Testing Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top