Book Image

Oracle JET for Developers

By : Raja Malleswara Rao Malleswara Rao Pattamsetti
Book Image

Oracle JET for Developers

By: Raja Malleswara Rao Malleswara Rao Pattamsetti

Overview of this book

This book will give you a complete practical understanding of the Oracle JavaScript Extension Toolkit (JET) and how you can use it to develop efficient client-side applications with ease. It will tell you how to get your own customized Oracle JET set up. You'll start with individual libraries, such as jQuery, Cordova, and Require.js. You'll also get to work with the JavaScript libraries created by Oracle, especially for cloud developers. You'll use these tools to create a working backend application with these libraries. Using the latest Oracle Alta UI, you'll develop a state-of-the-art backend for your cloud applications. You'll learn how to develop and integrate the different cloud services required for your application and use other third-party libraries to get more features from your cloud applications. Toward the end of the book, you'll learn how to manage and secure your cloud applications, and test them to ensure seamless deployment.
Table of Contents (17 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Responsiveness


Responsive web design is provided by the Oracle JET framework for the web pages with the help of fluid grids, scalable images, and media queries. The framework has an exhaustive 12-column grid system and form layouts with styles for different sized screen devices. Grid and Media queries help the pages to render as per the screen resolution. Let us quickly review an example form layout and how it varies between a desktop and a mobile screen, as follows:

  • HTML:
        <div id="sampleDemo" style="" class="demo-padding 
         demo-container">
          <div id="componentDemoContent" style="width: 1px; 
           min-width: 100%;">
            <div id="form-container">
              <p>Demo width in 
                <span class="demo-screen-range"></span> 
              screen range.</p>
              <div class="oj-form-layout">
              // input form components with style classes for layout
                <div class=...