The Front End Development JourneyAthena OzanichBlockedUnblockFollowFollowingMay 27From Mockup to CodeIn the first post of this series (The Full Web Development Journey), I talked about the phases of making a website.
I discussed the process of building a website, from design to development in short detail.
Then I followed up with a post (The Web Design Journey) covering the Design aspect in a little more detail.
Now it’s time to talk FEWD or Front End Web Development in a bit more detail.
Remember my goal here is to explain the various processes that go into making a website.
I want you to first understand the steps involved, then understand the specifics of each step.
Breaking this down into manageable easy to follow explanations.
Ok without further ado, let’s dive right in!Mockups and requirementsFor most Front End developers the journey starts with a set of requirements and a mockup passed to the dev team from the UI/UX team.
Each of these languages has its own function, I will briefly touch on that as we progress, and each more in-depth in future posts.
For the time being try to imagine it like this, HTML is kind like the FRAME of your bed, it creates a base that we can build on.
Using that frame we can add some style and flair to it with CSS which you can imagine as the box spring and mattress.
However, this is only true in most cases, there are plenty of cases where this deviates a bit.
Writing out the code is only one of many aspects of the Front End workflow, testing the code and checking for compatibility across more than one browser is another thing the developers must also do.
As the code is written the developers need to be sure that it functions as consistently well in multiple browsers AND various devices as well.
Soon the developers will have put together a set of files that together makes up the site that is being built!.From here it’s usually time to call on the Back End Development team(s) who will handle stuff like databases and login functionality and security.
This again was a very small overview, in my next post we will discuss an overview of the Backend Development process.
Thanks for joining me yet again, I hope you enjoyed this.
Please feel free to comment on the post and tell me what you think.