Cross Platform Responsive Web Development
( Duration: 14 Days )COURSE AGENDA
1
Introduction to Responsive Web Design & Development
- 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
2
Introduction to JavaScript
- 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
3
Introduction to JavaScript
- Prototype
- Adding methods & properties
- Emumerating properties
- Inheritance
- Prototype chaining
- Copying properties
- object()
- The Browser Environment
- Overview of DOM
- Overview of BOM
4
HTML5
- 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
5
HTML5
- Data Storage
- HTML5 Web Workers
- HTML5 Messaging APIs
- HTML5 Web Sockets
- HTML5 Offline Web Applications
- Hands-on exercises
6
CSS3
- 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
7
Jquery and jQueryMobile
- 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.
8
jQueryMobile
- 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
9
Bootstrap
- Introduction to Bootstrap
- Background
- Setting up the environment
- Grid System
- Bootstrap with CSS
- Forms
- Forms
- Layout Components
- Glaphicons
- Dropdown
- Navigation Elements
- Navbar
- Header
- Footer
- Thumbnai
- List
- Progress bar
- Alert
- Breadcrumb
10
AngularJS
- 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
Encarta Labs Advantage
- One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
- All courses are delivered by Industry Veterans
- Get jumpstarted from newbie to production ready in a matter of few days
- Trained more than 50,000 Corporate executives across the Globe
- All our trainings are conducted in workshop mode with more focus on hands-on sessions
View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php
Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.
Notice
X