Part 1

1.1 No Framework

This first part comprises two introductory chapters. The first chapter offers a high-level overview of frontend frameworks, providing a foundational understanding without delving into specifics.

In the second chapter, you’ll embark on a hands-on journey to create a TODO application using vanilla JavaScript—no framework assistance. If you’ve never experienced building an interactive frontend application without a framework, this exercise will provide insight into the intricacies of connecting the DOM and JavaScript code manually. You’ll also appreciate the challenge of programmatically modifying the DOM whenever the application’s state changes.

The essence of a framework lies in automating these tasks, allowing you to concentrate on your application’s logic. By mastering the manual process, you’ll gain a deeper appreciation of the indispensable role a framework plays in your development workflow.