Hello!
Welcome back. In Part I, we talked about languages like HTML and Python. Today, we are talking about how we actually start the process of making a site.
Before any coding happens, you have to actually plan it out. This is where UI and UX come in.
UI (User Interface) is the look—the colors, the fonts, and the buttons. UX (User Experience) is the feel—is the website easy to use? If a user can’t find what they need in two clicks, the design probably needs work.
To get into more detail… we use specific steps to go from an idea to a real website:
- Wireframes: These are like the “bones” of the site. It’s just a simple sketch of where things go.
- Figma: This is a tool we use to draw the high-quality version of the site so the client can see exactly how it will look.
- Prototyping: This lets us test the buttons and menus to make sure everything works perfectly before we start the “back side” logic.
Once the design is done, we take those front-end languages (HTML and CSS) and turn the drawing into a real page. It’s like building a house—the design is the blueprint, and the code is the wood and nails.
Other than that, I could get into more detail about hosting and how to get your site on Google, but I’m not going to today… Stay tuned for Part III.