The Illustrated TLS Connection: Every Byte Explained

Every byte of a TLS connection explained and reproduced.
In this demonstration a client has connection to a server, negotiated a TLS 1.2 session, sent “ping”, received “pong”, and then terminated the session. Click below to begin exploring.

Client Hello
Server Hello
Server Certificate
Server Key Exchange Generation
Server Key Exchange
Server Hello Done
Client Key Exchange Generation
Client Key Exchange
Client Encryption Keys Calculation
Client Change Cipher Spec
Client Handshake Finished
Server Encryption Keys Calculation
Server Change Cipher Spec
Server Handshake Finished
Client Application Data
Server Application Data
Client Close Notify