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
