When the concept of Internet was new, web-development was for the most part a purely functional data centric endeavor.

1. Front End Web & App Development

2. Front End Web & App Development
When the concept of Internet was new, web-development was for the most part a purely
functional data centric endeavor.
User experience wasn’t something that was considered in the early days, and there were
not yet the tools in place to provide the level of aesthetic variety one now experiences.
Today front end development plays a much larger role in web and application
development. The way a user interacts with data has become a priority for developers.

3. What is Front End Development ?
Also known as client-side development, Front-End development is a relatively obscure
Internet discipline.
It is the practice of producing HTML, CSS and Javascript for a website or web application
so that a user can see and interact with them directly.
The talented web development team at Leo TechnoSoft possesses expertise in everything
that Front End Development requires.

4. Front End Development trends:
Responsive web design:
Representational State Transfer (REST):
Single Page Applications (SPA):

5. 1.Responsive web design:
As mentioned above, user experience has become central to the development of any
website or application. Resposive Web Design (RWD) is becoming a must have feature for
web sites. RWD allows the end users to browse web sites from multiple device platforms,
including mobile and tablet browsers. RWD done properly eliminates the need to develop
multiple website versions for multiple platforms. The site is designed to respond to the
viewer’s screen pixel dimensions and uses CSS and Javascript to adjust the content to
present properly on the users device.

6. 2. Representational State Transfer (REST):
Representational State Transfer (REST) is a software architecture style that consists of
guidelines and best practices for creating scalable web services.
Today, in the world of web development, mobile version of a website are becoming
prioritized among enterprises, with regards to Web development architecture.
When organizations develop Web apps and Web services, they align this with their mobile
strategy.
Today Web Application Programming Interfaces (APIs) are the central point of Web apps
and Mobile apps.
Hence, developers are building RESTful services on server-side and front-end apps for both
Mobile and web on the basis of these services.

7. 3.Single Page Applications (SPA):
Web front-end development has moved to client-side with desktop like UIs on the
browser. Here, developers are rendering the UI on the client-side instead of server-side
rendering.
In SPA apps, front-end will be using the Restful API for the data and build the entire UI on
the client-side.
In this context, JavaScript becomes a key technology for building web apps. Now, users can
easily package these apps as Mobile apps to multiple mobile platforms using a hybrid
mobile container such as Phone gap and Trigger.
In SPA based Web development, JavaScript is becoming a key technology, and JavaScript
skill is more important than ever before.

8. Important tools for Front End Development:
1. HTML5 :
2. CSS3 :
3. Java script (Angular JS) :

9. 1.HTML5 :
HTML5 is a core technology markup language of the Internet that is used for structuring
and presenting content for the World Wide Web.
HTML 5 is the fifth version of this language. HTML5 is already supported in the latest web
browsers on computers and tablets.
According to Strategy Analytics, there were one billion HTML5-capable phones sold in
2013, a huge increase from the 336 million units sold in 2011.
This increase means that it is impossible to ignore the importance of HTML5 when
considering your mobile site.
Indeed, in some B2C and retail ecommerce client implementations Byte9 are seeing 40%
of visitors accessing sites on mobile devices. This is a beginning.

10. …..
HTML5 is cost-effective. It ensures Multi-Platform Development, good page ranking,
consistency across multiple browsers, better mobile access to Business Intelligence and
lastly, better user experience. HTML5 also supports Geolocation, extension of video to a
wide range of platforms and off-line browsing.

11. 2. CSS3:
Offering all the benefits of HTML5, CSS3 is the fourth version of Cascading Style Sheets
(CSS). CSS is a style sheet language used for describing the look and formatting of a
document written in a markup language. It provides the aesthetic framework that
transforms raw data into content that the user can relate with

12. 3.Javascript (Angular JS) :
In software development, AngularJS is an open-source web application framework
maintained by Google and by a community of individual developers and corporations to
address many of the challenges encountered in developing single-page applications.
AngularJS enables you to create software more quickly and with less effort. It improves the
testability of your software and allows greater collaboration.
At Leo TechnoSoft, we offer Java Development services and Java Support services, along
with HTML5 and CSS3.

13. Leo TechnoSoft Snapshot
Value offeringIndustries
Overview
- Global partner product development provider with delivery centers in Los Angeles, Chicago
and India (Offshore).
- Specializes in Cloud, SaaS and Enterprise Product Engineering for Startups, Entrepreneurs,
ISV(SME).
 Technology
 Healthcare/Life Sciences
 Finance
 Retail
 Manufacturing
 Real Estate
 Partnered Product Development
 Technical, Operation and Sales
Management
 Expertise SaaS & Cloud solutions
 Customer Relationship Management
 Sales and Marketing
 VC Connections and relationships
www.leotechnosoft.net 11

14. OUR PRESENCE
 Adequate infrastructure to scale up at the drop of a hat
 Backend Data Center / Infrastructure set up
 Global Offices to support 24x7 Client Operations
For more information email us at enquiry@leosys.net.
www.leotechnosoft.net

15. THANK YOU
13