Skip to main content
  • Courses
  • Programs
  • Help
    Getting Started Discussion Forums Help Center & FAQ
Saylor Academy
  • Log in or Sign up
Courses
Programs
Help
Getting Started
Discussion Forums
Help Center & FAQ
  • CS412: Mobile Application Development
  • Sections
  • Course Introduction
  • Unit 1: Introduction to Mobile Application Development
  • Unit 2: Infrastructure
  • Unit 3: HTML/CSS/DOM and Scripting
  • Unit 4: JQuery and Structured Data
  • Unit 5: Scripting with Server Access
  • Unit 6: Designing Mobile User Interfaces
  • Unit 7: Mobile Application Evaluation and Mobile Browsers
  • Unit 8: Mobile Platforms
  • Unit 9: Storage and Geolocation
  • Unit 10: Android Development
  • Unit 11: iPhone/iPad Development
  • Final Exam
  • Resources
  • Activities
  • Quizzes
  • Home
  • About Saylor Academy
  • Blog
  • Credit University Partners

CS412: Mobile Application Development

  1. Home
  2. Courses
  3. (hidden)
  4. CS412: Mobile Application Development
  5. Sections
  6. Unit 3: HTML/CSS/DOM and Scripting

Learn new skills or earn credit towards a degree at your own pace with no deadlines, using free courses from Saylor Academy. We're committed to removing barriers to education and helping you build essential skills to advance your career goals. Start learning here, or check out our full course catalog.

Log in or Sign up to enroll in courses, track your progress, gain access to final exams, and get a free certificate of completion!

Sign up now
Back to course 'CS412: Mobile Application Development'
  • Unit 3: HTML/CSS/DOM and Scripting

    This unit will review HTML, CSS, the Document Object Model, and JavaScript. This unit will be helpful to those students who have not taken CS305 and will provide a refresher for those whose skills are rusty in these areas. We will look at basic web page design using HTML and review how cascading style sheets are used. The unit will conclude with a basic overview of JavaScript.

    Completing this unit should take you approximately 18 hours.

    • Unit 3 Learning Outcomes Page
    • 3.1: HTML

      • University of California, Berkeley: Erik Wilde's "Mobile Application Design and Development: HTML/CSS and DOM" URL

        Read these slides.

      • Stanford University: Ben Galbraith's "Introduction to Web Technologies and HTML5" Page

        Watch this lecture, which provides a good introduction to HTML, CSS, and JavaScript.

      • Tizag: "HTML Tutorial" URL

        Work through this tutorial. You may find it helpful to download a free tool, such as ACEHTML, to help you test out some HTML on your browser.

      • W3Schools: "HTML Quiz" URL

        Attempt this quiz to test your knowledge of HTML.

      • 3.1.1: Validation

        • Terry Sullivan's "Understanding HTML Validation" URL

          Read this article. Also, if you wish to validate some HTML pages, you can do this by going to http://validator.w3.org/.

      • 3.1.2: Rendering

        • Tali Garsiel's "How Browsers Work" URL

          Work through this tutorial.

      • 3.1.3: Difference between Web Browsers

        • A. Lundgren's "Comparison between Browsers" URL

          Read this article.

        • Creating a Simple Web Form URL

          Work through this activity. There are some exercises to complete on your own as well as some code to try. You will want to use an editor such as TextEdit or Notepad++ to work with the HTML files. Also, you should test all of your HTML files in a web browser of your choice. Please review the solutions when you are ready.

    • 3.2: Cascading Style Sheets (CSS)

      • Interactive CSS Laboratory URL

        Follow the instructions to complete this assignment. When you are finished, check your answers against the answer key.

      • W3Schools: "CSS Tutorial" URL

        Work through this tutorial.

      • W3Schools: "CSS Quiz" URL

        Attempt this quiz to test your knowledge of CSS.

    • 3.3: Document Object Model (DOM)

      • Document Object Model (DOM) Interactive Laboratory URL

        Work through this activity. When you are finished, you may check your work against the solutions.

      • W3Schools: "DOMTutorial" URL

        Work through this tutorial, including the examples.

    • 3.4: JavaScript

      • University of California, Berkeley: Erik Wilde's "Mobile Application Design and Development" URL

        Read these slides.

      • W3Schools: "JavaScript Tutorial" URL

        Work through these tutorials.

      • 3.4.1: Uses

        • The New Boston: "Introduction to JavaScript" Page

          Watch this video.

      • 3.4.2: Basic Constructs

          • 3.4.2.1: Variables

            • The New Boston: "Variables" Page

              Watch these videos.

          • 3.4.2.2: Strings

            • The New Boston: "Using Variables with Strings" Page

              Watch this video.

          • 3.4.2.3: Operators

            • Michael Moncur's "Understanding Expressions and Operators" URL

              Read this page.

            • The New Boston: "Operators" Page

              Watch these videos.

          • 3.4.2.4: Arrays

            • The New Boston: "Arrays" Page

              Watch these videos.

          • 3.4.2.5: Objects

            • The New Boston: "Objects" Page

              Watch these videos.

        • 3.4.3: Functions

          • The New Boston: "Functions" Page

            Watch these videos.

        • 3.4.4: Control Structures

          • The New Boston: "Control Structures" Page

            Watch these videos.

        • 3.4.5: Looping

          • The New Boston: "Loops" Page

            Watch these videos.

        • 3.4.6: Modes of Execution

          • Michael Moncur's "How JavaScript Fits into a Web Page" URL

            Read this page and the following page.

        • 3.4.7: Interactive Lab

          • Interactive JavaScript Laboratory File

            Work through the laboratory, which will cover how to use JavaScript to validate an HTML form. You may download a zipped collection of the HTML files here. All of the HTML pages can be tested in any browser. As you work through the tutorial, utilize the JavaScript Tutorial as a reference. When you are finished, you may check your work against the answer key.

      • 3.5: Assessment

        • W3Schools: "JavaScript Quiz Test" URL

          Attempt this quiz to test your knowledge of JavaScript.

    Saylor Academy
    • About

    • Partners

    • Blog

    • Contact

    Saylor Academy

    © Saylor Academy 2010-2022 except as otherwise noted. Excluding course final exams, content authored by Saylor Academy is available under a Creative Commons Attribution 3.0 Unported license. Third-party materials are the copyright of their respective owners and shared under various licenses. See detailed licensing information.

    Saylor Academy and Saylor.org® are trade names of the Constitution Foundation, a 501(c)(3) organization through which our educational activities are conducted.

    "CCBY"

    Sitemap | Terms of Use | Privacy Policy

    Data retention summary
    Get the mobile app
    Policies