ux/ui – media3training

UX/UI

The process of designing websites, application interfaces, and anything that allows a user to interact with a device is User Interface Design. UI Development requires focus on user needs, to make his/her experience while interacting with an application or device as simple and efficient as possible.
Devices in which a user can view a website are increasing exponentially every day. This in turn makes focusing on User Experience more difficult and important. Alot of attribute changes have to be considered, while designing a website for different types of devices.
UI Design includes creation of vector and raster graphics using Photoshop and Illustrator, adding content using HTML, and creating layouts using CSS. You can also take the help of frameworks, like Bootstrap to speed up the process of Web UI creation.

UX UI

HTML and HTML5

Introduction to HTML and HTML versions

  • HTML Syntax
  • Texts and lists
  • Codes and Links
  • Images and Tables
  • Table layouts
  • Blocks
  • iframes and forms
  • HTML head section
  • miscellaneous and into to Xhtml
  • HTML5 into
  • HTML5 Elements
  • HTML5 media elements and HTML5 APIs.

CSS and CSS3

Introduction to CSS

  • CSS selectors
  • Properties
  • Intro to CSS3
  • layout Web markup
  • CSS navigations
  • Responsive design
  • Conclusion

Bootstrap

Introduction to Bootstrap

  • Introduction to Bootstrap Grid system
  • Typography: Images
  • Bootstrap Text
  • code
  • tables
  • Bootstrap text/typography
  • code
  • tables
  • helper classes
  • responsive utilities
  • jumbotron
  • glyphicons
  • labels
  • badges
  • wells
  • Input and button groups
  • pagination
  • breadcrumbs
  • thumbnails
  • progress bars
  • Media object
  • list group
  • panels
  • wells

Bootstrap js

  • transitions
  • modals
  • Dropdowns
  • Scrollspy
  • Togglable tabs
  • tooltips
  • popovers
  • Alert
  • Buttons
  • Collapse
  • Carousel
  • Affix

Javascript

Introduction to programming

  • How to add javascript to a page tracking down errors
  • statements
  • comments
  • javascript data types
  • variable
  • operators
  • javascript output method

JQuery

Jquery Introduction

  • What is Jquery
  • Why Jquery
  • Adding Jquery to Web pages
  • How to download Jquery Jquery CDN Reference
  • Advantages & disadvantage of references
  • Jquery Syntax
  • Jquery Document ready event
  • Jquery Selectors
  • Jquery element Selectors
  • ID selectors
  • Class selectors
  • How to write functions in Jquery
  • How to call a function
  • How to call nested functions
  • Jquery Event Methods
  • Event Types
  • Syntax for event methods Commonly used Jquery Event methods
  • JQuery Effects/ Animations
  • More advanced Jquery Effects
  • JQuery callback functions
  • JQuery Chaining
  • JQuery DOM Manipulations
  • Jquery Effects/Animations
  • More Advanced Jquery Effects
  • Jquery Callback Functions
  • JQuery Chaining
  • Jquery DOM Manipulations
  • Jquery Get
  • Jquery Set
  • Add
  • Remove
  • CSS Classes
  • css()
  • Jquery Dimensions
  • Jquery Traversing
  • Ancestors
  • Descendants
  • Siblings
  • Filtering
  • AJAX Intro
  • Get/Post
  • JSON Data fetching from Server & Display as list/table
  • XML Data fetching from Server & Display as list/table
  • Jquery forms
  • GET form data
  • SET form data
  • Form Data manipulations

Ajax

  • Ajaxified Websites
  • Dynamic Content Placements
  • The XMLHTTP request object
  • making Ajax requests
  • parameterized Ajax requests
  • Receiving XML Data
  • manipulating XML Data in the DOM
  • JSON
  • Displaying JSON Data
  • building a JSON object for server consumption
  • Using Ajax with jQuery
  • Using Ajax with JSON
  • Using PHP with XML Data
  • Using PHP with JSON Data
  • Course Features

    • Duration

      12 weeks


    • Live Projects

      Yes


    • Internship

      Yes


    • Limited Seats

  • Leave A Comment

      RELATED COURSE

    • GET IN TOUCH
      Call: 903 206 6166
      Mail: info@media3training.com
    • Head Office

      Media3 Empire,Kshatriya Kalayanamandapam
      Seethammadhara, Visakhapatnam – 530013

    • Hyderabad

      205, Aditya Trade Center, Ameerpet, Hyderabad,Telangana 500016,  90320  66166

    • Vijayawada

      Opp. Sweet Magic, DV Manor Road, Below Kotak Mahindra Bank, Bandar Road, Vijayawada, Andhra Pradesh  520002, 90320 66166,  90009 14648

    • Vizianagaram

      Suit-303, Vijaya Mansion, Opp.Commercial Tax Office,LIC Complex  Back Side, Lower Tank Bund Road, Siddarth Nagar, Vizianagaram 535003,  90320 66166

    • Kurnool

      9642668768, 9121099933

    • Tirupathi
      D/No:7-43-46, Venkatadri Plaza Building Main Road, near Flipkart Office, Mangalam, Tirupati, Andhra Pradesh 517501
      9642668768, 9121099933

    • Rajahmundry

      47-7-47, Upstairs of AYASYA showroom ,PARK road Danvaipeta,Rajahmundry 9542055666, 8555003678