Embed Size (px)
Citation preview
UI Development AkiraIT Solutions
Syllabus for HTML Training:
Introduction • The World Wide Web (WWW) and history of
HTML• Hypertext and Hypertext Markup Language• Why HTML• Prerequisites• Objective of this HTML course
HTML Documents • Dividing the document into 2 parts.– Headers tags– Body tags
• Paragraphs• Formatting• Elements of an HTML Document – Text Elements– Tag Elements
HTML Documents • Special Character elements• Image tags• HTML Table tags
• Lists – Numbered list– Non-Numbered lists– Definition lists
HTML Documents • Anchor tag, Name tag etc.• Hyperlinks - FTP/HTTP/HTTPS• Links with images and buttons• Links to send email messages• Text fonts and styles• background colors/images• Marquee Behavior• Forms related tags (action,
method,name,input,submit etc)
HTML Media Tags
• Inserting audio files• Inserting video files• Screen control attributes• Media control attributes• HTML Object
HTML 5 :
– Introduction of different Web Technology
– HTML5 Introduction– HTML5 New Elements– HTML5 Video– HTML5 Video/DOM– HTML5 Audio– HTML5 Drag and Drop– HTML5 Canvas
HTML 5 :
– HTML5 SVG– HTML5 Canvas vs. SVG– HTML5 Geolocation– HTML5 Web Storage– HTML5 App Cache– HTML5 Web Workers– HTML5 SSE
HTML5 Tags
Syllabus Covered (CSS)
• CSS Introduction• CSS Syntax• CSS Id & Class• CSS Styling• Styling Backgrounds• Styling Text• Styling Fonts• Styling Links• Styling Lists• Styling Tables• CSS Box Model• CSS Box Model
Syllabus Covered (CSS)
• CSS Border• CSS Outline• CSS Margin• CSS Padding• CSS Advanced• CSS Grouping/Nesting• CSS Dimension• CSS Display• CSS Positioning
Syllabus Covered (CSS)
• CSS Floating• CSS Align• CSS Navigation Bar• CSS Image Gallery• CSS Image Opacity• CSS Image Sprites• CSS Media Types• CSS hacking• CSS Summary
JQuery Introduction
–jQuery: An Introduction• How jQuery Works• A First Example
JavaScript Basics
– Syntax Basics– Reserved Words– Operators• Basic Operators
– Operations on Numbers and Strings
JavaScript Basics
– Logical Operators• Truthy and Falsy Values
– Comparison Operators– Conditional Code– Conditional Variable Assignment with
the Ternary Operator– Switch Statements
JavaScript Basics
– Loops• The while loop• The do while Loop• The for Loop• The for in Loop• Breaking and Continuing
JavaScript Basics
– Arrays– Objects
• Creating an Object Literal• Accessing Elements of an Object
– Functions• Using Functions• Self-Executing Anonymous Functions• Functions as Arguments
– Testing Type– Scope
jQuery Basic Concepts
– Basic Flow of a jQuery Application– Using $(document)ready()– Selecting Elements
• Choosing Selectors• Does My Selection Contain Any Elements?• Saving Selections
– Operating on Selections• The $fn Methods• Refining and Filtering Selections• Chaining
jQuery Basic Concepts
– Working with Selections• Getting and Setting Information About
Elements
– CSS, Styling, and Dimensions• Dimensions• Attributes• Showing and Hiding Elements• Iterating Over a Selection
– Traversing• Traversal Methods
jQuery Basic Concepts
– Manipulating the DOM• Moving, Copying, and Removing
Elements• Cloning Elements• Removing Elements• Creating New Elements
jQuery Core
– $ vs jQuery– $ vs $()– Closures– Utility Methods
• Checking Types• Storing and Retrieving Data Related to an
Element• DOM-Related Utilities• Feature and Browser Detection• Avoiding Conflicts with Other Libraries
Events and Event Handlers
– Connecting Events to Elements• Connecting Events to Run Only Once• Removing Events Handlers• Namespacing Events• Using mouseenter/mouseleave Instead
of mouseover/mouseout
Events and Event Handlers
– Inside the Event Handling Function– Triggering Event Handlers– Increasing Performance with Event
Delegation• Removing Delegated Event Handlers
– Event Helpers• $fnhover
• $fntoggle
Effects
– Built-in Effects• Basic Use of a Built-in Effects• Changing the Duration of Built-in Effects• jQueryfxspeeds
Effects
– Limitations on Effects– Queuing of Effects with Other Operations– Callbacks - Doing Something When an
Effect is Done• Running Code When an Effect is Complete
– Custom Effects with $fnanimate• Custom effects with $fnanimate• Easing
– Managing Effects– jQueryfxoff
Ajax
– Key Concepts• GET vs POST• The Same Origin Policy• Data Types• A is for Asynchronous• Same-Origin Policy and JSONP• Ajax and Firebug
Ajax
– jQuery's Ajax-Related Methods• $ajax• Convenience Methods• $fnload
– Ajax and Forms– Working with JSONP– Ajax Events
Plugins
– How to Create a Basic Plugin• Testing Our Plugin
– Finding and Evaluating Plugins
Best Practices
– JavaScript Best Practices• Namespacing Variables• Cache Frequently Used Values• Beware Anonymous Functions
Best Practices
– jQuery Best Practices• Optimize Selectors• Use "Safe" Selectors• Use Event Delegation• Detach Elements to Work with Them• Use Stylesheets for Changing CSS on Many Elements• Use $data Instead of $fndata
– Code Organization• Key Concepts• Encapsulation
– Don't Treat jQuery as a Black Box
Custom Events
– About Custom Events• Examples Without Using Custom Events• Examples Using Custom Events• Recap: $fnon, $fntrigger, and
$fntriggerHandler
– In Summary
Angular JS
– Introduction to Angular JS 1.3 and Angular JS 2.0
– MVC architecture in AngularJS (views, controller, services)
– Dependency Injection– Using Directives and Data Binding– Iterating with the ng-repeat Directive– Using Filters
Angular JS
– Scope and Routes– Debugging Angular JS with Batarang plug-in– Web service using AngularJS (resource, http &
promise)– Angular UI bootstrap– Ng-grid– Localisation with Angular JS– Security in Angular JS – Integration of JQuery in Directives– Best Practices of AngularJS– Unit Test case using Jasmine / Karma
UI Development Online Training
AkiraIT Solutions,HNO:3-7, 4th Floor,Syndicate Bank Building,Beside Vijetha Supermarket,Opp: Padmavathi Rice Traders,Nizampet Village,500090.+91-9553406450, +91-40 4006 [email protected]
AkiraIT SolutionsUi Development Online Training
