Cross Platform Responsive Web Development

Cross Platform Responsive Web Development training course provides basic and advanced concepts of Cross Platform Responsive Web Development. Our Cross Platform Responsive Web Development training course is designed for beginners and professionals both.

COURSE AGENDA

  • Introduction to Responsive Web Design & Development
  • Popular Mobile OS - an overview
  • Design Architecture
    • Setting up the environment
    • Developing app the native way
    • Developing using the cross platform approach
    • Introduction about HTML5
    • Introduction CSS#
    • Introduction Javascript
    • Introduction Jquery
    • Introduction Bootstrap
  • JavaScript
  • Introduction to JavaScript
  • Primitive Data Types, Arrays, Loops
    • Variables
    • Primitive Data Types
    • Strings
    • Arrays
  • Loops
  • Functions
  • Pre-defined functions
  • Functions & data
  • Callback
  • Closure
  • Scope Chain
  • Lexical Chain
  • Objects
  • Arrays & Objects
  • Built-in Objects
  • Hands-on exercises
  • Prototype
  • Adding methods & properties
  • Emumerating properties
  • Inheritance
  • Prototype chaining
  • Copying properties
  • object()
  • The Browser Environment
  • Overview of DOM
  • Overview of BOM
  • History, Vision And Future Of HTML5
  • Getting Started With HTML5
  • Structure Of A Web Page
  • CSS3 Introduction
  • Forms
  • Audio And Video
  • HTML5 Canvas
  • Hands-on exercises
  • Data Storage
  • HTML5 Web Workers
  • HTML5 Messaging APIs
  • HTML5 Web Sockets
  • HTML5 Offline Web Applications
  • Hands-on exercises
  • Introduction to CSS3
  • Text Formatting
  • Selectors
  • Box Model
  • Links, Backgrounds
  • Lists, Tables
  • Positioning & Layout
  • New features of CSS3 - transition, tranform, etc.
  • Introduction to jQueryMobile
  • Hands-on exercises
  • Introduction to jQuery Mobile (jQM)
  • Getting started with jQM
    • Downloading the Most Recent Version of jQuery Mobile
    • Proper Markup for Loading Framework JavaScript and CSS
  • jQuery Mobile Page Structure
    • Page Anatomy: Header, Footer and Content Sections
    • Header and Footer Toolbars
    • Bundling Pages into a Single Document
    • Navigating Between Pages
  • Applying Different Theme Swatches
  • Page Initialization Events
  • jQuery Mobile Page Components
  • Basic Content Formatting
  • List Views
    • Ordered and Unordered Lists
    • Inset Lists
    • Lists with Links
    • Nested Lists
    • Lists with Icons or Thumbnail Images
    • Split Button Lists
    • List Dividers
    • Search Filters
  • Form Controls - check boxes, slider, etc.
  • Dialogs
  • Buttons and Toolbars
    • Ways to Make a Button
    • Placing Icons on Your Buttons
    • Inline Buttons
    • Button Groupings
    • Navigation Toolbars
  • Collapsible Content
  • Event Handling
    • Responding to various events
    • Page related events
  • Ajax & Interaction with server (REST & SOAP)
  • Deployment using Phonegap (e.g. Android)
  • Overview of Android Devt Environment
  • Best Practices in jQM
  • Hands-on exercises
  • Introduction to Bootstrap
    • Background
    • Setting up the environment
    • Grid System
  • Bootstrap with CSS
    • Forms
    • Layout Components
    • Glaphicons
    • Dropdown
    • Navigation Elements
    • Navbar
  • Header
    • Footer
    • Thumbnai
  • List
    • Progress bar
    • Alert
  • Breadcrumb
  • AngularJS overview
  • AngularJS Environment Setup
  • MVC architecture
  • Hellow world Application
  • Directives
    • Expression
    • Controller
    • Filter
  • Tables
    • HTML DOM
    • Modules
    • Form
  • Include
    • Ajax
    • View
    • Scope
  • Services
    • DI (Dependency Injection)
    • Custom Directives
    • Internationalizations

Copyright © 2025 All Rights Reserved by Cuesys Infotech.

Designed By  99 DESIGN AGENCY