SlideShare a Scribd company logo
1 of 34
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 1338.
info@akirait.com
AkiraIT Solutions
Ui Development Online Training

More Related Content

What's hot

Code & design your first website (3:16)
Code & design your first website (3:16)Code & design your first website (3:16)
Code & design your first website (3:16)
Thinkful
 

What's hot (15)

Web designing course content
Web designing course contentWeb designing course content
Web designing course content
 
OOPs fundamentals session for freshers in my office (Aug 5, 13)
OOPs fundamentals session for freshers in my office (Aug 5, 13)OOPs fundamentals session for freshers in my office (Aug 5, 13)
OOPs fundamentals session for freshers in my office (Aug 5, 13)
 
Code & design your first website (3:16)
Code & design your first website (3:16)Code & design your first website (3:16)
Code & design your first website (3:16)
 
flickr's architecture & php
flickr's architecture & php flickr's architecture & php
flickr's architecture & php
 
Gourmet Service Object
Gourmet Service ObjectGourmet Service Object
Gourmet Service Object
 
Learning About JavaScript (…and its little buddy, JQuery!)
Learning About JavaScript (…and its little buddy, JQuery!)Learning About JavaScript (…and its little buddy, JQuery!)
Learning About JavaScript (…and its little buddy, JQuery!)
 
SilverStripe From a Developer's Perspective
SilverStripe From a Developer's PerspectiveSilverStripe From a Developer's Perspective
SilverStripe From a Developer's Perspective
 
Introduction to Programming (well, kind of.)
Introduction to Programming (well, kind of.)Introduction to Programming (well, kind of.)
Introduction to Programming (well, kind of.)
 
Css
CssCss
Css
 
Javascript libraries
Javascript librariesJavascript libraries
Javascript libraries
 
Basic Java And OOP
Basic Java And OOPBasic Java And OOP
Basic Java And OOP
 
9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi9 Months Web Development Diploma Course in North Delhi
9 Months Web Development Diploma Course in North Delhi
 
Cascading style sheet an introduction
Cascading style sheet   an introductionCascading style sheet   an introduction
Cascading style sheet an introduction
 
What is-sass-by-lucas-castro
What is-sass-by-lucas-castroWhat is-sass-by-lucas-castro
What is-sass-by-lucas-castro
 
Internet Marketing Institute in Delhi
Internet Marketing Institute in DelhiInternet Marketing Institute in Delhi
Internet Marketing Institute in Delhi
 

Viewers also liked

Adv 420 Harley-Davidson
Adv 420 Harley-DavidsonAdv 420 Harley-Davidson
Adv 420 Harley-Davidson
Kelsea Wilhelm
 
Presentación ple
Presentación plePresentación ple
Presentación ple
Lola Polo
 
Computer-Vision_Integrating-Technology_MOB_17.06.16
Computer-Vision_Integrating-Technology_MOB_17.06.16Computer-Vision_Integrating-Technology_MOB_17.06.16
Computer-Vision_Integrating-Technology_MOB_17.06.16
Schuyler Kennedy
 
Norwalk Community College official transcript
Norwalk Community College official transcriptNorwalk Community College official transcript
Norwalk Community College official transcript
Ihor Hreskiv
 
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
Sri Puji Astuti
 

Viewers also liked (17)

Adv 420 Harley-Davidson
Adv 420 Harley-DavidsonAdv 420 Harley-Davidson
Adv 420 Harley-Davidson
 
Ahp+&+aplikasi
Ahp+&+aplikasiAhp+&+aplikasi
Ahp+&+aplikasi
 
Libro “aprendibilidad, ensenabilidad y educabilidad en las ciencias experimen...
Libro “aprendibilidad, ensenabilidad y educabilidad en las ciencias experimen...Libro “aprendibilidad, ensenabilidad y educabilidad en las ciencias experimen...
Libro “aprendibilidad, ensenabilidad y educabilidad en las ciencias experimen...
 
cover_ximeia
cover_ximeiacover_ximeia
cover_ximeia
 
Jobs a1
Jobs a1Jobs a1
Jobs a1
 
ISbrochure
ISbrochureISbrochure
ISbrochure
 
Mondli Mazibuko CV
Mondli Mazibuko CVMondli Mazibuko CV
Mondli Mazibuko CV
 
Presentación ple
Presentación plePresentación ple
Presentación ple
 
Computer-Vision_Integrating-Technology_MOB_17.06.16
Computer-Vision_Integrating-Technology_MOB_17.06.16Computer-Vision_Integrating-Technology_MOB_17.06.16
Computer-Vision_Integrating-Technology_MOB_17.06.16
 
Singkatan bahasa latin dalam kefarmasian ppt
Singkatan bahasa latin dalam kefarmasian pptSingkatan bahasa latin dalam kefarmasian ppt
Singkatan bahasa latin dalam kefarmasian ppt
 
Cryptocurrency & Blockchain Regulation
Cryptocurrency & Blockchain RegulationCryptocurrency & Blockchain Regulation
Cryptocurrency & Blockchain Regulation
 
Khan Academy vs. Edgenuity
Khan Academy vs. EdgenuityKhan Academy vs. Edgenuity
Khan Academy vs. Edgenuity
 
142802561 pages-from-εκθεση-αλ-κειμενα-και-ασκησεισ-τευχοσ-α-1-1
142802561 pages-from-εκθεση-αλ-κειμενα-και-ασκησεισ-τευχοσ-α-1-1142802561 pages-from-εκθεση-αλ-κειμενα-και-ασκησεισ-τευχοσ-α-1-1
142802561 pages-from-εκθεση-αλ-κειμενα-και-ασκησεισ-τευχοσ-α-1-1
 
Norwalk Community College official transcript
Norwalk Community College official transcriptNorwalk Community College official transcript
Norwalk Community College official transcript
 
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
Sri Puji Astuti-Laporan PKPA di Rumah Sakit-FF-Full Text-2016
 
Cost Audit- An Overview
Cost Audit- An OverviewCost Audit- An Overview
Cost Audit- An Overview
 
συμπληρωματικές προτάσεις αποδείξεις άλγεβρας α
συμπληρωματικές προτάσεις αποδείξεις  άλγεβρας ασυμπληρωματικές προτάσεις αποδείξεις  άλγεβρας α
συμπληρωματικές προτάσεις αποδείξεις άλγεβρας α
 

Similar to Ui development Online Training from AkiraIT Solutions

Django introduction @ UGent
Django introduction @ UGentDjango introduction @ UGent
Django introduction @ UGent
kevinvw
 
Building enterprise records management solutions for share point 2010
Building enterprise records management solutions for share point 2010Building enterprise records management solutions for share point 2010
Building enterprise records management solutions for share point 2010
Eric Shupps
 

Similar to Ui development Online Training from AkiraIT Solutions (20)

Advanced guide to develop ajax applications using dojo
Advanced guide to develop ajax applications using dojoAdvanced guide to develop ajax applications using dojo
Advanced guide to develop ajax applications using dojo
 
FFW Gabrovo PMG - JavaScript 1
FFW Gabrovo PMG - JavaScript 1FFW Gabrovo PMG - JavaScript 1
FFW Gabrovo PMG - JavaScript 1
 
Advance Java Training in Bangalore | Best Java Training Institute
Advance Java Training in Bangalore | Best Java Training Institute Advance Java Training in Bangalore | Best Java Training Institute
Advance Java Training in Bangalore | Best Java Training Institute
 
Integrating the Solr search engine
Integrating the Solr search engineIntegrating the Solr search engine
Integrating the Solr search engine
 
One to rule them all
One to rule them allOne to rule them all
One to rule them all
 
Testing Testing everywhere
Testing Testing everywhereTesting Testing everywhere
Testing Testing everywhere
 
Django introduction @ UGent
Django introduction @ UGentDjango introduction @ UGent
Django introduction @ UGent
 
Php Online Training
Php Online TrainingPhp Online Training
Php Online Training
 
Hyperion DRM Online Training | Oracle Hyperion DRM Online Training | Hyperion...
Hyperion DRM Online Training | Oracle Hyperion DRM Online Training | Hyperion...Hyperion DRM Online Training | Oracle Hyperion DRM Online Training | Hyperion...
Hyperion DRM Online Training | Oracle Hyperion DRM Online Training | Hyperion...
 
Full Stack Developer Course | Infinite Graphix Technologies
Full Stack Developer Course | Infinite Graphix TechnologiesFull Stack Developer Course | Infinite Graphix Technologies
Full Stack Developer Course | Infinite Graphix Technologies
 
Selenium-with-Java-Course-Content-Magnitia.pdf
Selenium-with-Java-Course-Content-Magnitia.pdfSelenium-with-Java-Course-Content-Magnitia.pdf
Selenium-with-Java-Course-Content-Magnitia.pdf
 
Selenium-with-Java-Course-Content-Magnitia.pdf
Selenium-with-Java-Course-Content-Magnitia.pdfSelenium-with-Java-Course-Content-Magnitia.pdf
Selenium-with-Java-Course-Content-Magnitia.pdf
 
Building enterprise records management solutions for share point 2010
Building enterprise records management solutions for share point 2010Building enterprise records management solutions for share point 2010
Building enterprise records management solutions for share point 2010
 
HTML5: Introduction
HTML5: IntroductionHTML5: Introduction
HTML5: Introduction
 
ESDDC - Corralling Your Content
ESDDC - Corralling Your ContentESDDC - Corralling Your Content
ESDDC - Corralling Your Content
 
SharePoint and jQuery Essentials
SharePoint and jQuery EssentialsSharePoint and jQuery Essentials
SharePoint and jQuery Essentials
 
Become a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - ThisiswaliBecome a Full Stack Web Developer (.NET) - Thisiswali
Become a Full Stack Web Developer (.NET) - Thisiswali
 
Introduction to Monsoon PHP framework
Introduction to Monsoon PHP frameworkIntroduction to Monsoon PHP framework
Introduction to Monsoon PHP framework
 
QueryPath, Mash-ups, and Web Services
QueryPath, Mash-ups, and Web ServicesQueryPath, Mash-ups, and Web Services
QueryPath, Mash-ups, and Web Services
 
Search
SearchSearch
Search
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 

Ui development Online Training from AkiraIT Solutions

  • 2. 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
  • 3. HTML Documents • Dividing the document into 2 parts. – Headers tags – Body tags • Paragraphs • Formatting • Elements of an HTML Document – Text Elements – Tag Elements
  • 4. HTML Documents • Special Character elements • Image tags • HTML Table tags • Lists – Numbered list – Non-Numbered lists – Definition lists
  • 5. 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)
  • 6. HTML Media Tags • Inserting audio files • Inserting video files • Screen control attributes • Media control attributes • HTML Object
  • 7. 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
  • 8. HTML 5 : – HTML5 SVG – HTML5 Canvas vs. SVG – HTML5 Geolocation – HTML5 Web Storage – HTML5 App Cache – HTML5 Web Workers – HTML5 SSE HTML5 Tags
  • 9. 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
  • 10. Syllabus Covered (CSS) • CSS Border • CSS Outline • CSS Margin • CSS Padding • CSS Advanced • CSS Grouping/Nesting • CSS Dimension • CSS Display • CSS Positioning
  • 11. 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
  • 12. JQuery Introduction –jQuery: An Introduction • How jQuery Works • A First Example
  • 13. JavaScript Basics – Syntax Basics – Reserved Words – Operators • Basic Operators – Operations on Numbers and Strings
  • 14. JavaScript Basics – Logical Operators • Truthy and Falsy Values – Comparison Operators – Conditional Code – Conditional Variable Assignment with the Ternary Operator – Switch Statements
  • 15. JavaScript Basics – Loops • The while loop • The do while Loop • The for Loop • The for in Loop • Breaking and Continuing
  • 16. 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
  • 17. 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
  • 18. 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
  • 19. jQuery Basic Concepts – Manipulating the DOM • Moving, Copying, and Removing Elements • Cloning Elements • Removing Elements • Creating New Elements
  • 20. 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
  • 21. 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
  • 22. 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
  • 23. Effects – Built-in Effects • Basic Use of a Built-in Effects • Changing the Duration of Built-in Effects • jQueryfxspeeds
  • 24. 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
  • 25. Ajax – Key Concepts • GET vs POST • The Same Origin Policy • Data Types • A is for Asynchronous • Same-Origin Policy and JSONP • Ajax and Firebug
  • 26. Ajax – jQuery's Ajax-Related Methods • $ajax • Convenience Methods • $fnload – Ajax and Forms – Working with JSONP – Ajax Events
  • 27. Plugins – How to Create a Basic Plugin • Testing Our Plugin – Finding and Evaluating Plugins
  • 28. Best Practices – JavaScript Best Practices • Namespacing Variables • Cache Frequently Used Values • Beware Anonymous Functions
  • 29. 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
  • 30. Custom Events – About Custom Events • Examples Without Using Custom Events • Examples Using Custom Events • Recap: $fnon, $fntrigger, and $fntriggerHandler – In Summary
  • 31. 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
  • 32. 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
  • 33. 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 1338. info@akirait.com