Web Development: Building up the Foundation

 Ruman Saleem

What is a Web App ?

A client-server application that runs in a browser.

How do you use a Web App?

 

  • Open Web Browser
  • Enter a URL
  • Browser fetches data from server
  • Browser renders the webpage
  • We interact with the webpage using links, forms, buttons, etc.

HTTP Request

HTTP Response

Write/Update/Delete

Read

Web Browser

A HTTP Client application

https://
google.com
/search
?q=Web+Dev
#results

URL: Components

Domain Name System (DNS)

Web Server

An application that accepts and responds to HTTP requests,

coming from various clients over the Internet.

Server-side Scripting

(CGI Scripts)

Client-side Scripting

(JavaScripts)

Server-side Frameworks

  • PHP: CodeIgniter, Symfony, Laravel
  • JS: Express, Meteor.js, AdonisJS
  • Ruby: Ruby on Rails
  • Java: Spring, Apache Struts
  • Python: Flask, Django

JS Frameworks

  • React
  • Vue.js
  • Angular
  • Svelte
  • Alpine
  • Ember.js
  • Backbone.js

CSS Frameworks

  • Bootstrap
  • Bulma
  • Materialize
  • Semantic UI
  • Foundation
  • TailwindCSS

Thank You!

Web Development: Building up the Foundation

By Ruman Saleem

Web Development: Building up the Foundation

  • 72