Video Scripts

[AD1616]

[AD1616]

Frontend Dev - Sahil

When you visit a website, or open an app, there's things you interact with. Maybe they're buttons, input boxes, or dropdowns. All of the things you see and interact with are a result of the frontend developer.

A frontend developer needs to plan out a design before implementing it; it's easier to execute a vision than to create it as you go. The plans of a frontend developer are called wireframes. Here's one we made for the home page of our website.

show breadbops wireframe

The frontend developer needs to make things on the websiteeasy to find. We make effective use of the navbar for this, making it easy to navigate across our calculators and data viewers.

show navbar demo, as well as calculator and API data viewer screens

In practice, most of the styling is done through CSS in one layout file, and those CSS classes are referenced in other HTML files when needed.

show red table class

Calculations or reading of user input is often done through javascript. Javscript can also be used to fetch an API.

show code for calculator and API viewer

Comments in code are important, especially in languages like javascript that are often hard to read. Comments help describe what certain parts of the code do, which makes it helpful in an "iterative development" environment since it will be easier to improve the code in the future.