1 / 27

UI Developer

http://www.learntek.org/product/ui-developer-training/ Learntek is global online training provider on Big Data Analytics, Hadoop, Machine Learning, Deep Learning, IOT, AI, Cloud Technology, DEVOPS, Digital Marketing and other IT and Management courses. We are dedicated to designing, developing and implementing training programs for students, corporate employees and business professional. www.learntek.org

Learntek1
Télécharger la présentation

UI Developer

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. UI Developer

  2. The following topics will be covered in our UI Developer Online Training: Copyright @ 2015 Learntek. All Rights Reserved.

  3. What is UI Development? • User Interface Development is about development of web applications. The goal of user interface is to make user interaction easy, efficient and attractive. UI development is responsible for handling client-side logics and functionalities.  As developers for the Web, we must know about HTTP, HTML, CSS, JavaScript, jQuery, multiple browsers (and their individual differences), tools, and programs that deal with Web communications. Copyright @ 2015 Learntek. All Rights Reserved.

  4. Why UI developer? • UI layer is the first interaction that user experience so Web designers is responsible for developing the HTML pages for browsers only, but now the client’s requirement is to show how a single design adapts into three different target layouts. A responsive layout does help us to show the layouts for a view on a single page. Therefore, a UI developer knows how the system should adapt to present your code onscreen. Responsive layouts use bootstrap on the Web. Copyright @ 2015 Learntek. All Rights Reserved.

  5. HTML • UI Developer Training :Fundamentals Introduction • HTML documents • Demo: using doctype • The head element • Demo: using <head> • The body element • Using id and class attributes Copyright @ 2015 Learntek. All Rights Reserved.

  6. Continues.. • HTML Text • Headings • Demo: Headings • Block vs. Inline Elements • Demo: Block and Inline Elements • Whitespace • Demo: Whitespace • Additional Text Elements • Demo: Additional Elements Copyright @ 2015 Learntek. All Rights Reserved.

  7. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  8. Continues.. Copyright @ 2015 Learntek. All Rights Reserved.

  9. HTML5 Copyright @ 2015 Learntek. All Rights Reserved.

  10. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  11. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  12. Continues.. • Drag and Drop • Drag and Drop Events • Programming using JavaScript • Web Storage • Overview • Local Storage • Session Storage • Browser Compatibility Copyright @ 2015 Learntek. All Rights Reserved.

  13. CSS Copyright @ 2015 Learntek. All Rights Reserved.

  14. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  15. Continues.. Copyright @ 2015 Learntek. All Rights Reserved.

  16. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  17. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  18. BOOTSTRAP Copyright @ 2015 Learntek. All Rights Reserved.

  19. Continues…. • Bootstrap Text/Typography • Working with Text • Working with Contextual Colors and Backgrounds • Bootstrap Images           • Rounded Corners • Circle • Thumbnail • Bootstrap Jumbotron • Inside Container • Outside Container Copyright @ 2015 Learntek. All Rights Reserved.

  20. Continues.. Copyright @ 2015 Learntek. All Rights Reserved.

  21. Continues… Copyright @ 2015 Learntek. All Rights Reserved.

  22. Bootstrap Plugins Copyright @ 2015 Learntek. All Rights Reserved.

  23. JAVA SCRIPT Copyright @ 2015 Learntek. All Rights Reserved.

  24. JQUERY Copyright @ 2015 Learntek. All Rights Reserved.

  25. Continues… • Find Dropdown Selected Item • jQuery – Document Traversal • Getting a specific DOM element • jQuery – Event • Events Helpers • Attach Event • Detaching Events • Events Triggering • Live Events Copyright @ 2015 Learntek. All Rights Reserved.

  26. Continues… • jQuery – Effects • jQuery – HTML Manipulation • jQuery – UI • Working with UI frame work Copyright @ 2015 Learntek. All Rights Reserved.

  27. Copyright @ 2015 Learntek. All Rights Reserved.

More Related