Practical Web Development

Contents
Functional Layers .......................................................................................................................................... 1
Page to Page Data Transfer....................................................................................................................... 1
Page to Database Data Transfer ............................................................................................................... 1
Page to Page Integration........................................................................................................................... 1
Problem Solving ............................................................................................................................................ 2
Checklist .................................................................................................................................................... 2

Functional Layers

There are three functional layers you have to deal with when developing for web. The REST architecture
basically is in these layers.

Page to Page Data Transfer

There are certain ways data in transferred between pages:

➢ Ajax Request
➢ HTTP Verbs
➢ Through URLS

Page to Database Data Transfer

This is basically programming language or framework implementing queries to the DBMS. Theere can be
two types:

➢ Raw Queries such in pure PHP

➢ Framework Queries such as in Laravel Eloquent

Page to Page Integration

This is what basically gives the frontend. It can include mainly:

➢ CDN links to JavaScript and CSS

➢ Local links to JavaScript and CSS
➢ Backend files inclusion such as PHP or C# files through includes and imports.

Problem Solving

Understanding the problem domain is essential. Problems can occur in:

➢ Server Configuration
➢ Server Code (beyond the hands of web developer)
➢ HTML/CSS Syntax
➢ Programming Syntax (avaScript or PHP for example)
➢ HTTP Errors

Checklist

Ensure the following:

➢ Check Redirection
➢ Check Database Design and R/W
➢ Check Variable Assignment
➢ Check Variable Initialization
➢ Check Post Data Status
➢ Check HTACCESS configuration
➢ Check Visualization/Wireframe of User Interface
➢ Check HTML Tag Matching

A web page is just a script/file: Frontend and Backend. When reading a script identify which part of
the web page a code in script deals with/affects/changes.