Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Home ›› Business Value and ROI ›› 6 Key Questions to Guide International UX Research ›› A Walk Down Front-End Development Lane

A Walk Down Front-End Development Lane

by Mike Germaine, Katie O'Reilly
6 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Looking back over the rapidly changing landscape through 32 years of front-end-development.

I’ve been a front-end developer a long time—so long, in fact, that I have always been a front-end developer. Thirty-two years ago, I was a front-end developer.

I’ve seen enormous change in my industry over those three decades, and the only way I’ve achieved longevity is by keeping my skills current. When I first started developing, there were no “Icons” or “Windows,” to paraphrase Dilbert, we really just had zeros and ones.

For college courses we wrote our computer programs on grid-like coding sheets before sitting down in front of a cardpunch machine to type program decks of computer instructions. We transcribed our instructions on coding sheets ahead of time because “monitors for general use” didn’t exist. The only people with access to monitors were the computer operators, and those monitors were solely to verify whether or not the computer was functioning properly. The front-end consisted of command-line text instructions.

Since you weren’t able to see what you were typing (as I am doing now without second thought), you had to eyeball the coding sheets to ensure the integrity of the code before going ahead and imprinting the instruction on a punch card.

The punch cards were then fed into a card hopper that read the instructions, compiled them into a program ,and within just a few short hours—hopefully—you’d receive some sort of paper output from a dot-matrix printer. If you made a mistake you started again: two paragraphs up.

After graduation I found a job as a developer in Phoenix. It was a ground-floor opportunity and I was doing it all: wiring the building, installing the computer room, and doing front-end development.

These early opportunities in front-end development were limited, mostly to IBM 3270 screens that ran CICS transactions. For these “green screens,” design on the front-end consisted of positioning characters in such a way as to create really big letters for a logo. This is when front-end design was defined as “really big letters for a logo.”

But even then you could see the potential of interacting with a computer and receiving immediate feedback. I was hooked and realized I was born for this. Things got better when Apple released the first successful mass-marketed GUI in 1983 and 1984 with their Lisa and Macintosh systems, opening the door for a new population of front-end developers. One no longer needed to know how to string 0s and 1s together or how to run a command line to make a computer useful. By creating pull down menus and intuitive iconography that made the computer more approachable, Apple facilitated a new relationship between novice users and computers. Accessible computers meant not only a new tool, but new industries and career opportunities.

GUIs marked the dawn of a new age in front-end development. If you wanted to be on the bleeding-edge, there were skillsets you needed to acquire. As the ‘90s approached, I was staring at a brand new PC on my desk that ran Windows 3.0. The textures and hues of icons and windows stoked my desire to move into the next level of front-end growth, the GUI.

Curiosity brought me to explore Visual Basic and although it was a 180 from writing CICS code to the drag and drop of an object-oriented application, it opened up a whole new world of interactions and challenges.

It was difficult to transition into this space. It’s a mind-shift—you’re adept at what you are doing; now you have the learning curve of something new. You have to read the landscape. CICS had run its course, there were only so many big logos you could make with green or amber pixels.

The next big shift came in the early ‘90s, when companies like AOL, Prodigy, and Compuserve offered online services: news, entertainment, travel, sports, and reference information with the characteristic sound of the dial-up modem. Their content was gated at first, meaning that you could only access their subscription based services, but it was the precursor for what we now know as the Internet.

The desire to learn keeps all of us relevant as we move toward an unsure, but surely exciting horizon

Compuserve offered a browser to its subscribers that connected them to the Internet. It was the addition of bulletin boards by AOL and email that really opened the way for people to exchange information on the Internet. Now, one was not merely getting gated content, people were able to receive information from anyone who was out there … anywhere.

By this time I had developed a reputation as something of a trailblazer and I began working on a R&D team commissioned to analyze the impact of this emerging online experience and what how it could be leveraged by the company we were working for at the time. Our research and projections hypothesized that in five years, everyone—and we meant everyone—would be performing online transactions over the Internet and that our current business models were not going to be obsolete.

When we presented our report, we were summarily discounted. Given what we knew was coming, and where our company stood, we realized we needed to cut ties. Two of us went to Microsoft, one to Oracle and I went to the biggest financial company in the U.S. The train was getting ready to leave the station and they were climbing on board. I wanted to be part of it.

This company was preparing to develop their first Internet financial institution service offering and I signed on to be the principal front end architect; to set the foundation. If you build it, they will come. And they did. The true crowning achievement came three years later, when my previous company knocked on our doors. I put a feather in my cap and branded our financial institution service offering for my past disbelievers.

From here, the cutting-edge led me and my fellow front-end developers to learn HTML: the base skill necessary for Internet front-end development.

The first viable commercial browsers were primitive and really not capable of displaying much more than a presentation board you might find at a science fair: a set of text boxes interspersed with the occasional image as a plea to keep you from walking on to the next kid with the exploding volcano model.

The browser front-end became more advanced as the browser wars escalated and companies scrambled to provide the richest feature set. CSS became necessary to master as web sites evolved to become the primary face of a company. One needed to ensure that a brand had a consistent look and feel, and handcrafting CSS into every page with differing browser standards was an overwhelming task. As these brands became storefronts it became necessary to learn client-side Javascript to perform the multiple functions required of an ecommerce site.

Just knowing HTML, CSS, and Javascript isn’t enough to stay on top. To remain current you will need to bring jQuery and other frameworks into your toolkit. HTML5, CSS3, and Sass are now arrows you will need in your quiver, because the front-end isn’t about the desktop anymore. Responsive design has brought the user experience to multiple form factors: smartphones, tablets, television, cars, refrigerators, and even eyewear—sometimes several of them simultaneously. This requires a new set of skills that will be key to remaining relevant over the next five years.

Even though I’ve spent most of my professional life working in a field defined by ceaseless change, one thing that’s always been a constant for me is the desire to learn. I really can’t think of a day when I didn’t learn something new, and I feel there is more to know than I can ever consume. The desire to learn keeps all of us relevant as we move toward an unsure, but surely exciting horizon.

 

Image of memory lane courtesy Shutterstock.

post authorMike Germaine

Mike Germaine

Mike Germaine is Vice President of User Experience Development at Fidelity Investments in Boston. He has been with Fidelity for 18 years and was the Front-End Architect for Fidelity’s first Financial Institution web offering in 1996.

Mike graduated from the College of the Holy Cross in 1981 with a B.A. in Economics and began his career as a front-end developer with Republic Western Insurance in Phoenix. in 1983. He later took his talents to Hanover Insurance and Allmerica Financial from 1986 through 1995.

post authorKatie O'Reilly

Katie O'Reilly
This user does not have bio yet.

Tweet
Share
Post
Share
Email
Print

Related Articles

Curious about the next frontier in AI design? Discover how AI can go beyond chatbots to create seamless, context-aware interactions that anticipate user needs. Dive into the future of AI in UX design with this insightful article!

Article by Maximillian Piras
When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
  • The article explores the future of AI design, moving beyond simple chatbots to more sophisticated, integrated systems.
  • It argues that while conversational interfaces have been the focus, the potential for AI lies in creating seamless, contextual interactions across different platforms and devices.
  • The piece highlights the importance of understanding user intent and context, advocating for AI systems that can anticipate needs and provide personalized experiences.
Share:When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
21 min read

Uncover the dynamic landscape of UX design as artificial intelligence continues to reshape the field. With automated tools revolutionizing our roles, what does the future hold for designers?

Article by Michal Malewicz
The End of Design?
  • The article explores the impact of AI on UX design, questioning the future role of designers as automated tools become more prevalent.
  • It highlights the historical evolution of UX design and the commodification of design roles, emphasizing the shift from creative problem-solving to efficiency-driven practices.
  • It emphasizes the need for future designers to be generalists with strong decision-making skills, capable of leading projects and maintaining creativity in an AI-driven landscape.
Share:The End of Design?
9 min read

Discover how Flux.1, with its groundbreaking 12 billion parameters, sets a new benchmark in AI image generation. This article explores its advancements over Midjourney and Dall-E 3, showcasing its unmatched detail and prompt accuracy. Don’t miss out on seeing how this latest model redefines what’s possible in digital artistry!

Article by Jim Clyde Monge
Flux.1 is a Mind-Blowing Open-Weights AI Image Generator with 12B Parameters
  • This article examines Flux.1’s 12 billion parameters and its advancements over Midjourney and Dall-E 3. Highlights its superior image detail and prompt adherence.
  • The piece explores the shift of developers from Stability AI to Black Forest Labs and how this led to Flux.1. Analyzes the innovation impact.
  • It compares Flux.1 with Midjourney V6, Dall-E 3, and SD3 Ultra, focusing on visual quality, prompt coherence, and diversity.
  • The guide explains how to access Flux.1 via Replicate, HuggingFace, and Fal. Covers the different models—Pro, Dev, Schnell—and their uses.
  • The article investigates Flux.1’s capabilities in generating photorealistic and artistic images with examples of its realism and detailed rendering.
Share:Flux.1 is a Mind-Blowing Open-Weights AI Image Generator with 12B Parameters
5 min read

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and