WEB DESIGNING VS

WEB DEVELOPMENTA BEGINNER’S PERSPECTIVE

FIRST THINGS FIRST

UI (USER INTERFACE)

• INVOLVES DESIGNING OF THE LOOK AND FEEL OF A WEBSITE

• INVOLVES THE IMAGINATION AND CREATION OF AESTHETICS OF A WEBSITE

• ADOPTING LATEST AND SCALABLE WEB-DESIGN METHODS

UX (USER EXPERIENCE)

• INVOLVES CONTROLLING THE END-USER EXPERIENCE OF A WEBSITE

• INVOLVES PLANNING (MAKING STRATEGY) ON IMPLEMENTATIONS OF VARIOUS END-USER FUNCTIONALITIES OF A WEBSITE

• INVOLVES TWEAKING AND OPTIMIZATION OF EVERY CONTACT POINT’S OF WEBSITE FROM A USER’S PERSPECTIVE

CONTACT POINT :- THE POINT WHERE A END-USER MAKES A CONTACT WITH THE WEBSITE

WEB DESIGNING = UI + UX

• CONTROLLING THE LOOK AND FEEL OF EVERY CONTACT POINT AND FUNCTIONALITIES OF A WEBSITE

• YOU NEED NOT KNOW HOW TO CREATE THOSE FUNCTIONALITIES AND CONTACT POINTS

• YOU ARE ONLY REQUIRED TO DESIGN THEM AND MAKE THE USER EXPERIENCE SMOOTHER FOR A WEBSITE

YOU SHOULD LEARN

•HTML (LATEST : HTML5)

•CSS (LATEST : CSS3)

• JAVASCRIPT

WEB DEVELOPMENT • INVOLVES CREATION OF FUNCTIONALITIES IN

A WEBSITE

• INVOLVES BUILDING THE CORE FRAMEWORK, DESIGNING DATABASE, INTEGRATING VARIOUS TECHNOLOGIES LIKE JQUERY, AJAX, ….ETC

• INVOLVES LEARNING A SERVER SIDE LANGUAGE LIKE ASP, PHP, JS, RUBY, PYTHON…ETC

• INVOLVES LEARNING DATABASE QUERY LANGUAGES LIKE MYSQL, POSTGRE SQL, MONGO DB, NOSQL,…ETC

YOU SHOULD LEARN

• PHP

• JAVASCRIPT

• MYSQL

• PYTHON

• RUBY ON RAILS

WEBSITE ELEMENTS

• PAGES

• CONTENT (TEXT,IMAGES,ANIMATIONS,VIDEOS…ETC)

• BUTTONS

• MENU’S / NAVIGATION LINKS

• SITEMAP’S

• LOGIN / SIGN UP PROCESS

• USER ACCOUNT MANAGEMENT

• AND A LOT’S OF FUNCTIONALITIES…

LAYERED STRUCTURE OF A WEBSITE

DIFFERENT LAYERS THAT MAKE A WEBSITE

Core Framework Made with a server side

language like PHP or ASP or PYTHON or JS

Database management Using mysql or postgre

or mongo-db …etc

UX (User

Experience)

UI (User

Interface)

Uses

WE

B

DES

IGN

ING

WE

B

DEV

ELO

PE

ME

NT

Layer 1

Layer 2

Layer 3

A

Production

http://www.scrollstory.com

Facebook: /scrollstory Twitter: /scrollstory