From Ada Lovelace to Modern IDEs: 20th‑Century Developer Experience

Origin

Ada Lovelace wrote the first computer program in 1842 for Charles Babbage’s analytical engine, calculating Bernoulli numbers on paper—a groundbreaking, never‑executed algorithm.

Wiring and Early Bugs (1940s)

The first electronic computers were programmed by wiring panels, rotating dials, and switches. Programming was essentially “hard‑wiring” and no effort was made to simplify it for humans.

The era also introduced the concept of bugs; the first recorded software bug was a moth causing a relay short‑circuit, noted by Grace Hopper.

Assembly Language (1950s)

Assembly language allowed programmers to use mnemonic instructions like ADD or JUMP instead of raw binary, reducing the cognitive load but still requiring knowledge of the machine’s architecture.

An example from the Apollo program (1960s) is shown below.

INTRPVP          STQ     BOFF            # PRECISION UPDATE PASSIVE VEHICLE
                 RTRN            #       TDEC1
                 AVFLAG
                 OTHERV
                 CALL
                 CSMPREC
                 GOTO
                 RTRN
OTHERV          CALL
                 LEMPREC
                 GOTO
                 RTRN

Punch Cards and High‑Level Languages (1950s)

Languages such as Fortran and COBOL introduced near‑English keywords (e.g., IF, WHILE) and could run on different machines given a suitable compiler. Programs were stored on punch cards, each card representing one line of code (typically 80 characters).

IF MOD-G-JAHR NOT NUMERIC MOVE ZERO TO MOD-G-JAHR.

Program editing involved creating new cards or re‑ordering existing ones, with simple visual markers (e.g., red slashes) indicating sub‑routines.

C   AREA OF A TRIANGLE - HERON'S FORMULA
C INPUT - CARD READER UNIT 5, INTEGER INPUT
C OUTPUT -
C INTEGER VARIABLES START WITH I,J,K,L,M OR N
      READ(5,501) IA,IB,IC
 501 FORMAT(3I5)
      IF(IA.EQ.0 .OR. IB.EQ.0 .OR. IC.EQ.0) STOP 1
      S = (IA + IB + IC) / 2.0
      AREA = SQRT( S * (IA - S) * (IB - S) * (IC - S) )
      WRITE(6,601) IA,IB,IC,AREA
 601 FORMAT(4H A= ,I5,5H  B= ,I5,5H  C= ,I5,8H  AREA= ,F10.2,
      $13H SQUARE UNITS)
      STOP
      END

REPL and Line Numbers (1960s)

BASIC was designed for ease of use, offering a time‑sharing environment where users could type directly on a terminal, edit, and run code without punch cards. This introduced the first REPL (read‑eval‑print loop) and line‑numbered programs.

5  LET S = 0
10 MAT INPUT V
20 LET N = NUM
30 IF N = 0 THEN 99
40 FOR I = 1 TO N
45 LET S = S + V(I)
50 NEXT I
60 PRINT S/N
70 GO TO 5
99 END

Visual Editing (1970s)

The advent of inexpensive CRT displays allowed developers to write code on screen, giving rise to editors like vi and emacs and sparking long‑standing debates over the “best” editor.

Syntax Highlighting, Auto‑Formatting, and Visual Debugger (1980s)

Mac Pascal was the first editor to check syntax during editing, provide syntax highlighting, and auto‑format code, initially using bold and italic styles before color displays were common.

Later, the same company introduced the world’s first visual debugger.

Interface Builder, Source View, and Search (1990s)

Steve Jobs’ NeXT computer introduced Interface Builder, separating UI design from code. This concept lives on in Apple’s Xcode for iOS development.

The rise of the World Wide Web in the late 1990s democratized learning: browsers let anyone view source code, turning every webpage into a live example.

1998, the year Google was founded, marked a turning point as developers began searching error messages and “how‑to” queries, further shaping modern developer experience.