Review of client and
server Web
technologies
JavaScript:
Client-Side Technologies
• HTML/CSS:
• HTML (HyperText Markup Language) structures the content on the web.
• CSS (Cascading Style Sheets) styles the HTML, CSS helps make websites
look nice and organized.
• JavaScript:
• Enabling interactive features on websites.
• Manipulates the DOM (Document Object Model) to create dynamic
content.
• Frameworks/Libraries:
• React: A library for building user interfaces, particularly single-
page applications (SPAs).
• [Link]: A progressive framework for building UIs.
• Angular: A comprehensive framework for building large-scale
applications, developed by Google.
• CSS Preprocessors:
• Sass and LESS enhance CSS with features like variables and
functions.
• Build Tools:
• Webpack: is a module bundler for JavaScript applications. It takes
your code and assets (like images and styles) and bundles them
into one or more files.
• Babel: A JavaScript compiler that enables the use of modern
JavaScript features in older browsers.
Server-Side Technologies
• [Link]:
• A runtime that allows JavaScript to be executed on the server. It
uses an event-driven, non-blocking I/O model, making it efficient
for I/O-heavy applications.
• Frameworks:
• [Link]: A minimal and flexible [Link] web application
framework, providing a robust set of features/functions for web
and mobile applications.
• NestJS: is a framework for building server-side applications with
[Link]. It uses TypeScript and helps developers create organized
code.
• Databases:
• MongoDB: A NoSQL database that stores data in JSON-like
documents, popular in [Link] applications.
• MySQL: is an open-source relational database management
system that stores data in tables and allows you to easily manage
and retrieve that data using SQL (Structured Query Language).
Trends and Future Directions
• Serverless Architecture: Platforms like AWS Lambda
and Azure Functions allow developers to build and deploy
applications without managing server infrastructure.
• Microservices: Decomposing applications into smaller,
independently deployable services, often using [Link] for
their implementation.
PHP
Overview of PHP
• PHP (Hypertext Preprocessor) is a widely-used open-
source server-side scripting language designed primarily
for web development but also used as a general-purpose
programming language.
Key Functions:
• Server-Side Scripting:
• PHP code is executed on the server, generating HTML that is sent
to the client’s browser. This makes it suitable for creating dynamic
web content.
• Cross-Platform:
• PHP runs on various platforms, including Windows, Linux, and
macOS, and is compatible with most web servers, such as Apache
and Nginx.
• Database Integration:
• PHP has built-in support for various databases, most notably
MySQL, making it easy to interact with relational databases.
• Open Source:
• PHP is free to use and has a large community of developers
contributing to its growth and improvement.
Common Use Cases
• Content Management Systems (CMS):
• PHP powers popular CMS platforms like WordPress, Drupal, and
Joomla, enabling users to create and manage website content
easily.
• E-commerce Applications:
• Platforms like Magento and WooCommerce are built with PHP,
allowing businesses to run online stores with extensive
functionalities.
ClassWork
1. Explain the difference between ReactJS and
JS?
2. How does the webpack work?
3. What is the difference between MySQL and
MongoDB?
4. Where PHP is used in website?