Web and mobile development basics


Show-off at locastic - 04.10.2013

Antonio Perić-Mažar

Website



Static Website



A static website contains Web pages with fixed content. Each page is coded in HTML and displays the same information to every visitor. Static sites are the most basic type of website and are the easiest to create.



Dynamic Website



Dynamic websites contain Web pages that are generated in real-time. These pages include Web scripting code, such as PHP or ASP. When a dynamic page is accessed, the code within the page is parsed on the Web server and the resulting HTML is sent to the client's Web browser.





Content Management Systems

(CMS)

CUSTOM CMS



Web Site vs Web application




Web site definition




:a place on the World Wide Web that contains information about a person, organization, etc., and that usually consists of many Web pages joined by hyperlinks


Based on CONTENT!


Web applications definition




A web application is an application utilizing web and [web] browser technologies to accomplish one or more tasks over a network, typically through a [web] browser.


BASED ON USER INTERACTION!

Web technologies



There are many different technologies that are used to create web apps of many different types.


Flash, JavaScript, HTML5, PHP, Java, Silverlight, web services vs dedicated applications… what qualifies as a web app and what doesn’t?

MObile websites




Mobile web apps?




Mobile Native AppS?





Android? iOS? WP? Blackberry?

Mobile Hybrid apps?



Phonegap? Sencha Touch 2? HTML5?Javascript? ...?



Mobile web vs NatiVE


RWD (Responsive web design)


Web services?


API

An application programming interface (API) specifies how some software components should interact with each other.


Web Services?

REST API?

REST stands for Representational State Transfer, and it was proposed in a doctorate dissertation. It uses the four HTTP methods GET, POST, PUT and DELETE to execute different operations. This in contrast to SOAP for example, which creates new arbitrary commands (verbs) like getAccounts() or applyDiscount()

A REST API is a set of operations that can be invoked by means of any the four verbs, using the actual URI as parameters for your operations. For example you may have a method to query all your accounts which can be called from /accounts/all/ this invokes a HTTP GET and the 'all' parameter tells your application that it shall return all accounts.

Mobile apps and web services?






Frontend / backend?



Frontend 



A "front-end" application is one that application users interact with directly.


HTML5? CSS3? Javascript?


BACKEND


A "back-end" application or program serves indirectly in support of the front-end services, usually by being closer to the required resource or having the capability to communicate with the required resource. The back-end application may interact directly with the front-end or, perhaps more typically, is a program called from an intermediate program that mediates front-end and back-end activities.


PHP, Javascript, Ruby, Pyton, ASP.net...?

Roles




Project Manager

UX/UI Designer / Designer / Frontend developer / Backend Developer

Future is Frontend?



Framework


In computer programming, a software framework is an abstraction in which software providing generic functionality can be selectively changed by additional user-written code, thus providing application-specific software. A software framework is a universal, reusable software platform to develop applications, products and solutions. Software frameworks include support programs, compilers, code libraries, tool sets, and application programming interfaces (APIs) that bring together all the different components to enable development of a project or solution.

Framework



This is the basic principle of a framework: Not having to reinvent the wheel. And doing away with foreboding, low value added tasks (for example, the development of generic components) in order to fully focus on the business rules.

Symfony2



Sylius - ecommerce platform




Locastic


UX/UI development

HTML5/CSS3

PHP (Symfony2)

Javascript (jQuery, AngularJS)

Android SDK (Java)

Objective-C(iOS)

so much from me ...





Questions?

Web and mobile development basics

By Antonio Peric

Made with Slides.com

Web and mobile development basics

  • 558

More from Antonio Peric