• Find a Learning Path
  • Develop a Web Application with Responsive Layout in Oracle JavaScript Extension Toolkit (Oracle JET)

Breadcrumb for learning path

Main Parent

Learning Path Details Parent

bubbles_banner

Information

learning_path_info

Develop a Web Application with Responsive Layout in Oracle JavaScript Extension Toolkit (Oracle JET)

After completing this learning path, you will be able to convert the page layout of an Oracle JET web application to a responsive layout. You will also be able to enhance the styles and change the alignment of the content for different screen sizes by using the responsive helper classes. The learning path demonstrates how to use responsive JavaScript and an inline template on different screen sizes.

Enroll the User-Public

Learning_path_filler

Learning_path_icons

beginner Beginner
duration 41 Min
modules 5 Modules

Learning Path Contents

Module Sections Topics and more

  • Getting Started with Oracle JET
      duration 8 Min
    Are you a JavaScript developer working on client-side applications and you want to understand what Oracle JET is and how to use it to create a web application? Watch this video for an introduction to Oracle JET and a demo showing how easy it is to create a modern web application using the Oracle JET command-line interface.
     
    Show
  • Create an Oracle JET Web Application with Responsive Page Layout
      duration 10 Min

    Learn how to convert an existing page layout to a responsive page layout using Oracle JET helper classes.

    NOTE: This learning path is the second in a series of five learning paths. To experience end-to-end application development in Oracle JET, visit the Oracle JET Help Center for details about building a single application by following a progressive series of learning paths. Alternatively, you may begin this learning path by downloading the starter application from the previous learning path in this Oracle JET series.

     
    Show
  • Format an Oracle JET Web Application for Different Screen Sizes
      duration 10 Min
    Learn how to add Oracle JET helper classes to customize various styles and behavior of the components for different screen sizes.
     
    Show
  • Show or Hide Content in an Oracle JET Web Application
      duration 8 Min
    Learn how to show or hide content in a list using Oracle JET responsive JavaScript and oj-module custom element.
     
    Show
  • Test an Oracle JET Web Application for Different Screen Sizes
      duration 5 Min
    Learn how to test the responsive behavior of your Oracle JET web application on different screen sizes in a web browser.
     
    Show