Modern frontend development is the art of building the digital bridge between users and technology, and mastering it requires more than just code. It requires not only technical expertise in UI/UX principles and web technologies, but a deep understanding of the psychological mechanisms that determine whether users engage with or leave the screens we build.
This book bridges the gap between design and development through a structured approach. Readers will explore the psychology that governs human perception, understanding the cognitive mechanisms behind user engagement. It covers UI/UX principles, design fundamentals, and accessibility standards, equipping readers to craft intuitive and engaging user experiences grounded in psychological insight. It will build a solid foundation in HTML, CSS, and JavaScript, enabling you to create responsive, dynamic web applications. It covers the essential building blocks of modern web development and helps implement contemporary JavaScript techniques. The final section addresses concrete implementation with the most popular frontend frameworks, Blazor, React, and Angular.
By the end of this book, readers will be equipped to build interactive, scalable, and user-friendly web experiences that stand out in today's competitive digital landscape, combining psychological understanding with technical proficiency.
WHAT YOU WILL LEARN
● Master UI/UX principles and user psychology to design intuitive and engaging web experiences.
● Build responsive web apps using HTML, CSS, JavaScript, and Blazor.
● Enhance interactivity with DOM manipulation and real-time communication.
● Understand how SignalR works between the frontend and the backend.
● Develop scalable applications with best practices in modern web development.
WHO THIS BOOK IS FOR
The ideal reader is a .NET developer with backend experience, proficient in C#, ASP.NET, and server-side architectures, but aiming to become a full-stack developer. Ideal for those transitioning to full-stack roles, and for those who want experience in server-side architecture to master HTML, CSS, JavaScript, and modern frontend framework integration.
TABLE OF CONTENTS
1. The Role of UI/UX
2. Psychology of User Interaction
3. Design Principles
4. Accessibility
5. Best Practices for Frontend Development
6. Fundamentals of HTML and CSS
7. Responsive Design
8. Design Systems
9. JavaScript
10. DOM Manipulation
11. Frontend with Blazor
12. React for .NET Developers
13. Angular for .NET Developers
14. UX Metrics and Analysis
15. Communication Between Frontend and Backend
16. Frontend Testing
