LANGUAGES USED IN UI(USER INTERFACE) - PowerPoint PPT Presentation

About This Presentation
Title:

LANGUAGES USED IN UI(USER INTERFACE)

Description:

UI(user interface) is a human and computer interaction via webpage, apps or any other device – PowerPoint PPT presentation

Number of Views:0
Slides: 10
Provided by: ASHLEYMATHEW
Category: Other
Tags:

less

Transcript and Presenter's Notes

Title: LANGUAGES USED IN UI(USER INTERFACE)


1
LANGUAGES
  • USED FOR
  • UI(USER INTERFACE) DESIGN

2
WHAT IS UI?
  • In the industrial design field of human computer
    interaction, a user interface (UI) is the space
    where interactions between humans and machines
    occur.
  • The goal of this interaction is to allow
    effective operation and control of the machine
    from the human end, while the machine
    simultaneously feeds back information that helps
    the operators decision making  process. 

3
Why is user interface important? 
  • User interface is important to meet user
    expectations and support the effective
    functionality of your site.
  • A well-executed user interface facilitates
    effective interaction between the user and the
    program, app or machine through contrasting
    visuals, clean design and responsiveness.
  • When designing a UI for your site, it's important
    to consider the user's expectations in terms of
    accessibility, visual aesthetic and ease of use.
  • An optimal mix of effective visuals and efficient
    responsiveness will improve your site's
    conversion rates, as it anticipates the needs of
    the user and then satisfies those needs.

4
LANGUAGES USED OF UI/UX
5
WHAT IS FRONTEND DEVELOPMENT?
  • Frontend development is the part of web
    development that develops and creates the
    website's frontend elements or features
    immediately visible and available to the end-user
    or client.
  • A frontend developer, in essence, is responsible
    for everything you see, including styling,
    images, text, alignment, navigation, colors, and
    so on, and strives to make the user experience as
    frictionless as possible.
  • They also assist with debugging and add to the
    overall design and look.
  • Frontend development's main aims are
    responsiveness and performance.

6
HTML
CSS
JAVA SCRIPT
  • Hypertext Markup Language is the abbreviation for
    Hypertext Markup Language. It's a programming
    language that is used to make websites and web
    apps.
  • The term "text wrapped within a text" is used to
    describe Hypertext. It is similar to a hyperlink
    which has an underlying text that, when clicked,
    takes you to a different webpage.
  • A programming language is not always the same as
    a markup language. It's instead used to add
    formatting and layout to a plain text document.
    As a result, more interactive and dynamic text
    material is produced.
  • A web page is a document that is usually written
    in HTML and displayed via a web browser. A URL
    identifies each web page, which might be static
    or dynamic depending on the needs. We can
    generate static web pages if we solely use HTML
    for development.
  • Although CSS is a style sheet, it is also
    considered as the top Frontend Language. 
  • CSS, or Cascading Style Sheets, is a design
    language that simplifies making web pages
    presentable. Selectors are used to pick elements
    and apply styles to them.
  • JavaScript is a robust client-side programming
    language that is open-source. Its primary purpose
    is to enhance a user's interaction with a web
    page. In other words, you can utilize this
    programming language to improve the vibrancy and
    engagement of your website. JavaScript is also
    widely used in the development of games and
    mobile apps.
  • Excellent speed, cross-browser interoperability,
    and straightforward semantics are just a few of
    JavaScript's essential qualities, providing a
    seamless developer experience.
  • CSS is used to turn a document into a format that
    audiences can understand. This is especially
    important for browsers like Chrome, Firefox, and
    Edge, designed to deliver documents to screens,
    printers, and projectors visually.   
  • CSS is widely used because it saves time, has
    easy maintenance, offers selectors, text effects,
    and layouts. 
  • The majority of people that are interested in web
    development begin with HTML and CSS.
  • Following that, they go on to JavaScript, making
    sense because these three pieces together create
    the web development backbone.

7
REACT
ANGULAR
VUE
  • React is a UI development library written in
    JavaScript. Facebook and an open-source developer
    community run it. Although React is a library and
    not a language, its usage in web development is
    rampant. The library was introduced in May 2013
    and is currently one of the most popular frontend
    libraries for web development. 
  • React goes beyond simple UI and has many
    extensions like Flux and React Native for
    complete application architecture support. 
  • Two main features of React that make it stand out
    are - 
  • JSX - JSX helps make the code easier to
    understand and debug as it avoids the usage of JS
    DOM structures that are rather complex. 
  • Virtual DOM - When an object's state changes,
    Virtual DOM updates only that particular object
    in the real DOM instead of all.
  • Angular is an open-source JavaScript framework
    based on Typescript. Google runs it, and one of
    its main goals is to build single-page apps. As a
    framework, Angular offers apparent advantages,
    and it also provides a standard structure for
    developers in a team to work with. It allows
    users to create huge applications that are easy
    to manage.
  • Some salient features of Angular are 
  • Typescript - Angular uses Typescript. Typescript
    is a set of types for JavaScript that lets users
    write more understandable JavaScript code. All
    Typescript code may be compiled with JavaScript
    and run on any platform.
  • Data Binding -  It employs dynamic HTML and does
    not require complex scripting or programming. 
  • Developed by Evan You, an ex-Google Employee, Vue
    is also an open-source, JavaScript framework. It
    is used to develop user interfaces and
    single-page applications. 
  • Just like React, Vue uses virtual DOM as an
    adopted concept of React. Vue updates any altered
    HTML and does not update the entire tree. This
    ensures faster and bug-free performance. 
  • Vue uses reactive two-way data binding. Based on
    the input type, it chooses the best method for
    updating the element.
  • Some advantages of using Vue include high
    flexibility, two-way communication, and great
    tooling. 

8
SWIFT
J QUARY
jQuery is a trendy, leading JavaScript framework
and application development platform. It is
leaner it is faster loading, and it comes loaded
with features that make the life of a JavaScript
application developer much more accessible. No
longer is JavaScript an afterthought, grafted
onto stateless HTML. It is used more and more to
be the foundation and the primary driving force
of web development and application development,
from desktops to tablets and smartphones.
Swift is a programming language for iOS, iPadOS,
macOS, tvOS, and watchOS that is powerful and
easy. Swift code is interactive and exciting to
write the syntax is simple yet expressive, and
Swift incorporates modern features that
developers appreciate.
9
PSK TECHNOLOGIES PVT.LTD
ADDRESS
CONTACT US
Email support_at_pskitservices.com Mobile No
09422123343
Development OfficeLower Ground Fortune Mall,
behind Maharashtra bank, Sitabuldi, Nagpur
Write a Comment
User Comments (0)
About PowerShow.com