What is FEE?
- Identify the key differences between Front-End and Back-End engineering
- Categorize various technologies used in Front-End engineering
What is Front-End?
The Front-End is the part of the application that users see, touch, and interact with.
When we’re talking about web development, the Front-End is the part of the code base that takes care of rendering the user interface in the web browser.
Over the last decade, the web has evolved from a platform that served static web pages with content to a platform that provides rich, interactive experiences to users.
What Makes Front-End Engineering Interesting + Challenging?
It Presents Logical Challenges
It Can Guide a User Through a Complicated Task
Here's a great blog post about how Turbo Tax makes a complicated, intimidating task relatively simple, and even fun.
Or Help Us Understand a Complicated Subject
Big numbers are difficult to imagine. How can you imagine a billion? Even a thousand things collectively is a challenge. The recent news and precautions around COVID-19 is all a lot to take in and understand. Visualizations like this help people understand the role that social distancing can play in reducing the impact of the virus.
It Allows You, As a Developer, to Tell a Story
Check out The Boat -- an interactive graphic novel about the Vietnam War using CSS/JS/Parallax.
No Matter Your Passion, You’re Needed in FE
While many people become developers because it can provide a stable career and lifestyle, it can also allow you to contribute towards something you are passionate about! Whether that be problems solving, exposing important data, or helping people do daily tasks, or anything in between, Front-End developers play an essential role.
You Don’t Have to Be a Designer
Front-End developers often work with designers, who provide detailed comps like the one above. These comps allow a Front-End developer to focus on managing the complicated interactions of the site.
What technologies are used on the Front-End?
The Front-End of the web is based on three major technologies:
- HTML: HyperText Markup Language (HTML) defines the structure and semantics of web pages on the web.
- CSS: Cascading Style Sheets (CSS) sets the look and style of a web page. CSS provides style to the structure provided by HTML.
What are we doing today?
We’re going to dive into the three technologies used on the frontend:
- Review the structure of web pages that we can build with HTML
- Add identifiers to our HTML elements using IDs
- Listen and respond to user interactions such as clicks and mouseovers