Photo by Christoph Peich on Unsplash

Let’s explore the Front-End.

Table of Contents

What is a Front-End Developer

Front-End Engineers vs UX/UI Designer vs Graphic Designer

Web Design Process

Web3 Front-End

Front-End Roadmap

Front-End Learning Resources

Front-End Skills

In Conclusion

What is a Front-End Developer

Image Credit: https://www.upwork.com/hiring/development/front-end-developer/

Front-End Developer is a translator. They translate human language into computer executive codes. They build a skeleton of the website that users can interact with. As the industry progresses, there are many more new roles invented to specialize in the different aspects of web development.

Front-End Engineers vs UX/UI Designer vs Graphic Designer

Image Credit: https://www.youtube.com/watch?v=GJ8jidDdWVg

Front-End engineers or Front-End interface developers or Front-End designers are more emphases on how to execute arts. UX/UI designers bring relationships from users' perspectives into how website layout and functionality can bring more unique experiences to users. While graphic designers are more focused on the visual aesthetics of the website.

Image Credit: https://www.ideamotive.co/blog/difference-between-ux-and-ui-designer-and-front-end-developer

The front-End Developer takes take of coding for the website. UX takes care of the user experience of using the website, UI takes care of the user interface that reacts to the website and the graphic designer takes care of the cosmetic of the website,

Web Design Process

Image Credit: https://www.uxforthemasses.com/ux-deliverables-are-dead/

In the old process, it was more of a linear workflow in which 3 roles of designers interacted with each other through stages.

There are more and more design and communication tools introduced within 10 years and the design process has also changed since.

Image Credit: https://www.uxforthemasses.com/ux-deliverables-are-dead/

The new process is UXM or a minimum viable design. The goal is to produce a minimum prototype with active interaction with 3 roles that can quickly reach users through the testing phase.

Web3 Front-End

Image Credit: https://itnext.io/top-3-web-3-0-architecture-layers-explained-frontend-backend-and-data-e10200f7fc76

In Web3, the Front-End developer also needs to consider how the website can interact with the blockchain and smart contracts. The current stage is still in development, it is simply to connect the wallet in most of the development phase.

Front-End Roadmap

To learn more about Front-End, the roadmap helps you to explore some of the tools and skills you want to learn. However, do not limit yourself within those roadmaps.

Front-End Learning Resources

There are many free resources to learn Front-End nowadays, try to explore them and find out what best fits your learning style.

Front-End Skills

Here is an example of a way to learn Front-End fast. However, the industry is changing rapidly, some of the skills will be outdated and many more new skills will need to be learned.

In Conclusion

Now you have learned Front-End. Try to explore your own path about how to learn Front-End effectively.

Keep learning.


Follow me here

Photo by Christoph Peich on Unsplash

Disclosure: The article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matter. You should not believe any words this author wrote or you may experience similar symptoms or even possibly become a nut job.

Resource

https://frontendmasters.com/guides/front-end-handbook/2018/what-is-a-FD.html

https://www.ideamotive.co/blog/difference-between-ux-and-ui-designer-and-front-end-developer

https://www.uxforthemasses.com/ux-deliverables-are-dead/

https://itnext.io/top-3-web-3-0-architecture-layers-explained-frontend-backend-and-data-e10200f7fc76

https://www.youtube.com/watch?v=GJ8jidDdWVg

https://www.youtube.com/watch?v=-_X6PhkjpzU