<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
    <channel>
        
        <title>
            <![CDATA[ clients - freeCodeCamp.org ]]>
        </title>
        <description>
            <![CDATA[ Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science, DevOps, Security, and get developer career advice. ]]>
        </description>
        <link>https://www.freecodecamp.org/news/</link>
        <image>
            <url>https://cdn.freecodecamp.org/universal/favicons/favicon.png</url>
            <title>
                <![CDATA[ clients - freeCodeCamp.org ]]>
            </title>
            <link>https://www.freecodecamp.org/news/</link>
        </image>
        <generator>Eleventy</generator>
        <lastBuildDate>Mon, 24 Aug 2026 19:19:18 +0000</lastBuildDate>
        <atom:link href="https://www.freecodecamp.org/news/tag/clients/rss.xml" rel="self" type="application/rss+xml" />
        <ttl>60</ttl>
        
            <item>
                <title>
                    <![CDATA[ How Clients and Servers Communicate: Full Handbook on HTTP/1.1, HTTP/2, REST, WebSockets, GraphQL, gRPC, and Protocol Buffers ]]>
                </title>
                <description>
                    <![CDATA[ You've built and consumed APIs. You know what a GET request is, what a JSON response looks like, and how to add an Authorization header. You've used REST, maybe tried GraphQL, and perhaps heard of gRP ]]>
                </description>
                <link>https://www.freecodecamp.org/news/how-clients-and-servers-communicate-handbook-http-rest-websockets-graphql-grpc-protobuf/</link>
                <guid isPermaLink="false">6a62a069f97a6bd65ce3cd8f</guid>
                
                    <category>
                        <![CDATA[ server ]]>
                    </category>
                
                    <category>
                        <![CDATA[ clients ]]>
                    </category>
                
                    <category>
                        <![CDATA[ networking ]]>
                    </category>
                
                    <category>
                        <![CDATA[ software ]]>
                    </category>
                
                    <category>
                        <![CDATA[ engineering ]]>
                    </category>
                
                    <category>
                        <![CDATA[ gRPC ]]>
                    </category>
                
                    <category>
                        <![CDATA[ http ]]>
                    </category>
                
                    <category>
                        <![CDATA[ http2 ]]>
                    </category>
                
                    <category>
                        <![CDATA[ protobuf ]]>
                    </category>
                
                    <category>
                        <![CDATA[ handbook ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ Oluwaseyi Fatunmole ]]>
                </dc:creator>
                <pubDate>Thu, 23 Jul 2026 23:14:49 +0000</pubDate>
                <media:content url="https://cdn.hashnode.com/uploads/covers/5e1e335a7a1d3fcc59028c64/b44f7067-5398-492a-b1f7-789f73673c34.png" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>You've built and consumed APIs. You know what a GET request is, what a JSON response looks like, and how to add an Authorization header. You've used REST, maybe tried GraphQL, and perhaps heard of gRPC.</p>
<p>But do you know what actually happens when your application sends a request? What travels through the wire? Why does HTTP/2 make things faster? Why do WebSockets exist when HTTP already works? What makes Protocol Buffers different from JSON at a fundamental level?</p>
<p>And when you're designing a system, how do you decide which communication approach to use?</p>
<p>These are the questions this handbook answers.</p>
<p>This isn't a beginner's guide to APIs. This is a deep dive into how clients and servers actually communicate: the protocols, the trade-offs, the history of why each approach was built, and the engineering thinking behind choosing one over another.</p>
<p>By the end, you won't just know what these technologies are. You'll understand why they exist, how they work at a level that makes you a better engineer, and how to make deliberate architectural decisions about communication in your systems.</p>
<h2 id="heading-table-of-contents">Table of Contents</h2>
<ul>
<li><p><a href="#the-foundation-how-two-machines-talk-to-each-other">The Foundation: How Two Machines Talk to Each Other</a></p>
</li>
<li><p><a href="#http11-the-protocol-that-built-the-web">HTTP/1.1: The Protocol That Built the Web</a></p>
</li>
<li><p><a href="#the-problems-http11-could-not-solve">The Problems HTTP/1.1 Could Not Solve</a></p>
</li>
<li><p><a href="#http2-rebuilding-the-foundation">HTTP/2: Rebuilding the Foundation</a></p>
</li>
<li><p><a href="#http3-and-quic-the-next-evolution">HTTP/3 and QUIC: The Next Evolution</a></p>
</li>
<li><p><a href="#data-formats-how-information-is-encoded">Data Formats: How Information Is Encoded</a></p>
</li>
<li><p><a href="#rest-the-architecture-that-took-over-the-world">REST: The Architecture That Took Over the World</a></p>
</li>
<li><p><a href="#the-limits-of-rest">The Limits of REST</a></p>
</li>
<li><p><a href="#graphql-letting-the-client-decide">GraphQL: Letting the Client Decide</a></p>
</li>
<li><p><a href="#websockets-when-http-is-not-enough">WebSockets: When HTTP Is Not Enough</a></p>
</li>
<li><p><a href="#server-sent-events-the-simpler-real-time-option">Server-Sent Events: The Simpler Real-Time Option</a></p>
</li>
<li><p><a href="#protocol-buffers-a-new-language-for-data">Protocol Buffers: A New Language for Data</a></p>
</li>
<li><p><a href="#grpc-remote-procedure-calls-at-scale">gRPC: Remote Procedure Calls at Scale</a></p>
</li>
<li><p><a href="#the-complete-comparison">The Complete Comparison</a></p>
</li>
<li><p><a href="#how-to-choose-the-engineering-decision-framework">How to Choose: The Engineering Decision Framework</a></p>
</li>
<li><p><a href="#conclusion">Conclusion</a></p>
</li>
</ul>
<h2 id="heading-the-foundation-how-two-machines-talk-to-each-other">The Foundation: How Two Machines Talk to Each Other</h2>
<p>Before any protocol, data format, or architectural style enters the picture, two machines need to establish a connection. Understanding this foundation makes everything else click.</p>
<h3 id="heading-ip-addresses-and-ports">IP Addresses and Ports</h3>
<p>Every device on a network has an IP address: a unique identifier that works like a postal address. When your application sends a request to <code>api.example.com</code>, the first thing that happens is a DNS lookup, which translates that human-readable name into an IP address like <code>93.184.216.34</code>. That IP address is where the packet is going.</p>
<p>But an IP address alone isn't enough. A single server might be running dozens of different services simultaneously: a web server, a database, an email server, an SSH daemon.</p>
<p>Ports tell the operating system which service should handle the incoming connection. Port 80 is the conventional port for HTTP. Port 443 is for HTTPS. Port 5432 is for PostgreSQL. Port 22 is for SSH. When you call <code>api.example.com/users</code>, you are actually calling <code>api.example.com:443/users</code>. The browser fills in the port automatically.</p>
<h3 id="heading-tcp-the-reliable-foundation">TCP: The Reliable Foundation</h3>
<p>Most web communication runs over TCP (Transmission Control Protocol). TCP is a connection-oriented protocol, which means before any data is exchanged, both parties go through a handshake to establish a connection.</p>
<p>The TCP handshake works in three steps, which is why it's called the three-way handshake:</p>
<pre><code class="language-plaintext">Client                    Server
  |                          |
  |-------- SYN -----------&gt;|   "I want to connect"
  |                          |
  |&lt;------- SYN-ACK --------|   "Okay, I acknowledge. Ready?"
  |                          |
  |-------- ACK -----------&gt;|   "Great, let's go"
  |                          |
  [Connection established]
</code></pre>
<p>SYN stands for synchronize. ACK stands for acknowledge. After these three packets, the connection exists and data can flow.</p>
<p>TCP guarantees three things that make it the foundation of reliable communication:</p>
<ol>
<li><p><strong>Delivery</strong>: if a packet is lost in transit, TCP detects this and retransmits it automatically. The application layer never has to worry about lost packets.</p>
</li>
<li><p><strong>Order</strong>: packets arrive in the same order they were sent. If packets arrive out of order (which happens frequently on real networks), TCP reorders them before delivering them to the application.</p>
</li>
<li><p><strong>Error detection</strong>: every TCP packet includes a checksum. If the data is corrupted in transit, TCP detects and discards the corrupted packet, then requests a retransmission.</p>
</li>
</ol>
<p>This reliability comes at a cost: the overhead of the handshake, the acknowledgment packets, and the retransmission logic.</p>
<p>For many use cases, this cost is worth it. For some (live video streaming, online gaming, DNS lookups), UDP (User Datagram Protocol) is preferred because it sends packets without any of this overhead, accepting some loss in exchange for speed. HTTP/3, which we'll cover later, is built on a protocol that brings reliability to UDP.</p>
<h3 id="heading-tls-encrypting-the-connection">TLS: Encrypting the Connection</h3>
<p>On the modern web, most connections use HTTPS rather than plain HTTP. The S stands for Secure, and the security is provided by TLS (Transport Layer Security), the successor to SSL.</p>
<p>TLS adds an additional handshake on top of the TCP connection. During the TLS handshake:</p>
<ol>
<li><p>The client and the server agree on which version of TLS to use and which encryption algorithms to support</p>
</li>
<li><p>The server presents its digital certificate (issued by a trusted Certificate Authority)</p>
</li>
<li><p>The client verifies the certificate is valid and belongs to the server it intended to reach</p>
</li>
<li><p>They exchange encryption keys using asymmetric cryptography</p>
</li>
<li><p>From that point forward, all communication is encrypted with symmetric encryption</p>
</li>
</ol>
<p>The TLS handshake adds latency. In TLS 1.2, it takes two round trips before any application data can flow. TLS 1.3, released in 2018, reduced this to one round trip, and even supports zero round-trip resumption for returning connections.</p>
<p>Understanding TCP and TLS matters because every protocol we discuss runs on top of them (until HTTP/3, which changes the underlying transport). When people talk about the "overhead" of HTTPS or the "cost" of establishing a connection, they're talking about the time and packets spent on these handshakes before a single byte of your actual request travels.</p>
<h2 id="heading-http11-the-protocol-that-built-the-web">HTTP/1.1: The Protocol That Built the Web</h2>
<p>HTTP (HyperText Transfer Protocol) was invented by Tim Berners-Lee in 1991 to transfer HTML documents between computers. HTTP/1.0 was simple: one request per connection, then the connection closes.</p>
<p>HTTP/1.1, standardized in 1997, brought significant improvements and became the dominant version of HTTP for nearly two decades. It introduced persistent connections (keep connections open across multiple requests), chunked transfer encoding, and more sophisticated caching mechanisms.</p>
<h3 id="heading-how-an-http11-request-works">How an HTTP/1.1 Request Works</h3>
<p>An HTTP request is a text message with a specific structure:</p>
<pre><code class="language-plaintext">POST /api/users HTTP/1.1
Host: api.example.com
Content-Type: application/json
Authorization: Bearer eyJhbGciOiJIUzI1NiJ9...
Accept: application/json
Content-Length: 45
User-Agent: MyApp/2.0

{"name": "John Smith", "email": "john@example.com"}
</code></pre>
<p>The first line is the request line: the HTTP method (POST), the path (/api/users), and the protocol version.</p>
<p>Below that are the headers: key-value pairs that provide metadata about the request. The host, the content type, the authorization token, what format the client accepts, and how large the body is.</p>
<p>After a blank line comes the body: the actual data being sent.</p>
<p>The server processes this and responds:</p>
<pre><code class="language-plaintext">HTTP/1.1 201 Created
Content-Type: application/json
Location: /api/users/usr_789
Date: Mon, 21 Jul 2026 09:15:00 GMT
Content-Length: 89

{"id": "usr_789", "name": "John Smith", "email": "john@example.com", "created_at": "..."}
</code></pre>
<p>The response has a status line (the protocol version, the status code, and a reason phrase), headers, and a body.</p>
<h3 id="heading-http-methods-and-their-semantics">HTTP Methods and Their Semantics</h3>
<p>HTTP/1.1 defines several methods, each with specific semantics:</p>
<ul>
<li><p><strong>GET</strong> retrieves a resource. A GET request should have no side effects. It shouldn't create or modify anything. It's safe and idempotent, meaning calling it multiple times has the same effect as calling it once.</p>
</li>
<li><p><strong>POST</strong> submits data to create a new resource or trigger an action. It's neither safe nor idempotent: calling POST twice typically creates two resources.</p>
</li>
<li><p><strong>PUT</strong> replaces a resource entirely with the provided data. It's idempotent: calling PUT twice with the same data has the same effect as calling it once.</p>
</li>
<li><p><strong>PATCH</strong> partially updates a resource. Only the fields provided are changed.</p>
</li>
<li><p><strong>DELETE</strong> removes a resource. It's idempotent: deleting something that doesn't exist is still considered successful.</p>
</li>
<li><p><strong>HEAD</strong> is identical to GET but the server only returns headers, not the body. It's used to check if a resource exists or has been modified without downloading the full content.</p>
</li>
<li><p><strong>OPTIONS</strong> asks the server what methods are allowed for a resource. It's used in CORS preflight requests.</p>
</li>
</ul>
<h3 id="heading-status-codes">Status Codes</h3>
<p>HTTP status codes are three-digit numbers grouped into five categories:</p>
<p><strong>1xx Informational</strong> — the server has received the request and is continuing to process it. These are rarely seen in practice outside of specific use cases like HTTP upgrade (used to establish WebSocket connections).</p>
<p><strong>2xx Success</strong> — the request was received, understood, and accepted.</p>
<ul>
<li><p>200 OK: standard success response</p>
</li>
<li><p>201 Created: a new resource was created</p>
</li>
<li><p>204 No Content: success but nothing to return (common for DELETE)</p>
</li>
</ul>
<p><strong>3xx Redirection</strong> — further action is required to complete the request.</p>
<ul>
<li><p>301 Moved Permanently: the resource has a new URL forever</p>
</li>
<li><p>302 Found: temporary redirect</p>
</li>
<li><p>304 Not Modified: the cached version is still valid (used with ETags)</p>
</li>
</ul>
<p><strong>4xx Client Error</strong> — the request contains bad syntax or can't be fulfilled.</p>
<ul>
<li><p>400 Bad Request: the request is malformed</p>
</li>
<li><p>401 Unauthorized: authentication is required (despite the name, it means unauthenticated)</p>
</li>
<li><p>403 Forbidden: authenticated but not authorized to access this resource</p>
</li>
<li><p>404 Not Found: the resource doesn't exist</p>
</li>
<li><p>422 Unprocessable Entity: the request is syntactically valid but semantically wrong (common for validation errors)</p>
</li>
<li><p>429 Too Many Requests: rate limit exceeded</p>
</li>
</ul>
<p><strong>5xx Server Error</strong> — the server failed to fulfill a valid request.</p>
<ul>
<li><p>500 Internal Server Error: something went wrong on the server</p>
</li>
<li><p>502 Bad Gateway: the server received an invalid response from an upstream server</p>
</li>
<li><p>503 Service Unavailable: the server is temporarily unavailable</p>
</li>
<li><p>504 Gateway Timeout: the upstream server did not respond in time</p>
</li>
</ul>
<h3 id="heading-caching-in-http11">Caching in HTTP/1.1</h3>
<p>One of HTTP/1.1's most powerful features is its built-in caching model. Responses can include headers that tell clients and intermediate caches how long to store a response and when to revalidate it.</p>
<ul>
<li><p><code>Cache-Control: max-age=3600</code> tells the client to cache this response for one hour.</p>
</li>
<li><p><code>Cache-Control: no-cache</code> tells the client to always revalidate with the server before using a cached response.</p>
</li>
<li><p><code>Cache-Control: no-store</code> tells the client never to cache this response.</p>
</li>
</ul>
<p><code>ETag</code> is a fingerprint of the response content. When the client makes a subsequent request, it sends the ETag back in an <code>If-None-Match</code> header. If the content hasn't changed, the server responds with 304 Not Modified and no body, saving bandwidth.</p>
<p><code>Last-Modified</code> works similarly: the client sends <code>If-Modified-Since</code> and the server confirms whether the content has changed.</p>
<p>Caching is one of the key reasons REST over HTTP became dominant. GET requests to well-designed REST APIs can be cached at the CDN level, meaning the same response is served to thousands of users without the request ever reaching your origin server.</p>
<h2 id="heading-the-problems-http11-could-not-solve">The Problems HTTP/1.1 Could Not Solve</h2>
<p>HTTP/1.1 served the web well for two decades. But as the web grew more complex, applications more dynamic, and user expectations higher, its architectural limitations became significant performance bottlenecks.</p>
<h3 id="heading-head-of-line-blocking">Head-of-Line Blocking</h3>
<p>HTTP/1.1 processes requests sequentially on a single connection. The server must finish responding to one request before the next one on the same connection begins.</p>
<pre><code class="language-plaintext">Connection 1:
Request 1 (slow database query) -----&gt; [3 seconds] -----&gt; Response 1
Request 2 (fast in-memory read) -----&gt; [waits 3 seconds] -----&gt; Response 2
Request 3 (static file) -----------&gt; [waits 3+ seconds] -----&gt; Response 3
</code></pre>
<p>Request 2 and Request 3 are fast operations. But they're stuck waiting for Request 1 to complete. This is head-of-line blocking: the head of the queue blocks everything behind it.</p>
<p>Browsers worked around this by opening multiple parallel TCP connections to the same server, typically six. But each connection requires its own TCP handshake and TLS negotiation, consuming resources on both the client and server.</p>
<h3 id="heading-verbose-headers-on-every-request">Verbose Headers on Every Request</h3>
<p>Every HTTP/1.1 request sends its complete headers as plain text. Consider a mobile application making fifty requests during a session. On every single request, the following headers are sent in full:</p>
<pre><code class="language-plaintext">Host: api.example.com
Authorization: Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJ1c3JfMTIzIn0...
Content-Type: application/json
Accept: application/json
Accept-Language: en-US,en;q=0.9
Accept-Encoding: gzip, deflate, br
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)...
</code></pre>
<p>The Authorization header alone, carrying a JWT, can be 400 to 600 bytes. Multiplied by fifty requests, that is 20 to 30 kilobytes of data carrying nothing but headers that haven't changed between requests.</p>
<p>On a 4G mobile connection with limited bandwidth, this is waste. On a 2G connection in a network-constrained environment, it's a significant performance penalty.</p>
<h3 id="heading-no-server-push">No Server Push</h3>
<p>HTTP/1.1 is strictly request-response. The server can't send data until the client asks for it. This fundamental limitation means the server can never proactively inform the client of changes.</p>
<p>For applications requiring real-time updates, short polling became a common workaround: the client sends a request every few seconds asking "has anything changed?" This is inefficient because most polling requests receive a "no, nothing has changed" response, consuming bandwidth and server resources for no purpose.</p>
<p>Long polling was a refinement: the client sends a request and the server holds it open until something changes or a timeout occurs. This reduces unnecessary responses but keeps connections open indefinitely, consuming server resources.</p>
<p>Both are workarounds for a fundamental limitation of HTTP/1.1's request-response model.</p>
<h3 id="heading-inefficient-use-of-connections">Inefficient Use of Connections</h3>
<p>Opening a new TCP connection requires the three-way handshake plus the TLS handshake: a process that can take 200 to 500 milliseconds on a mobile connection.</p>
<p>HTTP/1.1 introduced keep-alive connections to reuse connections across multiple requests, but head-of-line blocking made this only partially effective. Browsers opened multiple connections to compensate, but six parallel connections per domain is both a client limitation and a server resource concern at scale.</p>
<h2 id="heading-http2-rebuilding-the-foundation">HTTP/2: Rebuilding the Foundation</h2>
<p>Google published a protocol called SPDY (pronounced "speedy") in 2009, designed to address HTTP/1.1's performance limitations. SPDY demonstrated that significant improvements were possible without changing the fundamental HTTP semantics. HTTP/2, standardized by the IETF in 2015, was heavily based on SPDY and became the successor to HTTP/1.1.</p>
<p>HTTP/2 doesn't change what you send. From the application developer's perspective, requests still have methods, paths, headers, and bodies. Responses still have status codes, headers, and bodies. What HTTP/2 changes is how all of this is transmitted.</p>
<h3 id="heading-binary-framing-the-core-change">Binary Framing: The Core Change</h3>
<p>HTTP/1.1 is a text protocol. Headers, status lines, and method names are all ASCII text. Machines must parse this text character by character to interpret it.</p>
<p>HTTP/2 is a binary protocol. Every piece of information is encoded as binary frames rather than text. Binary is more compact and significantly faster for machines to parse. Instead of tokenizing a string looking for colons and newlines to separate header names from values, a binary parser reads fixed-length fields directly from memory.</p>
<p>The binary framing layer is the foundation everything else in HTTP/2 is built upon.</p>
<h3 id="heading-multiplexing-many-streams-one-connection">Multiplexing: Many Streams, One Connection</h3>
<p>HTTP/2 introduces the concept of streams. A stream is an independent, bidirectional sequence of frames within a single TCP connection. Multiple streams can exist simultaneously on the same connection.</p>
<pre><code class="language-plaintext">Single TCP connection to api.example.com

Stream 1: GET /user/profile ---------&gt; Response arrives
Stream 2: GET /user/balance ---------&gt; Response arrives
Stream 3: POST /transactions --------&gt; Response arrives
Stream 4: GET /notifications --------&gt; Response arrives

All four streams active simultaneously
No stream waits for any other stream
</code></pre>
<p>This is multiplexing: many independent requests and responses interleaved on the same connection. Head-of-line blocking at the HTTP level is eliminated. A slow request on Stream 1 doesn't prevent Stream 2, 3, or 4 from receiving their responses.</p>
<p>One connection replaces six parallel connections. The TCP handshake and TLS negotiation happen once. Connection overhead drops dramatically.</p>
<h3 id="heading-header-compression-with-hpack">Header Compression with HPACK</h3>
<p>HTTP/2 compresses headers using an algorithm called HPACK specifically designed for HTTP headers.</p>
<p>HPACK works in two ways. First, it maintains a table of previously seen headers. Instead of retransmitting a header that was sent on the previous request, it sends a reference to the table entry: a single integer instead of hundreds of bytes of text.</p>
<p>Second, HPACK uses Huffman encoding for new header values, reducing the size of strings that can't be referenced from the table.</p>
<p>The result: a mobile application sending the same Authorization header on every request transmits it in full on the first request, then sends a one-byte or two-byte reference on every subsequent request. What was 500 bytes of overhead becomes 2 bytes.</p>
<p>Across fifty requests in a session, this eliminates thousands of bytes of redundant header transmission.</p>
<h3 id="heading-stream-prioritization">Stream Prioritization</h3>
<p>HTTP/2 allows clients to assign priority to streams. A browser loading a web page can signal that the CSS file (needed to render anything) is higher priority than the analytics script (not needed for initial render). The server can use these priorities to decide the order in which it sends frames when multiple streams are active.</p>
<p>In practice, stream prioritization has been inconsistently implemented and is being redesigned in HTTP/3.</p>
<h3 id="heading-server-push">Server Push</h3>
<p>HTTP/2 allows the server to proactively send resources to the client without waiting for a request. When a browser requests an HTML file, the server can immediately push the CSS and JavaScript files it knows the browser will need next, before the browser has even parsed the HTML to discover it needs them.</p>
<pre><code class="language-plaintext">Client: GET /index.html
Server: Here is index.html
Server: (push) Here is styles.css — you will need this
Server: (push) Here is app.js — you will need this too
</code></pre>
<p>In practice, server push has had mixed adoption due to implementation complexity and the risk of pushing resources the client already has cached. HTTP/3 is reconsidering how push should work.</p>
<h3 id="heading-http2-and-grpc">HTTP/2 and gRPC</h3>
<p>HTTP/2's multiplexing and persistent connections make it the ideal transport for gRPC. A single HTTP/2 connection can carry many concurrent gRPC calls, including long-running streaming calls that push data continuously. This is why gRPC requires HTTP/2: the features that make gRPC efficient are provided by the transport layer.</p>
<h2 id="heading-http3-and-quic-the-next-evolution">HTTP/3 and QUIC: The Next Evolution</h2>
<p>Even with HTTP/2's improvements, one fundamental problem remained: TCP head-of-line blocking.</p>
<p>HTTP/2 eliminated head-of-line blocking at the HTTP level. Multiple HTTP/2 streams can proceed independently. But all of those streams share a single TCP connection. TCP guarantees ordered delivery of all bytes in a connection. If a single TCP packet is lost, the entire connection stalls while TCP retransmits that packet, even for streams that have nothing to do with the lost packet.</p>
<pre><code class="language-plaintext">HTTP/2 over TCP — packet loss scenario:

Stream 1: data in flight...
Stream 2: data in flight...
Stream 3: packet LOST — TCP retransmission required

Stream 1: STALLED (waiting for TCP retransmission)
Stream 2: STALLED (waiting for TCP retransmission)
Stream 3: retransmission in progress...
</code></pre>
<p>Both streams 1 and 2 are blocked by a packet loss that affected only stream 3. This is TCP head-of-line blocking, and HTTP/2 can't eliminate it because it operates above the TCP layer.</p>
<h3 id="heading-quic-a-new-transport-protocol">QUIC: A New Transport Protocol</h3>
<p>Google developed QUIC (Quick UDP Internet Connections) to solve this problem. QUIC is a new transport protocol built on UDP instead of TCP, designed to provide some very helpful new features:</p>
<ol>
<li><p><strong>Multiplexing without head-of-line blocking:</strong> QUIC understands streams natively. A packet loss in one QUIC stream only stalls that stream. Other streams on the same connection continue flowing freely.</p>
</li>
<li><p><strong>Built-in encryption:</strong> Unlike TLS which runs on top of TCP, QUIC has TLS 1.3 built into the protocol itself. The transport and security layers are integrated, reducing the number of round trips required before data can flow.</p>
</li>
<li><p><strong>Faster connection establishment:</strong> A new QUIC connection requires one round trip before data can flow. For returning connections where a session ticket exists, QUIC can send data in zero round trips (0-RTT).</p>
</li>
<li><p><strong>Connection migration:</strong> A TCP connection is identified by the four-tuple of source IP, source port, destination IP, and destination port. If any of these change (say, a mobile device switches from WiFi to cellular), the TCP connection breaks and must be re-established. QUIC connections are identified by a connection ID that survives network changes, enabling seamless handoff.</p>
</li>
</ol>
<h3 id="heading-http3">HTTP/3</h3>
<p>HTTP/3 is HTTP semantics over QUIC. The request and response model remains the same. Headers, status codes, and methods are all identical. The transport underneath is QUIC instead of TCP.</p>
<p>HTTP/3 is particularly impactful for:</p>
<ol>
<li><p><strong>Mobile networks</strong> where packet loss is more common and devices frequently switch between networks.</p>
</li>
<li><p><strong>High-latency connections</strong> where the reduced handshake round trips save meaningful time.</p>
</li>
<li><p><strong>Applications with many concurrent streams</strong> where TCP head-of-line blocking was a real bottleneck.</p>
</li>
</ol>
<p>As of 2026, HTTP/3 is supported by major browsers, CDNs, and an increasing number of backend servers. Adoption continues to grow.</p>
<h2 id="heading-data-formats-how-information-is-encoded">Data Formats: How Information Is Encoded</h2>
<p>Independent of which protocol carries data, systems need to agree on how data is encoded. The most important formats for API communication are JSON and Protocol Buffers.</p>
<h3 id="heading-json-the-universal-language">JSON: The Universal Language</h3>
<p>JSON (JavaScript Object Notation) was derived from JavaScript syntax and formalized as a standalone data format. Its design philosophy is human readability and simplicity.</p>
<p>A JSON object is a collection of key-value pairs enclosed in curly braces. Keys are always strings. Values can be strings, numbers, booleans, null, arrays, or other objects.</p>
<pre><code class="language-plaintext">{
  "id": "usr_001",
  "name": "John Smith",
  "age": 28,
  "is_verified": true,
  "scores": [98, 87, 92],
  "address": {
    "city": "Lagos",
    "country": "Nigeria"
  }
}
</code></pre>
<p>JSON became the dominant API data format for several reasons. It's human-readable: a developer can look at a JSON response in a browser's developer tools and immediately understand it. It maps naturally to data structures in virtually every programming language. It requires no special tooling or schema definition. And it's flexible: fields can be added or removed without necessarily breaking existing clients.</p>
<h3 id="heading-the-structural-cost-of-json">The Structural Cost of JSON</h3>
<p>JSON's human-readable design comes with a structural cost that becomes significant at scale.</p>
<p>Every field name is a string that travels over the network on every single response. In the example above, the strings <code>"is_verified"</code>, <code>"address"</code>, <code>"country"</code> aren't data. They're labels for data. They consume bytes, they must be tokenized and parsed, and they're repeated on every response for every user.</p>
<p>JSON is a text format, which means it must be parsed from text into the application's native data structures. This parsing isn't free: it requires allocating memory for strings, walking the text byte by byte to find delimiters, and constructing objects from the parsed values.</p>
<p>For a fintech platform with an internal API that returns a 1000-field response and is called by dozens of internal services millions of times per day, the cumulative cost of JSON's verbosity and parsing overhead becomes measurable in bandwidth bills and server CPU time.</p>
<p>JSON also has no formal schema at the network level. There's nothing in the JSON format itself that prevents a backend from changing <code>"account_balance"</code> to <code>"balance"</code>. The change compiles fine. The server deploys. Clients that depend on <code>"account_balance"</code> break silently at runtime.</p>
<h3 id="heading-xml-the-predecessor">XML: The Predecessor</h3>
<p>Before JSON, XML (eXtensible Markup Language) was the dominant data format for web services (used in SOAP, the predecessor to REST). XML is more verbose than JSON, wrapping every value in opening and closing tags:</p>
<pre><code class="language-plaintext">&lt;user&gt;
  &lt;id&gt;usr_001&lt;/id&gt;
  &lt;name&gt;John Smith&lt;/name&gt;
  &lt;age&gt;28&lt;/age&gt;
  &lt;is_verified&gt;true&lt;/is_verified&gt;
&lt;/user&gt;
</code></pre>
<p>XML has advantages: it supports schemas (XSD), namespaces, and complex document structures. It's still used in enterprise systems, document formats (DOCX, SVG, RSS), and configuration files. But for API communication, JSON's simplicity won.</p>
<h2 id="heading-rest-the-architecture-that-took-over-the-world">REST: The Architecture That Took Over the World</h2>
<p>REST (Representational State Transfer) was defined by Roy Fielding in his doctoral dissertation in 2000. Fielding was one of the principal authors of the HTTP specification, and REST emerged from his analysis of what made HTTP architecturally successful.</p>
<p>REST isn't a protocol. It's an architectural style: a set of constraints that, when applied to a distributed system, produce desired properties including scalability, simplicity, and modifiability.</p>
<h3 id="heading-the-six-rest-constraints">The Six REST Constraints</h3>
<p>Fielding defined six constraints that define a RESTful architecture. Most APIs described as "REST" implement a subset of these, which is why the term "RESTful" covers a wide spectrum.</p>
<p><strong>1. Client-Server:</strong> The client and server are separate concerns. The client manages the user interface. The server manages data storage and business logic. They evolve independently. This separation allows each to scale and change without affecting the other.</p>
<p><strong>2. Stateless:</strong> Each request from the client to the server must contain all the information needed to understand and process the request. The server doesn't store any session state between requests. If a client needs to be authenticated, the authentication information (typically a token) travels with every request.</p>
<p>Statelessness is what makes REST APIs horizontally scalable. Any server instance can handle any request because no session state needs to be co-located with the request. Load balancers can route requests freely.</p>
<p><strong>3. Cacheable:</strong> Responses must define themselves as cacheable or non-cacheable. If a response is cacheable, clients and intermediate layers (CDN, reverse proxies) can store and reuse the response without hitting the server.</p>
<p>Caching is one of the most powerful properties of REST. A well-designed REST API can serve millions of identical GET requests from CDN cache, with only a fraction ever reaching the origin server.</p>
<p><strong>4. Uniform Interface:</strong> The interface between client and server is standardized. Resources are identified by URIs. Resources are manipulated through representations. Messages are self-descriptive. This uniformity is what makes REST APIs universally accessible: a developer in any language can call a REST API using standard HTTP tooling.</p>
<p><strong>5. Layered System:</strong> The client doesn't need to know whether it's connected directly to the server or to an intermediary (load balancer, CDN, API gateway, caching proxy). Each layer only sees the layer it is interacting with. This enables transparent scaling and security.</p>
<p><strong>6. Code on Demand (Optional):</strong> Servers can extend client functionality by sending executable code (JavaScript). This is the only optional constraint and is the basis for how browsers work, but rarely relevant to API design.</p>
<h3 id="heading-resources-and-uris">Resources and URIs</h3>
<p>The central concept in REST is the resource. A resource is any piece of information that can be named, like a user, an order, a product, or a collection of transactions.</p>
<p>Resources are identified by URIs (Uniform Resource Identifiers). The URI identifies what the resource is, not what to do with it. The HTTP method expresses the operation.</p>
<pre><code class="language-plaintext">GET    /users           — retrieve all users
GET    /users/123       — retrieve user 123
POST   /users           — create a new user
PUT    /users/123       — replace user 123 entirely
PATCH  /users/123       — partially update user 123
DELETE /users/123       — delete user 123

GET    /users/123/orders        — orders belonging to user 123
POST   /users/123/orders        — create an order for user 123
GET    /users/123/orders/456    — order 456 belonging to user 123
</code></pre>
<p>The URI structure forms a hierarchy that reflects the relationships between resources. This makes APIs predictable: a developer who understands the resource model can guess the correct URIs.</p>
<h3 id="heading-why-rest-won">Why REST Won</h3>
<p>REST became the dominant architectural style for web APIs for reasons that go beyond technical merit:</p>
<p><strong>Universal accessibility:</strong> Any device, any language, any framework that can make an HTTP request can call a REST API. There's no special client library needed.</p>
<p><strong>HTTP alignment:</strong> REST leverages HTTP's existing infrastructure. CDN caching works for free. Load balancers understand HTTP. Monitoring tools speak HTTP. The entire ecosystem is built around HTTP semantics.</p>
<p><strong>Simplicity:</strong> A REST API can be designed, documented, and consumed with minimal tooling. A developer can test endpoints in a browser or with <code>curl</code> immediately.</p>
<p><strong>Developer experience:</strong> JSON over HTTP is something every web developer already understands. The learning curve is essentially zero.</p>
<p><strong>Ecosystem maturity:</strong> OpenAPI/Swagger provides standardized documentation. Postman provides testing. Every programming language has robust HTTP client libraries.</p>
<h3 id="heading-the-limits-of-rest">The Limits of REST</h3>
<p>REST's success is real. But so are its limitations, and understanding them is essential to knowing when to reach for something else.</p>
<h4 id="heading-overfetching-getting-more-than-you-need">Overfetching: Getting More Than You Need</h4>
<p>A REST endpoint returns a fixed shape of data. The <code>/users/123</code> endpoint returns the full user object: name, email, phone, address, preferences, account status, and thirty other fields.</p>
<p>A mobile screen that displays only the user's name and avatar must receive all of those fields to use two of them. The rest is waste: wasted bandwidth, serialization on the server, and deserialization on the client.</p>
<p>On a constrained mobile connection, this overfetching isn't just inefficient. It's a measurable degradation of user experience.</p>
<h4 id="heading-underfetching-not-getting-enough-at-once">Underfetching: Not Getting Enough at Once</h4>
<p>The opposite problem is equally common. A screen needs data from multiple resources: the user's profile, their recent orders, their notification count, and their account balance.</p>
<p>A REST API typically models these as separate endpoints. Loading this screen requires four separate HTTP requests, each with its own round-trip latency.</p>
<pre><code class="language-plaintext">GET /users/123         → profile data
GET /users/123/orders  → orders data
GET /notifications?user=123 → notification count
GET /accounts/123/balance   → balance data
</code></pre>
<p>Four sequential round trips. On a 200ms latency connection, that's 800ms of network time before the screen can render completely.</p>
<h4 id="heading-the-n1-problem">The N+1 Problem</h4>
<p>A common variant of underfetching: you fetch a list of resources, then must fetch additional data for each item in the list.</p>
<pre><code class="language-plaintext">GET /orders            → returns 20 orders (each with a user_id)
GET /users/1           → user for order 1
GET /users/2           → user for order 2
...
GET /users/20          → user for order 20
</code></pre>
<p>21 requests to load one screen. This pattern appears constantly in REST APIs and is addressed in various ways: including nested data in responses, adding query parameters to expand related resources, or creating purpose-built endpoints for specific screens.</p>
<p>All of these workarounds create tension: the API becomes less general as it's optimized for specific client needs.</p>
<h4 id="heading-no-native-real-time-support">No Native Real-Time Support</h4>
<p>REST is request-response. The client initiates every interaction. The server can never proactively push data.</p>
<p>Real-time features like live notifications, collaborative editing, and streaming data require either polling (inefficient), long-polling (complex), or a separate real-time technology bolted alongside the REST API.</p>
<h4 id="heading-the-documentation-drift-problem">The Documentation Drift Problem</h4>
<p>A REST API contract lives in documentation. Nothing in the HTTP protocol enforces that the documentation accurately reflects the API's actual behavior. As APIs evolve, documentation falls behind. Fields are renamed, types change, endpoints are deprecated. Clients built against outdated documentation break.</p>
<p>This isn't a theoretical problem. It's a daily reality in engineering teams where the backend and frontend evolve at different speeds.</p>
<h2 id="heading-graphql-letting-the-client-decide">GraphQL: Letting the Client Decide</h2>
<p>GraphQL was developed at Facebook starting in 2012 and open-sourced in 2015. Facebook built it to solve a specific problem: their mobile app needed to fetch complex, interconnected social data from a REST API, and the resulting overfetching and multiple round trips were degrading performance on mobile devices.</p>
<p>GraphQL's core insight is simple and radical: instead of the server deciding what data to return, let the client specify exactly what it needs.</p>
<h3 id="heading-the-query-language">The Query Language</h3>
<p>GraphQL is both a query language for APIs and a runtime for executing those queries. Rather than calling different endpoints for different data, all GraphQL requests go to a single endpoint (typically <code>/graphql</code>) and include a query that describes precisely what data is needed.</p>
<p>A GraphQL query for a user profile screen:</p>
<pre><code class="language-plaintext">query UserProfile {
  user(id: "usr_123") {
    name
    avatarUrl
    recentOrders(limit: 3) {
      id
      total
      status
      createdAt
    }
    notificationCount
  }
}
</code></pre>
<p>The response contains exactly and only the fields requested. Nothing more. If the client needs only <code>name</code> and <code>avatarUrl</code>, it requests only those two fields. The response contains only two fields.</p>
<h3 id="heading-mutations-and-subscriptions">Mutations and Subscriptions</h3>
<p>GraphQL has three operation types:</p>
<ol>
<li><p><strong>Queries</strong> fetch data. They're the GraphQL equivalent of GET requests.</p>
</li>
<li><p><strong>Mutations</strong> modify data: creating, updating, or deleting resources. They're the GraphQL equivalent of POST, PUT, PATCH, and DELETE.</p>
</li>
<li><p><strong>Subscriptions</strong> establish a persistent connection and push data in real-time when specified events occur. A subscription to <code>orderStatusChanged</code> receives a push every time any order's status changes. This is GraphQL's real-time capability, typically implemented over WebSockets.</p>
</li>
</ol>
<h3 id="heading-the-schema">The Schema</h3>
<p>Every GraphQL API is defined by a schema written in the Schema Definition Language (SDL). The schema declares every type, query, mutation, and subscription the API supports.</p>
<pre><code class="language-plaintext">type User {
  id: ID!
  name: String!
  email: String!
  orders: [Order!]!
  notificationCount: Int!
}

type Order {
  id: ID!
  total: Float!
  status: OrderStatus!
  createdAt: String!
}

enum OrderStatus {
  PENDING
  PROCESSING
  SHIPPED
  DELIVERED
}

type Query {
  user(id: ID!): User
  orders(userId: ID!, limit: Int): [Order!]!
}

type Mutation {
  createOrder(userId: ID!, items: [OrderItemInput!]!): Order!
}
</code></pre>
<p>The schema is introspectable: clients can query the schema itself to discover what types and operations are available. This enables powerful tooling: GraphQL IDEs can autocomplete queries, validate them against the schema before sending, and display documentation inline.</p>
<h3 id="heading-where-graphql-wins">Where GraphQL Wins</h3>
<p><strong>Precise data fetching:</strong> Clients request exactly what they need. Overfetching is eliminated by design.</p>
<p><strong>Single round trip for complex data:</strong> Data from multiple resources is fetched in a single request. The N+1 problem is solved at the query level rather than requiring the client to make multiple requests.</p>
<p><strong>Strongly typed schema:</strong> The schema is the contract. Clients can validate their queries against it at build time. Type mismatches are caught before deployment.</p>
<p><strong>Frontend agility:</strong> Frontend teams can evolve their data requirements without asking backend teams to create new endpoints. New screens, data combinations, and features are all handled by writing a new query.</p>
<p><strong>Excellent tooling:</strong> GraphiQL and Apollo Studio provide interactive schema exploration, query building, and performance analysis.</p>
<h3 id="heading-where-graphql-struggles">Where GraphQL Struggles</h3>
<p><strong>Query complexity:</strong> A malicious or poorly written query can request enormous amounts of nested data. A query that fetches every user, each user's orders, each order's items, and each item's product details can bring a server to its knees.</p>
<p>REST endpoints can be individually optimized. GraphQL requires query complexity analysis, depth limiting, and rate limiting to protect the server.</p>
<p><strong>Caching is harder:</strong> REST GET requests are cacheable at the HTTP level by default. GraphQL queries all go through POST requests to a single endpoint, breaking standard HTTP caching. Clients must implement their own caching (Apollo Client does this), but CDN-level caching is essentially unavailable for dynamic queries.</p>
<p><strong>Over-engineering simple APIs:</strong> If your API is straightforward CRUD operations with no complex data relationships and no mobile clients with aggressive data constraints, GraphQL's added setup cost exceeds its benefit.</p>
<p><strong>Real-time at scale is complex:</strong> GraphQL subscriptions work, but scaling WebSocket connections for thousands of concurrent subscribers is infrastructure-intensive and requires careful architecture.</p>
<p><strong>Error handling is non-standard:</strong> A GraphQL request can partially succeed: some fields resolve successfully while others fail. The response includes both data and errors simultaneously. Handling this gracefully requires more nuanced error handling logic than a simple HTTP status code.</p>
<h2 id="heading-websockets-when-http-is-not-enough">WebSockets: When HTTP Is Not Enough</h2>
<p>HTTP, in all its versions, is fundamentally request-response. The client speaks first. The server responds. The conversation ends. Even with HTTP/2's server push, the client initiates every new exchange.</p>
<p>But some applications genuinely need both sides to be able to speak at any moment, without waiting for the other to ask first. For example, a chat application where both parties send messages freely. A live collaborative document where every keystroke is broadcast to co-editors. An online game where the server pushes state updates as they happen and the client sends actions continuously.</p>
<p>For these cases, WebSockets provide a fundamentally different communication model.</p>
<h3 id="heading-the-websocket-handshake">The WebSocket Handshake</h3>
<p>A WebSocket connection starts as an HTTP request and then upgrades to a WebSocket connection. This upgrade mechanism means WebSockets work through existing HTTP infrastructure (firewalls, proxies, load balancers) without requiring special configuration.</p>
<p>The upgrade request:</p>
<pre><code class="language-plaintext">GET /chat HTTP/1.1
Host: api.example.com
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==
Sec-WebSocket-Version: 13
</code></pre>
<p>The server confirms the upgrade:</p>
<pre><code class="language-plaintext">HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=
</code></pre>
<p>Status code 101 means "Switching Protocols." From this point forward, the HTTP connection is replaced by a WebSocket connection. The protocol has changed. HTTP headers, status codes, and methods no longer apply.</p>
<h3 id="heading-full-duplex-persistent-communication">Full-Duplex, Persistent Communication</h3>
<p>The WebSocket connection is:</p>
<ul>
<li><p><strong>Full-duplex:</strong> both the client and server can send messages at any time, simultaneously, without waiting for the other to finish.</p>
</li>
<li><p><strong>Persistent:</strong> the connection stays open until explicitly closed by either party or until a network interruption occurs.</p>
</li>
<li><p><strong>Low overhead:</strong> once established, WebSocket messages have minimal framing overhead compared to HTTP. A small WebSocket message may have only 2 to 10 bytes of overhead, versus potentially hundreds of bytes of HTTP headers.</p>
</li>
</ul>
<pre><code class="language-plaintext">WebSocket connection open

Client: "Hello, I'm user 123"
Server: "Welcome, user 123"
Server: "User 456 just sent you a message: Hey!"
Client: "Thanks, here's my reply: Hi there!"
Server: "New notification: your payment was confirmed"
Client: "Great, show me my balance"
Server: "Your balance is NGN 500,000"
Server: "Another notification: transfer from user 789 received"

[Both sides communicate freely, at any time, simultaneously]
</code></pre>
<h3 id="heading-where-websockets-win">Where WebSockets Win</h3>
<p><strong>True real-time bidirectional communication</strong>: Applications where both client and server need to send messages at unpredictable times and at high frequency. For example, chat, live collaboration, multiplayer games, financial trading terminals.</p>
<p><strong>Low-latency messaging:</strong> Once the connection is established, message round-trip times can be in the single-digit milliseconds, limited only by network latency rather than connection setup overhead.</p>
<p><strong>Native browser support:</strong> The WebSocket API is built into every modern browser. No libraries are needed for the fundamental connection.</p>
<p><strong>Event-driven architecture on the client:</strong> WebSocket events (message, close, error) map naturally to event-driven client code.</p>
<h3 id="heading-where-websockets-struggle">Where WebSockets Struggle</h3>
<p><strong>Stateful connections:</strong> Each WebSocket connection must be maintained by a specific server instance. When scaling horizontally, a client connected to Server A can't receive messages from Server B without a shared pub/sub layer (like Redis) that all server instances publish to and subscribe from. This adds infrastructure complexity.</p>
<p><strong>No built-in request-response correlation:</strong> WebSockets are a message stream. If you send a message and expect a response, there's no built-in mechanism to correlate which response corresponds to which request. You have to build this yourself.</p>
<p><strong>No schema or contract:</strong> WebSockets send raw text or binary. The format of messages is defined entirely by the application. Two systems communicating over WebSockets must agree on message format out of band, in documentation, and there's nothing to enforce it at the connection level.</p>
<p><strong>Firewall and proxy complications:</strong> Some corporate networks and older proxies don't support the HTTP upgrade mechanism correctly, breaking WebSocket connections. This is less common than it was but still occurs in enterprise environments.</p>
<p><strong>Reconnection must be handled manually:</strong> WebSocket connections can drop due to network instability. Applications must implement reconnection logic, including managing state across reconnections.</p>
<h2 id="heading-server-sent-events-the-simpler-real-time-option">Server-Sent Events: The Simpler Real-Time Option</h2>
<p>Between REST's pure request-response and WebSocket's full bidirectional communication lies a middle option that most developers overlook: Server-Sent Events (SSE).</p>
<p>SSE establishes a one-directional persistent connection: the server pushes data to the client over a regular HTTP connection, and the client listens. The client can't send data back through the same connection.</p>
<h3 id="heading-how-sse-works">How SSE Works</h3>
<p>The client makes a standard HTTP GET request with an <code>Accept: text/event-stream</code> header:</p>
<pre><code class="language-plaintext">GET /notifications HTTP/1.1
Host: api.example.com
Accept: text/event-stream
Authorization: Bearer token123
</code></pre>
<p>The server responds with a 200 OK and keeps the connection open, periodically sending events:</p>
<pre><code class="language-plaintext">HTTP/1.1 200 OK
Content-Type: text/event-stream
Cache-Control: no-cache

data: {"type": "balance_update", "balance": 500000}

data: {"type": "transaction", "id": "txn_001", "amount": -5000}

event: notification
data: {"message": "Your transfer has been confirmed"}

id: 42
data: {"type": "order_status", "status": "shipped"}
</code></pre>
<p>Each event is separated by a blank line. Events can include a <code>data</code> field, an optional <code>event</code> type, and an optional <code>id</code> for resumability.</p>
<h3 id="heading-automatic-reconnection">Automatic Reconnection</h3>
<p>One of SSE's most practical features is automatic reconnection. If the connection drops, the browser automatically reconnects, sending the last received event ID in a <code>Last-Event-ID</code> header. The server can resume from that point, ensuring no events are missed.</p>
<h3 id="heading-where-sse-wins">Where SSE Wins</h3>
<p><strong>Simplicity:</strong> SSE works over plain HTTP. There's no protocol upgrade needed, and no special infrastructure. It works through every HTTP/2 connection, load balancer, and CDN that supports streaming.</p>
<p><strong>Native browser support:</strong> The <code>EventSource</code> API is built into every modern browser. Automatic reconnection is built in.</p>
<p><strong>Perfect for one-directional feeds:</strong> Live dashboards, notification streams, news feeds, real-time analytics, server logs: any scenario where the server pushes a continuous stream of updates and the client only reads.</p>
<p><strong>HTTP/2 multiplexing:</strong> Over HTTP/2, multiple SSE connections can share a single TCP connection. The browser connection limit that affected SSE over HTTP/1.1 doesn't apply.</p>
<p><strong>Natural fit for existing infrastructure:</strong> SSE responses are just HTTP responses. Existing load balancers, authentication middleware, and monitoring tools work without modification.</p>
<h3 id="heading-where-sse-struggles">Where SSE Struggles</h3>
<p><strong>One direction only:</strong> The client can't send data back through the SSE connection. For bidirectional scenarios, SSE isn't sufficient on its own.</p>
<p><strong>Text only (natively):</strong> SSE events are text. Binary data must be base64-encoded, adding overhead.</p>
<p><strong>No native support in all environments.</strong> SSE is a browser API. In other environments (mobile apps, server-to-server), it requires an HTTP client configured to handle streaming responses.</p>
<h3 id="heading-sse-vs-websockets-the-decision">SSE vs WebSockets: The Decision</h3>
<p>Choose SSE when the server pushes data and the client only reads: notifications, live feeds, dashboards, or streaming responses from an AI model. SSE is simpler, works over plain HTTP, and has automatic reconnection built in.</p>
<p>Choose WebSockets when both the client and server need to send messages freely and simultaneously: chat, collaborative editing, and games. The added complexity of WebSockets is justified when you genuinely need bidirectional communication.</p>
<h2 id="heading-protocol-buffers-a-new-language-for-data">Protocol Buffers: A New Language for Data</h2>
<p>Protocol Buffers (protobuf) is a binary serialization format developed by Google. Where JSON encodes data as human-readable text, protobuf encodes data as compact binary. This single difference has cascading implications for payload size, parsing speed, type safety, and schema enforcement.</p>
<h3 id="heading-the-schema-first-approach">The Schema-First Approach</h3>
<p>Unlike JSON, where you simply start writing key-value pairs, protobuf requires defining a schema first. You describe your data structures in a <code>.proto</code> file using Protocol Buffer Language, a language-agnostic schema definition language.</p>
<p>The schema definition:</p>
<pre><code class="language-plaintext">syntax = "proto3";

message User {
  string id = 1;
  string name = 2;
  string email = 3;
  double balance = 4;
  bool is_verified = 5;
  int32 kyc_level = 6;
}

message Order {
  string id = 1;
  string user_id = 2;
  double total = 3;
  string status = 4;
  int64 created_at = 5;
}
</code></pre>
<p>Each field has a name and a type, as in any structured data format. But it also has a field number: the small integer after the equals sign. This field number is the key to protobuf's efficiency.</p>
<h3 id="heading-binary-encoding-why-field-numbers-matter">Binary Encoding: Why Field Numbers Matter</h3>
<p>When protobuf encodes data to binary, field names don't appear in the output. Instead, only the field number and the encoded value are written. Field 1 (id) becomes a tag byte indicating "field 1, type string" followed by the string's length and bytes. Field 4 (balance) becomes a tag byte indicating "field 4, type 64-bit float" followed by eight bytes of IEEE 754 double-precision float.</p>
<p>No <code>"id":</code> string, <code>"balance":</code> string, quotation marks, colons, or braces. Just field tags and values in a compact binary stream.</p>
<p>The same user object that occupies approximately 100 bytes in JSON occupies approximately 35 bytes in protobuf. For a 1000-field enterprise API response called millions of times per day, this difference translates directly to reduced bandwidth consumption and infrastructure cost.</p>
<p>Parsing binary is also fundamentally faster than parsing text. A binary parser reads a fixed-length tag, determines the type and length of the following value, reads that value, and moves to the next field. A JSON parser must tokenize a text stream character by character, handle escape sequences, infer types from value format, and construct a dynamic object from parsed key-value pairs.</p>
<p>On constrained devices or in high-throughput server-to-server communication, this parsing speed difference is meaningful.</p>
<h3 id="heading-code-generation-the-contract-comes-alive">Code Generation: The Contract Comes Alive</h3>
<p>The <code>.proto</code> schema file is the input to the <code>protoc</code> compiler. This compiler generates data classes in any supported language from the same schema definition.</p>
<p>The same <code>user.proto</code> file generates:</p>
<ul>
<li><p>A <code>User</code> class in Go for the backend server</p>
</li>
<li><p>A <code>User</code> class in Dart for the Flutter client</p>
</li>
<li><p>A <code>User</code> class in Python for the data processing service</p>
</li>
<li><p>A <code>User</code> class in TypeScript for the web frontend</p>
</li>
</ul>
<p>Every generated class has typed fields, serialization/deserialization methods, and equality comparison. There's no manual JSON parsing, type casting, or risk of field name typos. The compiler guarantees that every language's representation of a <code>User</code> is identical.</p>
<p>When the schema changes — a new field is added or a field is removed, for example — every team regenerates their classes. If the change is breaking (a required field removed or a type changed in an incompatible way), the compiler reports errors in every affected codebase. The problem is caught before any code reaches production.</p>
<h3 id="heading-schema-evolution-rules">Schema Evolution Rules</h3>
<p>Protobuf's field number system enables backward-compatible schema evolution. Because fields are identified by number rather than name, the following changes are safe:</p>
<ul>
<li><p>Adding a new field with a new number is always safe. Existing clients ignore fields they don't recognize. New clients receive the new field.</p>
</li>
<li><p>Removing a field by marking it as reserved is safe. Existing encoded data that contains the removed field is simply ignored when decoded. The field number must be marked reserved to prevent its reuse.</p>
</li>
<li><p>Renaming a field is safe. Names aren't encoded. Only the number matters at the binary level.</p>
</li>
<li><p>Changing a field's type in incompatible ways is unsafe and breaks existing encoded data.</p>
</li>
</ul>
<p>This evolution model means protobuf schemas can grow over time without coordinated updates across all clients and servers.</p>
<h3 id="heading-trade-offs">Trade-offs</h3>
<p>Protobuf's efficiency comes with costs that make it inappropriate for all contexts.</p>
<p>Binary data isn't human-readable. You can't open a protobuf response in a browser's developer tools and see what it contains. Debugging requires either decoding the binary with the schema or using specialized tools.</p>
<p>Protobuf also requires tooling. Every consumer of a protobuf-encoded API needs the schema and a protobuf library to decode it. For public APIs consumed by unknown third parties, this is a significant barrier. JSON requires nothing: every programming environment can parse it with built-in libraries.</p>
<p>Schema changes require coordination. When a schema changes, every consumer must update. For internal systems where you control all consumers, this is manageable. For public APIs, it requires versioning and migration strategies.</p>
<h2 id="heading-grpc-remote-procedure-calls-at-scale">gRPC: Remote Procedure Calls at Scale</h2>
<p>gRPC combines Protocol Buffers with HTTP/2 and Remote Procedure Call semantics to produce a framework for service-to-service communication that is faster, more structured, and more powerful than REST for specific use cases.</p>
<h3 id="heading-remote-procedure-calls-the-core-concept">Remote Procedure Calls: The Core Concept</h3>
<p>A Remote Procedure Call (RPC) framework makes calling a function on a remote server feel like calling a local function. Instead of constructing an HTTP request, serializing a body, parsing a response, and handling status codes, you call a function with typed arguments and receive a typed return value. The network communication is abstracted away.</p>
<pre><code class="language-plaintext">// Without RPC (manual REST)
const response = await http.post('/users', headers: {...}, body: json.encode(data));
const user = User.fromJson(json.decode(response.body));

// With RPC (gRPC)
final user = await userService.createUser(CreateUserRequest(name: "John", email: "john@example.com"));
</code></pre>
<p>The second form is simpler, type-safe, and requires no knowledge of HTTP methods, endpoints, or serialization formats.</p>
<h3 id="heading-the-four-communication-patterns">The Four Communication Patterns</h3>
<p>gRPC's most significant advantage over REST is its support for four distinct communication patterns, all defined in the same <code>.proto</code> schema and accessible through the same generated client.</p>
<p><strong>Unary RPC</strong> is the familiar request-response pattern. One request and one response. It's equivalent to a REST API call.</p>
<pre><code class="language-plaintext">Client ——— LoginRequest ——→ Server
Client ←—— LoginResponse —— Server
</code></pre>
<p><strong>Server Streaming RPC</strong> sends one request and receives a continuous stream of responses. The server pushes messages as they become available without the client needing to request each one.</p>
<pre><code class="language-plaintext">Client ——— WatchBalanceRequest ——→ Server
Client ←— BalanceResponse ———————— Server (balance: 500,000)
Client ←— BalanceResponse ———————— Server (balance: 495,000)
Client ←— BalanceResponse ———————— Server (balance: 1,000,000)
[Stream stays open, server pushes on every change]
</code></pre>
<p><strong>Client Streaming RPC</strong> sends a stream of messages to the server and receives one response at the end. The server processes all received messages and responds once.</p>
<pre><code class="language-plaintext">Client ——— DocumentChunk 1 ——→ Server
Client ——— DocumentChunk 2 ——→ Server
Client ——— DocumentChunk 3 ——→ Server
Client ←————— UploadResponse —— Server (all chunks processed)
</code></pre>
<p><strong>Bidirectional Streaming RPC</strong> allows both client and server to send streams of messages simultaneously, in any order.</p>
<pre><code class="language-plaintext">Client ——— ChatMessage ——→ Server
Server ←— ChatMessage ——— Client
Client ——— ChatMessage ——→ Server
Server ←— ChatMessage ——— Client  (server-initiated)
[Both sides communicate freely and simultaneously]
</code></pre>
<h3 id="heading-why-http2-and-protobuf-make-grpc-efficient">Why HTTP/2 and Protobuf Make gRPC Efficient</h3>
<p>gRPC's efficiency comes from the combination of its two underlying technologies working together.</p>
<p>HTTP/2's multiplexed persistent connections mean many concurrent gRPC calls, including long-running streaming calls, share a single connection. There's no connection setup overhead per call. Multiple streams proceed in parallel without blocking each other.</p>
<p>Protocol Buffer's binary encoding means payloads are compact and parsing is fast. A high-frequency service-to-service call that would transmit 100 bytes of JSON transmits 35 bytes of protobuf. At thousands of calls per second between microservices, this difference is significant.</p>
<p>The generated clients eliminate all serialization and deserialization code. The schema enforces that client and server agree on the contract. Breaking changes are caught by the compiler.</p>
<h3 id="heading-the-organizational-contract">The Organizational Contract</h3>
<p>In organizations using gRPC at scale, <code>.proto</code> files live in a dedicated repository separate from any individual service. This repository is the single source of truth for every service contract.</p>
<p>When an engineer wants to add a new field to an API, they open a pull request in the proto repository. Engineers from every affected team review it. The change is discussed, refined, and approved before any implementation begins. When it merges, every team regenerates their clients. Changes that break existing behavior are caught in code review, not in production.</p>
<p>This governance model transforms API evolution from a coordination problem into a code review process.</p>
<h3 id="heading-grpcs-limitations">gRPC's Limitations</h3>
<p>gRPC doesn't work natively in web browsers. Browsers can't directly make HTTP/2 requests with the necessary control required for gRPC. A proxy layer (gRPC-Web) is required to translate between gRPC-Web's browser-compatible format and standard gRPC. This adds infrastructure complexity and limits gRPC's applicability for browser-based clients.</p>
<p>gRPC also requires HTTP/2. Environments that don't support HTTP/2 can't use gRPC.</p>
<p>Binary encoding makes debugging harder as well. Inspecting gRPC traffic requires specialized tools and access to the proto schema.</p>
<p>For public APIs consumed by third-party developers, gRPC's tooling requirements are a higher barrier than REST's universally accessible JSON over HTTP.</p>
<h2 id="heading-the-complete-comparison">The Complete Comparison</h2>
<table>
<thead>
<tr>
<th></th>
<th>HTTP/1.1</th>
<th>HTTP/2</th>
<th>REST</th>
<th>GraphQL</th>
<th>WebSockets</th>
<th>SSE</th>
<th>gRPC</th>
</tr>
</thead>
<tbody><tr>
<td>Protocol</td>
<td>HTTP/1.1</td>
<td>HTTP/2</td>
<td>HTTP/1.1 or 2</td>
<td>HTTP/1.1 or 2</td>
<td>WebSocket</td>
<td>HTTP</td>
<td>HTTP/2</td>
</tr>
<tr>
<td>Data format</td>
<td>Any</td>
<td>Any</td>
<td>JSON (typical)</td>
<td>JSON</td>
<td>Any</td>
<td>Text</td>
<td>Protobuf (binary)</td>
</tr>
<tr>
<td>Communication</td>
<td>Request-Response</td>
<td>Request-Response</td>
<td>Request-Response</td>
<td>Request-Response + Subscriptions</td>
<td>Bidirectional</td>
<td>Server to Client</td>
<td>All four patterns</td>
</tr>
<tr>
<td>Contract</td>
<td>None</td>
<td>None</td>
<td>Documentation</td>
<td>Schema (SDL)</td>
<td>None</td>
<td>None</td>
<td>.proto file</td>
</tr>
<tr>
<td>Code generation</td>
<td>No</td>
<td>No</td>
<td>Optional</td>
<td>Optional</td>
<td>No</td>
<td>No</td>
<td>Mandatory</td>
</tr>
<tr>
<td>Real-time</td>
<td>No</td>
<td>Limited (push)</td>
<td>No (polling)</td>
<td>Subscriptions</td>
<td>Yes</td>
<td>Yes (one-way)</td>
<td>Yes (built-in)</td>
</tr>
<tr>
<td>Browser native</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>No (needs proxy)</td>
</tr>
<tr>
<td>Caching</td>
<td>Excellent</td>
<td>Excellent</td>
<td>Excellent</td>
<td>Difficult</td>
<td>Not applicable</td>
<td>Not applicable</td>
<td>Not applicable</td>
</tr>
<tr>
<td>Payload size</td>
<td>Medium</td>
<td>Medium</td>
<td>Medium (JSON)</td>
<td>Medium (JSON)</td>
<td>Low overhead</td>
<td>Low overhead</td>
<td>Small (binary)</td>
</tr>
<tr>
<td>Human readable</td>
<td>Yes</td>
<td>No (binary frames)</td>
<td>Yes</td>
<td>Yes</td>
<td>Depends</td>
<td>Yes</td>
<td>No</td>
</tr>
<tr>
<td>Schema enforcement</td>
<td>None</td>
<td>None</td>
<td>None</td>
<td>Compile-time</td>
<td>None</td>
<td>None</td>
<td>Compile-time</td>
</tr>
</tbody></table>
<hr>
<h2 id="heading-how-to-choose-the-engineering-decision-framework">How to Choose: The Engineering Decision Framework</h2>
<p>No single communication approach is universally best. Each exists because it solves specific problems better than the alternatives. The engineering decision involves matching the tool to your requirements.</p>
<h3 id="heading-when-to-use-rest">When to Use REST</h3>
<p>Use REST when the API is public or consumed by third parties. REST's universal accessibility makes it the only reasonable choice for public APIs. Any developer in any language can call a REST API with standard HTTP tools. There are no schema files, generated clients, or special libraries.</p>
<p>REST is also a good fit when caching is a priority. REST GET responses can be cached at every layer: CDN, reverse proxy, and browser. For content that doesn't change frequently, REST with proper cache headers can serve millions of requests without hitting the origin server.</p>
<p>It's also solid when the operation is simple request-response. If you're building straightforward CRUD operations with no streaming requirements and no complex data relationships, REST is simpler to implement, document, and debug than any alternative.</p>
<p>And finally use REST when developer experience for the consumer matters. REST APIs are immediately accessible in a browser. They can be tested with <code>curl</code>. Every developer already understands them.</p>
<h3 id="heading-when-to-use-graphql">When to Use GraphQL</h3>
<p>Use GraphQL when multiple client types have significantly different data needs. A mobile app that needs minimal data for a list view and richer data for a detail view, alongside a desktop app that needs comprehensive data, are ideal GraphQL consumers. Each queries exactly what it needs.</p>
<p>GraphQL also works well for complex interconnected data with many relationships. Social graphs, product catalogs with deeply nested attributes, or content management systems with rich content relationships: GraphQL's ability to traverse relationships in a single query is a genuine advantage.</p>
<p>It's also a good choice for frontend teams that need to iterate quickly. When the frontend can evolve its data requirements without backend changes, development velocity increases. New screens, new data combinations, no new endpoints needed.</p>
<p>And finally, GraphQL works well if you're comfortable with the operational complexity. GraphQL requires query complexity protection, custom caching strategies, and more sophisticated error handling. These are worth the effort when the data fetching advantages are real.</p>
<h3 id="heading-when-to-use-websockets">When to Use WebSockets</h3>
<p>Use WebSockets when both the client and server need to send messages at any time. Genuine bidirectional real-time communication where either party can initiate a message at any moment.</p>
<p>WebSockets also work great for chat, collaboration, and games. Live chat applications, collaborative document editing, multiplayer real-time games are the canonical WebSocket use cases.</p>
<p>And WebSockets is a solid choice when low-latency messaging is critical. The minimal framing overhead and persistent connection make WebSockets the lowest-latency option for frequent message exchange.</p>
<h3 id="heading-when-to-use-server-sent-events">When to Use Server-Sent Events</h3>
<p>Use SSE when the server needs to push updates but the client only reads. Notification feeds, live dashboards, streaming AI responses, real-time analytics, or any scenario where the server has a continuous stream of data to deliver and the client only consumes.</p>
<p>SSE also works well when you value simplicity over full bidirectionality. SSE is significantly simpler to implement and operate than WebSockets for one-directional use cases. Automatic reconnection is built in. It works over plain HTTP.</p>
<h3 id="heading-when-to-use-grpc">When to Use gRPC</h3>
<p>Use gRPC when multiple internal services share the same contract. When several teams build services that call each other, a <code>.proto</code> schema enforced by the compiler prevents contract drift. Everyone generates their clients from the same source of truth.</p>
<p>gRPC also works well for high-frequency service-to-service communication. Two microservices exchanging thousands of calls per second benefit from protobuf's compact binary encoding and HTTP/2's persistent multiplexed connections.</p>
<p>It's also a solid choice for large payloads that are consumed by many internal systems. An internal enterprise API with hundreds of fields called by dozens of internal applications benefits enormously from protobuf's size reduction. Less bandwidth, less parsing overhead, and compiled contract enforcement.</p>
<p>gRPC also works great when low-bandwidth networks matter. For mobile applications in markets where network conditions are variable or constrained, protobuf's binary encoding reduces payload size by 3 to 10 times compared to JSON. The difference between a 15 kilobyte response and a 3 kilobyte response is the difference between a 3-second load and a sub-second load on a 2G connection.</p>
<p>And finally, use gRPC when streaming is a core requirement and you want one framework. gRPC's four communication patterns (unary, server streaming, client streaming, and bidirectional) cover every scenario without requiring separate WebSocket infrastructure alongside your API.</p>
<h3 id="heading-the-hybrid-reality">The Hybrid Reality</h3>
<p>Most sophisticated systems use multiple approaches, each where it genuinely wins:</p>
<pre><code class="language-plaintext">A Large Engineering Organization

Public REST API
  External developers, partners, open integrations
  JSON over HTTPS. OpenAPI documentation.
  CDN caching for frequently accessed resources.

Internal gRPC Network
  Service-to-service communication
  Auth service, payment service, notification service,
  fraud detection: all communicating with typed contracts
  over efficient binary protobuf on HTTP/2.

Real-Time Layer
  WebSockets for bidirectional features (live chat, collaboration)
  SSE for one-directional feeds (notifications, live dashboards)
  gRPC streaming for real-time data with typed contracts

Mobile API
  REST for standard operations (profile, settings, history)
  gRPC for high-frequency or large payload calls
  SSE for notification streaming
</code></pre>
<p>There's no architectural purity requirement. Each layer uses what fits its requirements. The discipline is in making these choices deliberately rather than by habit or default.</p>
<h2 id="heading-conclusion">Conclusion</h2>
<p>The history of how clients and servers communicate is the history of engineers discovering the limitations of existing tools and building better ones.</p>
<p>HTTP/1.1 gave us a universal request-response protocol that built the web. Its text-based format and sequential connection model worked well for the web of the 1990s and 2000s. As applications became more complex and performance expectations rose, its limitations became bottlenecks.</p>
<p>HTTP/2 rebuilt the transport layer with binary framing and multiplexing, eliminating head-of-line blocking at the HTTP level, compressing headers, and enabling server push. HTTP/3 took this further by replacing TCP with QUIC, addressing the remaining head-of-line blocking at the transport level and making connection establishment faster.</p>
<p>JSON became the dominant data format because of its human readability and universal support. Protocol Buffers emerged as an alternative for contexts where JSON's verbosity and lack of schema enforcement create real problems: internal services, high-frequency communication, constrained networks, and teams needing compile-time contract enforcement.</p>
<p>REST codified HTTP's architectural strengths into a style that made APIs universally accessible and HTTP-native. Its success wasn't purely technical: it aligned with what developers already understood and what the HTTP ecosystem already supported. Its limitations in data fetching efficiency and real-time communication opened the door for GraphQL and streaming alternatives.</p>
<p>GraphQL solved REST's overfetching and underfetching problems by inverting control: the client specifies exactly what it needs. WebSockets solved REST's inability to support genuine bidirectional real-time communication. Server-Sent Events provided a simpler real-time option for one-directional streaming. gRPC combined Protocol Buffers, HTTP/2, and RPC semantics into a framework that excels at typed service-to-service communication at scale.</p>
<p>Understanding all of these tools, along with why each was built, what problem it solves, and where it struggles, is what enables you to make deliberate architectural decisions rather than defaulting to whatever is most familiar.</p>
<p>The right communication approach is always the one that fits the specific requirements of the system you're building: the clients consuming it, the data being exchanged, the network conditions it operates in, the teams building and maintaining it, and the operational complexity you are prepared to manage.</p>
<p>That clarity of fit is what engineering judgment looks like in practice.</p>
 ]]>
                </content:encoded>
            </item>
        
            <item>
                <title>
                    <![CDATA[ How to Apply Agile Framework to Data Science Projects ]]>
                </title>
                <description>
                    <![CDATA[ By Black Raven In this article, we'll discuss how agile principles and values can be applied to the way you approach data science projects. Project management methodologies are commonly used to get projects done or get a product (often referred to as... ]]>
                </description>
                <link>https://www.freecodecamp.org/news/applying-agile-methodology-to-data-science-projects/</link>
                <guid isPermaLink="false">66d45dd5706b9fb1c166b91e</guid>
                
                    <category>
                        <![CDATA[ agile ]]>
                    </category>
                
                    <category>
                        <![CDATA[ clients ]]>
                    </category>
                
                    <category>
                        <![CDATA[ customer ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Data Science ]]>
                    </category>
                
                    <category>
                        <![CDATA[ project management ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ freeCodeCamp ]]>
                </dc:creator>
                <pubDate>Sat, 28 Mar 2020 07:22:33 +0000</pubDate>
                <media:content url="https://www.freecodecamp.org/news/content/images/2020/03/1_AZ_AWktR7nuirzHudbFimA.png" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>By Black Raven</p>
<p>In this article, we'll discuss how agile principles and values can be applied to the way you approach data science projects.</p>
<p>Project management methodologies are commonly used to get projects done or get a product (often referred to as a tool) produced. They are, in general, processes and frameworks which break down the overall objective to individual tasks organised on a timeline. This can be adapted and used to approach data science projects.</p>
<p>In the past, the traditional <a target="_blank" href="https://en.wikipedia.org/wiki/Waterfall_model"><strong>Waterfall methodology</strong></a> (dated way back to 1970) has been very popular. It defines all requirements and parameters of the product at the start, so that the project team can work towards this target in sequential phases. </p>
<p>This method has been successful in the manufacturing industry where product specifications seldom vary with time. It requires very extensive upfront planning, and ideally, the output product is exactly the same as specified in the beginning.</p>
<p>But the Waterfall methodology started to become unsuitable for software projects. Because of this, many <a target="_blank" href="https://thedigitalprojectmanager.com/project-management-methodologies-made-simple/">popular project management methodologies</a> have emerged over the years, especially in the software development industry. Let me share the most popular one.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/1_5QuiHM9Tp1RnKfVFiIk2fg.png" alt="Image" width="600" height="400" loading="lazy">
<em>Waterfall vs Agile. Figure by Author.</em></p>
<h2 id="heading-agile-framework">Agile Framework</h2>
<p><a target="_blank" href="https://en.wikipedia.org/wiki/Agile_software_development">Agile</a> is a way of working developed in 2001, and is a widely used to manage software development projects. It is suitable for fast-paced development cycles and has provision for changing specifications throughout the design and build process. It is flexible, and strives for iterative incremental improvement in the product through team collaboration. In short, Agile is to plan, build, test, learn, repeat.</p>
<p>Agile teams are responsive to the unpredictable requirements as the project unfolds, through iterative work processes. Below are <a target="_blank" href="https://agilemanifesto.org/principles.html"><strong>Agile principles</strong></a> which serve as a framework (guideline) to the way of working:</p>
<ul>
<li>Customer satisfaction through early and continuous software delivery</li>
<li>Accommodate changing requirements throughout the development process</li>
<li>Frequent delivery of working software, as the working software is the primary measure of progress</li>
<li>Collaboration and interaction between the business stakeholders (client) and developers (vendor) throughout the project, including face-to-face communication within the development team</li>
<li>Support, trust, and motivate the people involved</li>
<li>Agile frameworks to support a consistent development pace</li>
<li>Attention to technical detail and design enhances agility</li>
<li>Simplicity in looking for solutions</li>
<li>Regular reflections in the self-organising team on how to become more effective</li>
</ul>
<p>Agile projects are characterized by a series of tasks that are conceived, executed and adapted as the situation demands. However, Agile focus is not on what to do, but <strong>how to think</strong>. Agile values and places <a target="_blank" href="https://agilemanifesto.org/"><strong>priority</strong></a> on:</p>
<ul>
<li>Individuals and interactions (rather than processes and tools)</li>
<li>Working software (rather than comprehensive documentation)</li>
<li>Customer collaboration (rather than contract negotiation)</li>
<li>Response to change (rather than following a predefined rigid plan)</li>
</ul>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/1_aaIzYNWVd7LDnmzV6VBP5g.png" alt="Image" width="600" height="400" loading="lazy">
<em>Agile way of working. Figure by Author.</em></p>
<h2 id="heading-agile-practices-and-data-science">Agile practices and Data Science</h2>
<p>While Agile principles and priorities are employed for greater productivity, most of them can be leveraged for data science (DS) projects. </p>
<p>Moreover, data scientists do not know how to schedule the project because it is impossible to determine a specific timeline for the type of “research” and exploratory work. Most DS projects require trial and error by going down different paths and trying different techniques. They do not have an element of certainty in the output, so Agile can be used to direct the workflow.</p>
<p>Most other projects deal with what customers want, what the developers want, and what the business seeks. When working with DS, another perspective is added: <strong>what the data is telling you</strong>. </p>
<p>Data scientists cannot make any sense out of the data unless they develop a basic understanding of it. There is a lot of investigation, exploration, testing and tuning. Agile uses the concept of iteration and constant feedback in order to refine a system under development, in order to move up the <strong>Data-Value Pyramid</strong>.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/1_A1HnvWOiFiubgYJH1Wo3Gw.png" alt="Image" width="600" height="400" loading="lazy">
<em>Data-Value Pyramid. Figure by Author.</em></p>
<p>When working on DS projects, insights are not immediately achievable. Multiple iterations are needed before any insights can be discovered. </p>
<h3 id="heading-how-agile-practices-can-be-applied">How agile practices can be applied</h3>
<p>I will explain the main Agile working practices (<a target="_blank" href="https://en.wikipedia.org/wiki/Scrum_(software_development)"><strong>Scrum framework</strong></a>), and how they can be applied to DS:</p>
<p><strong>Define the business need and the project objective</strong>. This is usually driven by the product owner who is responsible for the product features and quality. It is the big picture stuff, but this is the core belief that you will refer back to as you build. </p>
<p>In DS, the product owner could be the client, the business, or the end customer (for example, end user of a prediction tool). Understand what problems the product owner is facing and tailor the project proposal to meet their needs.</p>
<p><strong>Build the backlog</strong>. Focusing on the user requirements (“user stories” in Agile), a list of tasks is derived that you need to accomplish to build product features or improve product performance. </p>
<p>The DS team builds the backlog together with the product owner to determine the product features and performance targets. The backlog could start from getting the data in the structured way before they can be analysed. Then it could be a list for feature selection or feature engineering, or a list of models to select, tune and optimise.</p>
<p><strong>Prioritise the backlog</strong>, identify the backlog tasks which will bring the most value with the least effort. </p>
<p>In DS, not every approach is worth trying, so cover the most promising ones first. When the main ones are conveyed, you might find that the remaining others are not as important as initially thought.</p>
<p><strong>Do a sprint</strong> (the actual development work). Sprints are usually two-weeks cycles where high priority tasks on the backlog are worked on. </p>
<p>In DS, each sprint could be two to four weeks depending on the team size. During the sprint, always complete the task with the highest priority before moving on to the next in line.</p>
<p><strong>Have daily standups</strong>. Standup meetings are for team members to be accountable to one another on their progress in the current sprint. Each team member take turns reporting their status — what was done the day before, what to do today, any potential obstacles. The most effective communication happens when DS team members meet face-to-face to share their work.</p>
<p><strong>Review the sprint output</strong> (sprint retrospective meeting). At the end of two weeks, there should be a functional output for the project team to demonstrate, with an incremental improvement in the product. </p>
<p>Data scientists should share the outputs before trying to perfect the processes. Get feedback from client stakeholders and prepare for the next sprint. Regular feedback is a key principle for the Agile way of iterative incremental improvement.</p>
<p><strong>Prepare for the next sprint</strong>. Identify the tasks that are going well and keep doing them, and identify those that are impediments to be removed. </p>
<p>It is important to understand that, unlike software development, DS is more experiment-based than task-based. DS helps explore data so it should be treated as multiple research experiments. Once again, build and prioritise the backlog so that the next sprint can be carried out, to work on the next improvement areas.</p>
<p><strong>Roll out the final product</strong>. When all stakeholders agree that no more improvement is needed in the product, it is ready for the final deployment. </p>
<p>DS projects follow the “law of diminishing improvement”. For example, if a model has achieved 70% accuracy, the next 5–10% improvement will take a lot more effort than before, and it also depends on the limitations in the data set. Decide in the team whether the efforts are worth the incremental improvement.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/Screenshot_1-2.jpg" alt="Image" width="600" height="400" loading="lazy">
<em>Photo by [Unsplash](https://unsplash.com/@youxventures" rel="noopener"&gt;You X Ventures on &lt;a href="https://unsplash.com/photos/Oalh2MojUuk" rel="noopener)</em></p>
<h2 id="heading-challenges-with-the-client">Challenges with the client</h2>
<p>Besides having adequate communication between the DS team and the client, the client’s expectations have to be managed. </p>
<p>All clients generally love the idea that Agile is flexible, and that it grants them more opportunities to change their mind as the project develops. However, they might not realise that such flexibility is also costly in both time and money. Here are some things you should do:</p>
<h3 id="heading-the-cost-of-flexibility">The cost of flexibility</h3>
<p>Get the client to understand that <strong>flexibility is inevitably expensive</strong>. It is like how a flexible full-fare economy ticket which allows itinerary changes will cost much more than the fixed one. Making changes also means that the client is paying for past wasted time and effort.</p>
<h3 id="heading-set-expectations">Set expectations</h3>
<p>Set the client’s expectation to commit time for frequent <strong>sprint retrospective meetings</strong> (e.g. every two weeks) to evaluate the completed sprints. </p>
<p>On top of that, the client representative in each meeting needs to be (<strong>empowered</strong> by higher management) able to make decisions on product specifications. For Agile to work, the client needs to provide continuous feedback and priority setting to keep the project moving.</p>
<h3 id="heading-trust-is-important">Trust is important</h3>
<p>Earn the client’s <strong>trust</strong> and show them that each iteration is done with the best possible efforts to deliver value and improve the product. </p>
<p>While holding the decision making power, the client also expects an iteration to have tremendous improvement. </p>
<p>Such imbalance in responsibility in the client-vendor relationship should be converted to mutual trust and willingness to experiment together. Agile’s principle in <strong>collaboration</strong> means it is a team effort in both making decisions and delivering value.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/Screenshot_2.jpg" alt="Image" width="600" height="400" loading="lazy">
<em>Photo by [Unsplash](https://unsplash.com/@youxventures" rel="noopener"&gt;You X Ventures on &lt;a href="https://unsplash.com/photos/6awfTPLGaCE" rel="noopener)</em></p>
<h2 id="heading-minimum-viable-product">Minimum Viable Product</h2>
<p>One key feature of the Agile way of working is the development of a minimum viable product (<strong>MVP</strong>). This is the <strong>most fundamental configuration of the product</strong> (or tool). </p>
<p>After the project objectives have been defined, the team makes a proposal regarding the approach to the problem. This includes building the MVP within the shortest possible time (like one month for DS projects). The MVP has only the most important functionalities, but its performance may not be the most optimal.</p>
<p>This might seem very risky – putting a less-than-finished version up for the client to test. So the team (including the client) has to be prepared for it. The purpose is to make the MVP work, test it, and see if it is really going in the correct direction of solving the problem and helping the business case. </p>
<p>The MVP will grow better, because the DS team is going to use what they have learnt from the MVP feedback to build an improved version. Agile is about continuously deploying and learning from your mistakes, and working with the client to make the product better.</p>
<p><img src="https://www.freecodecamp.org/news/content/images/2020/03/0_Su_JCisEQJnWBB52.png" alt="Image" width="600" height="400" loading="lazy">
_Iterative nature of Agile. Figure taken from <a class="bw cu jf jg jh ji" target="_blank" href="https://towardsdatascience.com/data-science-agile-cycles-my-method-for-managing-data-science-projects-in-the-hi-tech-industry-b289e8a72818">TowardsDataScience</a>._</p>
<blockquote>
<p>Agile is to plan, build, test, learn, repeat.</p>
</blockquote>
<h2 id="heading-ds-project-deliverable">DS project deliverable</h2>
<p>The Agile way of working allows data scientists the ability to prioritize and create roadmaps based on requirements and goals. With each iteration, data scientists can learn something new, get more refined results, and ride on them for the next incremental improvement. </p>
<p>Below are some Agile project deliverables to shape and guide project process:</p>
<ul>
<li><strong>Project vision statement</strong>: A summary that articulates the goals for the project.</li>
<li><strong>Project roadmap</strong>: The high-level view of the requirements needed to achieve the project vision.</li>
<li><strong>Project backlog</strong>: Ordered by priority, this is the full list of what is needed to support your project.</li>
<li><strong>Release plan</strong>: A timetable for the release of a working product (or tool), but not documentation. Projects should be self-documenting along the way.</li>
<li><strong>Sprint backlog</strong>: The user stories (requirements), goals, and tasks linked to the current sprint.</li>
<li><strong>Increment</strong>: The working product functionality that is presented to the stakeholders at the end of the sprint and could potentially be given to the client. The goal is not to deliver more but to get a <em>higher value</em> output.</li>
</ul>
<h2 id="heading-summary">Summary</h2>
<p>Agile is going to be adopted by more DS project teams in the near future. Many data scientists have reported that it makes them more productive. </p>
<p>This is not because the data scientists have become more skilled, but because Agile can help them optimize their projects. Instead of spending time on models that are unlikely to reveal any productive results, it is better to spend that time for other result-driven purposes.</p>
<p>Being “agile” (flexible) means you need to adopt a dynamic approach in planning and be adaptable to the changing needs of the new situation when it arises. </p>
<p><strong>The Agile environment appeals to quick action, fail quickly, discuss and evaluate, then try again using a different approach or an improved method.</strong> It works great in dynamic environments where there is a potential for changing or evolving requirements.</p>
<p>All the best to your DS projects!</p>
<p>Reference:<br><a target="_blank" href="https://towardsdatascience.com/data-science-agile-cycles-my-method-for-managing-data-science-projects-in-the-hi-tech-industry-b289e8a72818">Data-science? Agile? Cycles? My method for managing data-science projects in the Hi-tech industry.</a></p>
 ]]>
                </content:encoded>
            </item>
        
            <item>
                <title>
                    <![CDATA[ Hourly Billing vs Value Based Pricing for Web Designers ]]>
                </title>
                <description>
                    <![CDATA[ By Kyle Prinsloo If you are a web designer/developer who currently bills per hour, I hope I can persuade you to change your pricing method to value based pricing. In this article, I discuss both of these methods in detail and without the fluff so you... ]]>
                </description>
                <link>https://www.freecodecamp.org/news/hourly-billing-value-pricing/</link>
                <guid isPermaLink="false">66d4602147a8245f78752a91</guid>
                
                    <category>
                        <![CDATA[ clients ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Freelancing ]]>
                    </category>
                
                    <category>
                        <![CDATA[ pricing ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Web Design ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Website design ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ freeCodeCamp ]]>
                </dc:creator>
                <pubDate>Wed, 31 Jul 2019 10:00:00 +0000</pubDate>
                <media:content url="https://www.freecodecamp.org/news/content/images/2019/07/hourly-billing-freecodecamp.jpg" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>By Kyle Prinsloo</p>
<p>If you are a web designer/developer who currently bills per hour, I hope I can persuade you to change your pricing method to value based pricing.</p>
<p>In this article, I discuss both of these methods in detail and without the fluff so you can just get the nuggets and practical understanding to make an informed decision from there.</p>
<p>On a serious note, if you apply what you will read about today, you can really earn more, work less and be a more fulfilled freelancer - and I don't just say this half-heartedly.</p>
<p>Enough fluff, let’s get straight to it:</p>
<h2 id="heading-billing-by-the-hour">Billing By The Hour</h2>
<p><img src="https://studywebdevelopment.com/images/hourly-billing.jpg" alt="hourly-billing" width="600" height="400" loading="lazy"></p>
<p>I’ll start with this pricing method first because it’s the most popular.</p>
<p>I am well aware that there are many web designers/developers out there who make a very good living by using the hourly billing method, but in my opinion, value based billing is far better than hourly billing.</p>
<p>To explain why, these are some common truths about hourly billing:  </p>
<ul>
<li>There are times when you argue over invoices and timesheets which wastes time for both parties (yes, there are <a target="_blank" href="https://www.shopify.com/partners/blog/94448774-6-of-the-best-time-tracking-apps-for-designers-developers-and-agencies">software programs</a> to track this, but even that can be disputed by a client).</li>
<li>Feeling like you have to be “micro-managed” by the hour. Clients would often want an estimate of the total hours before the project starts. They would then make a decision to go ahead with the project based on the estimate and not the final cost.</li>
<li>There’s no incentive to stay up to date with the latest technologies, software or tools to make your job easier because if you do, you get paid less.</li>
<li>The longer the project is, the better it is for you (more income) and the worse it is for the client (more expense).</li>
</ul>
<h2 id="heading-billing-hourly-is-harmful-for-your-working-relationship-with-the-client">Billing Hourly is Harmful for Your Working Relationship with the Client</h2>
<p>To illustrate this point, let’s say you wanted to build an additional room on to your house.</p>
<p>The builder tells you it will cost $75k based on his best estimates and you go ahead with the agreement.</p>
<p>The builder completes 80% of the project and then says it’s going to cost another $15k to finish the remainder.</p>
<p>How would you feel? Would you work with them again? Would you refer them to friends?</p>
<p>Probably not. And it’s the same thing with web design/development projects.</p>
<p>If the project is not planned correctly, things can really turn bad if you now realize you are losing money and then tell the client it’s going to cost 30% more because of “xyz”.</p>
<h2 id="heading-hourly-billing-discourages-efficiency-and-innovation">Hourly Billing Discourages Efficiency and Innovation</h2>
<p>Let’s say that the same web design project comes to you and 9 other web designers. You each have different hourly rates that you decided would be fair for your expertise.</p>
<p>“John” charges $45 per hour and others charge $75 per hour and then there’s this one guy (who I’ll name Bob) who charges $150 per hour.</p>
<p>Bob, with his experience in finding better ways to complete projects, codes the website in 3 hours = total fee of $450.</p>
<p>John, with his lack of experience, knowledge and efficiency, codes the website in 16 hours = total fee of $720.</p>
<p>Hourly billing encourages you to not work smart and to drag the hours so you get paid more.</p>
<p>Look, <em>some</em> websites can be done in less than a day – even a few hours if you have all the info ready and you know exactly what needs to be done.</p>
<p>If you are charging by the hour, why would you rush to get this website done as soon as possible when you could delay it by a few days and get paid more for it?</p>
<p>Maybe there’s a snippet of code you can buy for $100 that can save you 3 days of coding time, but you are hesitant to do this because that means you lose out on getting paid more and you have bills to pay.</p>
<p>In other words, the client is paying you for 3 days extra (which would be more than $1,000) because you don't want to use a $100 code snippet as this means you lose out on $1,000.</p>
<p>Can you see why this is harmful to you and your client?</p>
<p><strong>Here’s another practical example:</strong></p>
<p>If you are working on 3 client projects (retainer or once-off) at the same time and it takes you up to 2 hours per week to track your hours, prepare invoices, process payments, organise the accounting/tax side, etc. that can take almost a full working day each week just to handle this boring administrative task.</p>
<p>This is beyond crazy. You are not hired as an administrator or debtors clerk or whatever else – don’t fall into this pit.</p>
<p>On top of that, you’ll deal with one or two clients who always question everything and this takes even more of your time. This leads to a lack of trust down the line and nobody wants to work like that.</p>
<p>I know these are very simple examples, but it still holds true in more complex projects as well.</p>
<p>Your clients need to know this. Use the same analogy above or something that makes sense to you, but this is very important in moving forward.</p>
<h2 id="heading-your-income-is-capped">Your Income is Capped</h2>
<p>There are only so many hours you can work in a year. Let’s say you are earning $60k per year.</p>
<p>If we work on roughly 250 working days, this is $240 per day and $30 per hour (8 working hours each day).</p>
<p>Firstly, not many web developers/designers are booked every hour for the whole year, but let’s say this is the case. What if you wanted to earn $100k next year?</p>
<p>That would mean you need to increase your hourly billing to $50.</p>
<p>Although it’s only $20 extra per hour, that’s $160 extra per day, $800 per week and over $3k per month <strong>extra</strong> for a client to consider. It can often be a deal breaker in keeping retainer clients or signing up new clients for weekly/monthly projects.</p>
<p>Unless your existing clients really value your services, they will not understand why you now all of a sudden value your services at almost twice the price for the same amount of work.</p>
<p>It’s very likely that they will start looking for other freelancers with a lower hourly rate.</p>
<p>New clients or prospective clients may not sign up with your premium service as you are almost double the “going rate” for other freelancers with similar expertise.</p>
<p><strong>Bottom line:</strong> increasing your income is not easy. Although you want a higher income, the clients you work with really don’t care about your income desires and they don’t want a higher expense.</p>
<p><strong>Bottom line of the bottom line:</strong> Guess who <em>really</em> makes the final decision at the end? (it’s not you)</p>
<p>The solution is not some fancy tool or time-tracking software.</p>
<p>Yes, these can help, but this is more like a temporary fix and it doesn’t deal with the main issues mentioned above.</p>
<p>Remember: It’s in the client’s best interests that you don’t bill by the hour. You just need to educate them on this.</p>
<p>Value Based Pricing</p>
<p><img src="https://studywebdevelopment.com/images/value-based-pricing.jpg" alt="value-based-pricing" width="600" height="400" loading="lazy"></p>
<p>To avoid any misconceptions about this pricing method, it’s not a fixed amount that is calculated by your cost + your desired profit.</p>
<p>Here are some common truths about value based pricing:</p>
<ul>
<li>You don’t sell hours (like everyone else does) – you sell results (or the potential results).</li>
<li>There’s an incentive to stay up to date with the latest technologies, software or tools to make your job easier and to become more efficient.</li>
<li>It allows you to really create something amazing and not to worry about going over the client’s desired budget.</li>
<li>There are no hidden financial surprises to clients. You take all the risk in delivering the project within the total cost you’ve informed the client about.</li>
<li>You can work with less clients and provide a better service because you are often earning significantly more.</li>
</ul>
<p>You are essentially providing a fixed amount based on the projected return or outcome of the project.</p>
<p>You must probably be thinking that this sounds all fancy, but how can it be applied?</p>
<p><strong>Here’s a short summary:</strong></p>
<p>Find out the potential value of the project to the client over a year. In other words, find out the potential increase in sales that the business could be making after you create the website.</p>
<p>Then base your price off of this potential return.</p>
<p><strong><em>Example #1 – The Existing Business Website:</em></strong></p>
<p>A business sells agricultural drones via their website. They ask you to create a website focused around getting more sales.</p>
<p>After you ask the basic questions (refer to the <em>Prospective Clients Checklist</em>), your 2 main questions should be:</p>
<ul>
<li><ol>
<li>How many sales do you currently get each month?</li>
</ol>
</li>
<li><ol start="2">
<li>What is the average sales value of a drone?</li>
</ol>
</li>
</ul>
<p>They answer with:</p>
<ul>
<li>10 sales per month</li>
<li>$8,500 each</li>
</ul>
<p>You then do simple math to figure out how much they make each month ($8,500 x 10 = $85,000).</p>
<p>You look at their current site and see where they are losing sales and you work on a low estimate of what you expect sales could increase by after you make a conversion-centred website.</p>
<p>In this scenario, let’s say you are confident it would at least be 2 sales extra per month.</p>
<p>This would mean the business would make an additional $16,000 per month and almost $200,000 after one year.</p>
<p>After informing the client of this in the proposal and why you feel this is a low and realistic estimate, you then give your website cost based on the potential annual return.</p>
<p>For this example, your price could be $10,000 - $15,000.</p>
<p>Would you, ‘as the business owner’ be willing to pay around 5% of what you could potentially make after one year?</p>
<p>Of course.</p>
<p><strong><em>Example #2 – The New Business Website:</em></strong></p>
<p>A business sells agricultural drones and they want a new website.</p>
<p>They ask you to create a website focused around getting sales.</p>
<p>After you ask the basics questions (refer to the <em>Prospective Clients Checklist</em>), your main question should be:  </p>
<ul>
<li>What is the average sales value of a drone?</li>
</ul>
<p>They answer with:</p>
<ul>
<li>$8,500 each</li>
</ul>
<p>After doing further research about the market and their marketing plan, you are confident that you can create a conversion-centred website that can convert into at least 4 sales each month (or one sale per week).</p>
<p>This equals $34,000 per month and over $400,000 in a year.</p>
<p>Your price could easily be $10,000 - $15,000 and it would make sense to the prospective client after you have explained the value of the potential return.</p>
<p><strong>Remember:</strong> your responsibility is to make the business see this as a necessary investment and not a cost. You need to explain why you are the right person for the project.</p>
<p>By breaking it down like this and being practical about it, you instantly stand out from the crowd of other freelancers who say things like, “I estimate that this project will take about 120 hours X my hourly rate of $45 = $5.4k”.</p>
<p>The bottom line is that it's a win for you and a win for the client.</p>
<p>By thinking about <strong>OUTCOMES</strong>, it shows you understand the project as the business does. You are not thinking about <strong>HOURS</strong> like everyone else does.</p>
<p>Now of course this is a very simplified summary. You would have to deal with the objections clients or potential clients may have like:</p>
<ul>
<li><p>100% payment upfront</p>
</li>
<li><p>Questions about pricing</p>
</li>
<li><p>Doubts of the client</p>
</li>
</ul>
<p>As far as I know, this method works in any product or service industry – even lawyers and accountants. The issue is not whether it works, but rather who is actually doing it effectively.</p>
<p>The truth is that this model is simple in theory, but in practice you might stuff up in a few areas.</p>
<p>That’s OK… don’t have a narrow mindset. You are running a marathon and not a sprint.</p>
<p>It takes a lot of trial and error and ultimately you will learn by experience about what, how and when to say the right things that will get you higher paying clients.</p>
<p>Learn from your mistakes, see where you can improve and each year you will become better in how you handle objections, how you communicate and more.</p>
<p>I hope this has helped you to rethink this topic.</p>
<p>If you’d like to learn more and improve your skillset and become a happier freelancer that earns more, make sure to check out <a target="_blank" href="https://studywebdevelopment.com/freelancing.html">my course</a>.</p>
<p>Until next time,</p>
<p>Kyle</p>
 ]]>
                </content:encoded>
            </item>
        
            <item>
                <title>
                    <![CDATA[ How to get more freelance clients by becoming “referable” ]]>
                </title>
                <description>
                    <![CDATA[ By Benek Lisefski Referrals are the holy grail of freelance client acquisition. But they don’t come automatically, even for many experienced consultants. So, how do you get more referrals? I’ve talked a lot about how word-of-mouth referrals have been... ]]>
                </description>
                <link>https://www.freecodecamp.org/news/how-to-get-more-freelance-clients-by-becoming-referable-b56446b4469b/</link>
                <guid isPermaLink="false">66c35231d58e4fdd567d518d</guid>
                
                    <category>
                        <![CDATA[ business ]]>
                    </category>
                
                    <category>
                        <![CDATA[ clients ]]>
                    </category>
                
                    <category>
                        <![CDATA[ Freelancing ]]>
                    </category>
                
                    <category>
                        <![CDATA[ professional development ]]>
                    </category>
                
                    <category>
                        <![CDATA[ tech  ]]>
                    </category>
                
                <dc:creator>
                    <![CDATA[ freeCodeCamp ]]>
                </dc:creator>
                <pubDate>Tue, 05 Mar 2019 17:40:38 +0000</pubDate>
                <media:content url="https://cdn-media-1.freecodecamp.org/images/1*7T9tiSqaiq5nGJMx6jwl3g.jpeg" medium="image" />
                <content:encoded>
                    <![CDATA[ <p>By Benek Lisefski</p>
<p>Referrals are the holy grail of freelance client acquisition. But they don’t come automatically, even for many experienced consultants. So, how do you get more referrals?</p>
<p>I’ve talked a lot about how word-of-mouth referrals have been a large part of my <a target="_blank" href="https://medium.com/swlh/how-i-earned-15-000-last-month-from-freelance-design-7f359d6776b">freelance business growth and success</a>. Anyone who’s experienced freelancing for themselves — or has read about client acquisition strategies — will have heard that getting referral clients is the key to maintaining a <a target="_blank" href="https://medium.com/swlh/smoothing-out-the-freelance-rollercoaster-4600a5b3a77c">pipeline of consistent work</a> with less cost and effort.</p>
<p>However, as <a target="_blank" href="https://medium.com/@abbeywoodcock/where-do-creative-freelancers-actually-get-clients-d59812a1fa3a">Abbey Woodcock recently pointed out</a>:</p>
<blockquote>
<p>Very few articles about getting clients really cover how to systematically generate referrals.</p>
</blockquote>
<p>I’m guilty of that too. I’ve discussed client-acquisition quite a lot, yet apart from general terms like “building a strong reputation”, I’ve failed to go into detail about what steps you can take to encourage more organic referrals.</p>
<p>Challenge accepted! Today I will outline my strategy for how to turn nearly all of your clients into referral machines. And the solution may not be as direct as you’re expecting.</p>
<h3 id="heading-how-do-freelancers-find-clients">How do freelancers find clients?</h3>
<p>Let’s take a step back and first consider all the ways freelancers may try to find new clients and projects:</p>
<ul>
<li>Referrals.</li>
<li>Their own website/portfolio (through organic search or direct).</li>
<li>Receive work as a sub-contractor for larger agencies.</li>
<li>Other industry-specific showcases/directories (like Dribbble or Behance for designers).</li>
<li><a target="_blank" href="https://medium.com/swlh/how-to-land-your-dream-clients-e4d715013758">Cold outreach</a> (email, phone)</li>
<li>Social media groups or campaigns (Instagram, Facebook, LinkedIn, etc.)</li>
<li>Attending live events (conferences, meetups, etc.)</li>
<li><a target="_blank" href="https://medium.com/swlh/professional-freelancers-dont-do-gigs-1312d4fee496">Gig Sites</a> (Fivver, <a target="_blank" href="https://medium.com/swlh/freelancing-upwork-ea8205aadd1">Upwork</a>, Craigslist)</li>
<li>Job Boards</li>
<li>Paid traffic (google ads, facebook ads, etc.)</li>
</ul>
<p>You may have a few more fringe channels to add to this list — depending on your industry, <a target="_blank" href="https://blog.markgrowth.com/find-your-niche-then-find-another-and-another-1b09c907833e">niche</a>, marketing strength and preferences — but these tend to be the primary drivers of client acquisition for most freelancers and small creative service businesses.</p>
<p>I’ve ordered this list in the approximate order of importance for my own client acquisition pipeline. The percentage of success of each channel may differ greatly for you. But we’re here to talk about only one method, so let’s ignore the others.</p>
<h3 id="heading-why-are-referrals-the-best-form-of-freelance-client-acquisition">Why are referrals the best form of freelance client acquisition?</h3>
<p><strong>Ease, and trust.</strong> Let me explain.</p>
<p>I’ve heard different numbers, but most people seem to agree that <strong>getting work from existing clients is about five times easier (<em>faster, cheaper</em>) than finding new clients.</strong> I hear you saying <em>“referral clients aren’t existing clients!”</em> and you’re right, but they come with most of the same benefits.</p>
<p>Referral clients come with the same ease of acquisition as existing clients. You could almost consider a referral as an extension of an existing client. You didn’t have to reach out or pitch to them, and they already know something about you and have some level of trust in you. <em>More on trust below</em>.</p>
<p>If you can cut your marketing efforts dramatically and still keep your work schedule busy with referral work, who wouldn’t want that? We all like it when good clients fall into our laps with very little effort on our end. That’s the freelance dream (really, the dream of all service businesses regardless of size).</p>
<p>However there’s a deeper reason to encourage referrals. <strong>Referral clients trust you more.</strong></p>
<p>Trust is a hugely important factor is building client relationships. Trust helps grease the wheels of the creative feedback/revisions process, allowing you more freedom to use your skills and experience. Trust makes client communication more enjoyable and effective. Trust leads to long-term partners.</p>
<p>I consider building trust to be a key part of any client onboarding process, and it often takes the first 25% of a project to communicate expectations effectively and build that trust over time.</p>
<p>But referral clients come to you with a large part of that trust already baked in. Why?</p>
<p>When a friend, family member, or colleague — a person you already trust and respect — refers you to someone or something, some of that trust rubs off. It transfers to the thing they’ve recommended by good association. You think — with less due diligence than usually required — that you can trust this recommendation because you trust the person it came from. If they say something it good, it’s probably good, because this person has your best-interest at heart. And, making a good recommendation makes them look good too. It gives them extra social cred.</p>
<p>When that referral client comes to you, they come pre-loaded with trust. They already know you’re the person they want for the job before you’ve even tried to sell your virtues. Half of your trust-building has been done for you. Now all you have to do is meet or exceed that expectation.</p>
<p>With more freelance business experience, usually referrals grow too. You naturally establish a good reputation over time, and slowly grow a list of satisfied clients that refer you to others with little encouragement needed.</p>
<p>However I’ve heard from experienced freelancers who used to get referrals, now saying they’ve suddenly dried up. Or what about recent grads or new entrants to the freelance market who haven’t had the luxury of building a reputation over years?</p>
<p>It’s not magic. There are steps you can follow to accelerate the process of earning referrals, no matter what your experience level. Here’s my recipe.</p>
<h3 id="heading-how-do-i-get-more-referrals">How do I get more referrals?</h3>
<p>If you search for “how do I get more referrals”, you’ll find plenty of scripts that would help you ask for referrals in a very direct way. They might tell you to email your client after a successful project, asking:</p>
<blockquote>
<p>“Do you have names of three friends or colleagues that I could reach out to?”</p>
</blockquote>
<p>And then you’d send something like this to those new contacts:</p>
<blockquote>
<p>“I worked with [CLIENT NAME]. They were really happy with my service and said that you might be interested.”</p>
</blockquote>
<p>Some people may have success with this method, but I don’t do it and I’m not aware of anyone else who does. The problem is that it comes across as too desperate. It’s not something that adds to a <a target="_blank" href="https://medium.com/swlh/are-you-working-for-cost-clients-or-value-clients-bc5a4f517ef2">genuine relationship and interest in your client’s success</a>. Immediately treating your client as a lead-generation tool feels sleazy. That’s not how I want to be remembered by my clients.</p>
<p>So I take a more indirect approach to encouraging referrals. I make myself as “referable” as possible. Then my clients refer me by their own initiative when it suits them best, without me ever having to ask.</p>
<p>Also remember that referrals don’t always come from clients, they can come from colleagues as well. When I’m too busy to take on a new job, I usually get asked if I can recommend someone else. <strong>You want to be that someone else.</strong></p>
<h3 id="heading-being-more-naturally-referable">Being more naturally “referable”</h3>
<p>Being referable is a combination of a number of factors. Each is helpful on its own, but their true power comes in doing them all at once. You’ll find they snowball together to create a momentous effect if you complete the entire formula.</p>
<h4 id="heading-1-establish-a-great-reputation">1. Establish a great reputation</h4>
<p>This is the most important foundation, but also the most difficult step for new freelancers to achieve. The more experience you have freelancing, the easier your reputation will naturally build. So long as you’re doing the right things.</p>
<p>You want to be seen as the best of the best.</p>
<p><strong>Building a reputation is simple. It takes only two thing: excellence and consistency.</strong> Be excellent at your craft, and do it consistently for every client and every project. You’ll quickly become known for your quality of work.</p>
<h4 id="heading-2-be-ultra-professional-amp-build-trust">2. Be ultra-professional &amp; build trust</h4>
<p>Being good at your craft is only half of your job. <a target="_blank" href="https://medium.com/swlh/why-being-ultra-professional-instantly-makes-you-a-top-tier-freelancer-11e64860f27e">Running a professional business</a> is the other. The basis of any referral is trust. Your colleagues and clients must trust you enough to put their own reputation on the line by recommending you. You need to be credible enough that they feel elevated to be partnered with you. They need to feel proud to recommend your name, as it reflects back on them.</p>
<p><a target="_blank" href="https://medium.com/swlh/how-to-talk-to-potential-clients-c90ca59622a4">The way you communicate with your clients</a> and set expectations will be just as memorable to them as the quality of work that you deliver. Be the freelancer they remember because you were so trustworthy, reliable and easy to work with, and your reputation will grow at twice the pace.</p>
<h4 id="heading-3-overdeliver">3. Overdeliver</h4>
<p>I don’t mean the often-ill-advised “underpromise and overdeliver”. I never underpromise. I simply overdeliver, <strong>without being asked to</strong>.</p>
<p>Surprise your clients with a little something extra now and then. That can either be an added bonus on their project, or a thank you gesture completely unrelated to your creative work.</p>
<p>Maybe you go the extra mile to document a really comprehensive interaction styleguide for your latest UI design project, even though the client didn’t ask for it. Perhaps you deliver a framed print of your client’s new brand identity for them to hang proudly on their wall, as a gesture of your gratitude for a fun project. Or maybe you simply send a holiday card or some surprise chocolates because you know your client is a cocoa lover.</p>
<p>Remind your clients that you’re thinking of them and you have their business’s best interest at heart.</p>
<h4 id="heading-4-build-ongoing-relationships">4. Build ongoing relationships</h4>
<p>Even if a client is clearly a one-off project and there’s little potential for future work from them, it pays to stay in touch. I do my best to email all of my favourite (or most valuable) clients from time to time, just to check in and ask how their business is going. This is easy, because I don’t take on new clients unless I have a <a target="_blank" href="https://medium.com/swlh/build-your-freelance-business-on-values-4047b56df8ba">genuine interest in their business</a>. So following up about their plans and successes is a natural step for that kind of relationship.</p>
<p>This follow-up communication may even result in more work directly from your existing clients, which is better than referrals. But even if it doesn’t deliver more work, it keeps you “on their radar” so when the right time arises for a referral, they’ll have you in mind.</p>
<h4 id="heading-5-your-website-must-back-up-your-personal-brand">5. Your website must back up your personal brand</h4>
<p>If your colleagues or satisfied clients do recommend you to one of their contacts, the first thing that new contact will do is google you and check you out. Make sure you are easy to find when they do their due-diligence.</p>
<p>Once they hit your website (or any other online representation of you, like your LinkedIn profile) the messaging they encounter must match the expectations they’ve been given. Make sure there is no inconsistency or disconnect between what your carefully crafted reputation says about you, and what impression your website leaves on them. <strong>These touchpoints are all part of your personal brand, and like any other brand, the most important point is consistency in experience.</strong></p>
<h4 id="heading-6-reciprocate-referrals">6. Reciprocate referrals</h4>
<p>If you want a colleague or client to recommend you, one great way to encourage this is to recommend them! If you come across any of your own connections or other clients who could benefit from a relationship, help them make that connection with a personal introduction or referral. This is another way of showing your clients that you’re thinking of them, and that gentle reminder will encourage them to do the same for you.</p>
<p>Being a “matchmaker” can be a valuable tool for keeping yourself in your client’s awareness, and in their good graces.</p>
<h4 id="heading-7-say-thanks-for-referrals">7. Say thanks for referrals</h4>
<p>Once you do get a referral, it’s imperative that you show gratitude for it. I make a point of asking every new person who contacts me <em>“where did you hear about me?”</em>. If they say they were referred by someone, I waste no time in contacting that person and thanking them for the referral. A simple email or phone call will do. Even of the referral leads nowhere and I’m not interested in the work it brings, I thank them for it just the same. Some people like to send small gifts, but I don’t feel it’s necessary. A simple thank you note will let them know how much the referral means to you.</p>
<h3 id="heading-now-youve-built-a-mighty-referral-engine">Now you’ve built a mighty referral engine</h3>
<p>All of these steps done together make it very easy for your colleagues and clients to refer you, without being asked or bribed to do so. And equally important, <strong>easy for those referrals to validate your value and feel confident using your services.</strong></p>
<p>I won’t promise this formula will bring you overnight referrals. Like any business strategy, knowing the theory is one thing but successfully implementing it is another. You may have to refine things along the way to build a system that feels right to you. I’d be interested to hear what else you do that may work better.</p>
<p>This is part of playing the long game of freelance business success. If you’re a part-time freelancer side-hustling to make some extra cash, or a temporary freelancer filling “in-between” other employment, this may be too much of a commitment for your casual business endeavour.</p>
<p>If you’re a full time indie business owner looking to make a permanent career out of it, you can’t afford NOT to get referrals. Commit to doing these things for a few years — not just a few weeks or months — and watch your colleagues and clients spread around your good reputation for free. That’s when you hit freelance referral gold.</p>
<p><em>Please</em> ? <em>c<strong>lap</strong> if you found this valuable, ?</em> f<em>o<strong>llow me f</strong>or more writing like this, as I unfold 17 years of freelance business knowledge ?</em> </p>
<h4 id="heading-subscribehttpssoloworkcosubscribe-to-get-my-best-articles-in-your-inbox"><a target="_blank" href="https://solowork.co/subscribe">Subscribe</a> to get my best articles in your inbox.</h4>
<p>This story can also be found on <a target="_blank" href="https://solowork.co/story/get-more-freelance-clients-by-becoming-referable">solowork.co</a></p>
 ]]>
                </content:encoded>
            </item>
        
    </channel>
</rss>
