PROJECTENGRAM

CLIENT SERVER ARCHITECTURE

Client Server Architecture

Tags: #◇Web Development #◇CCAPDEV #◇Client Server Architecture #◇Conceptual #◇M4


◇Overview

Extracted notes for Client Server Architecture covering both theoretical and practical elements.

◇Key Definitions

What we’ve done so far... Creating HTML documents Styling documents with CSS Automating Actions and behavior using JavaScript/jQuery. They are all files!
Client-Server Architecture The Client-Server Architecture is composed of: The client – a machine or program that allows users to make requests through the Web The server – a program that serves the requests of multiple clients
Front-end Frameworks With the knowledge of basic HTML, CSS, and JS, you can build a client-side website. But there are other libraries and frameworks that can make it easier for you.
Front-end CSS Frameworks These are premade CSS design rules to help organize and layout content for development
Front-end JS Frameworks Collection of prewritten JS code to help in building web applications Provides rules and structure on how to organize the web application

◇Theoretical Framework

Front-end JS Frameworks
Some of these JS frameworks also provide a good base for client-server communication.

What is NodeJS?
Open-source JavaScript runtime environment that enables JavaScript to be executed outside a browser
what is a runtime environment?

JavaScript Origins
JavaScript was originally developed to build web applications for browsers.
The Browsers serve as runtime environments for JavaScript

JS Engine
A program that interprets high-level JavaScript syntax to machine-bytecode.

JS Engine
Different browsers have different engines, which is why sometimes JS code behaves differently in some browsers.

◇References & Navigation

CONFIRMATION // 理解度の確認

ACTIVE RECALL VERIFICATION

Select an answer to verify conceptual comprehension and reveal the technical rationale.

Q1

In the Client-Server Architecture, what is the role of the server?

Q2

What is NodeJS?

Q3

What does a JS Engine do?