Front-end development is the aspect of web development that involves building user-friendly, dynamic and intuitive interfaces. A front-end developer is primarily concerned about the interface design that the user interacts with and the user’s experie...

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

Front-end development involves building user-friendly interfaces, and developers often face the dilemma of choosing between a design-first or a logic-first approach. The design-first approach prioritizes visual elements and user experience, while the logic-first approach focuses on core functionalities and data architecture. A hybrid approach combines the strengths of both methods, promoting parallel development and enhancing communication between design and logic teams. The best approach depends on the project type, target market, and team preference.

Design-first VS Logic-first Approach – How Should You Start Your Front-end Projects?

I’m doing it all wrong because I usually cry first.

For me it’s always design first.

There is no real logic discussion without some sort of design… let’s be honest.

I usually do logic first in reference alongside wireframes, once logic is working fine, and dive deeper into the design part.