filmov
tv
Build REAL Frontends With JavaScript (LEVEL 2) - Adopting a Data-Centric Approach | CoderComplete
Показать описание
Build REAL Frontends With JavaScript (LEVEL 2) - Adopting a Data-Centric Approach
00:00:00 - Intro
00:00:45 - The problem now
00:01:28 - The premise
00:08:21 - From data to UI
00:17:45 - Application state intro
00:21:34 - Theme state approach
00:29:10 - Todos state approach
01:01:56 - Filters state approach
01:15:47 - Benefits recap
01:18:09 - Closing comments
Welcome back to our "Build Real Frontends With JavaScript" series! In Part 2, we dive into the "right approach" for developing applications: adopting a data-centric methodology. If you've followed along with Part 1, where we turned a UI design into a functional Todo app using HTML, CSS, and JavaScript, you're in the perfect spot to elevate your skills further.
What's Inside Part 2?
* Data-Centric Development: Discover why structuring your projects around data leads to more efficient, maintainable, and scalable applications.
* Refactoring Our Todo App: We'll revisit our Todo app from Part 1, applying data-centric principles to enhance its functionality and code quality.
* Tips & Best Practices: Along the way, we'll share essential tips and best practices for professional frontend development.
Why Watch This Video?
* Elevate Your Coding Skills: Transition from a beginner to a more confident developer with a solid understanding of data-centric principles.
* Real-World Application: Apply what you learn in real projects, making your journey into web development as practical as it gets.
* Step-by-Step Guidance: Just like in Part 1, we'll guide you through each concept and code snippet, ensuring you can follow along and understand the why behind each step.
Join Our Community
* Don't forget to subscribe for more tutorials that take you from basic concepts to building real-world projects.
Let's continue our journey to building real frontends with JavaScript, transforming our coding skills from the ground up. Ready to make your applications more efficient and powerful? Let's dive in!
#JavaScript #WebDevelopment #CodingTutorial #DataCentric #FrontendDevelopment
00:00:00 - Intro
00:00:45 - The problem now
00:01:28 - The premise
00:08:21 - From data to UI
00:17:45 - Application state intro
00:21:34 - Theme state approach
00:29:10 - Todos state approach
01:01:56 - Filters state approach
01:15:47 - Benefits recap
01:18:09 - Closing comments
Welcome back to our "Build Real Frontends With JavaScript" series! In Part 2, we dive into the "right approach" for developing applications: adopting a data-centric methodology. If you've followed along with Part 1, where we turned a UI design into a functional Todo app using HTML, CSS, and JavaScript, you're in the perfect spot to elevate your skills further.
What's Inside Part 2?
* Data-Centric Development: Discover why structuring your projects around data leads to more efficient, maintainable, and scalable applications.
* Refactoring Our Todo App: We'll revisit our Todo app from Part 1, applying data-centric principles to enhance its functionality and code quality.
* Tips & Best Practices: Along the way, we'll share essential tips and best practices for professional frontend development.
Why Watch This Video?
* Elevate Your Coding Skills: Transition from a beginner to a more confident developer with a solid understanding of data-centric principles.
* Real-World Application: Apply what you learn in real projects, making your journey into web development as practical as it gets.
* Step-by-Step Guidance: Just like in Part 1, we'll guide you through each concept and code snippet, ensuring you can follow along and understand the why behind each step.
Join Our Community
* Don't forget to subscribe for more tutorials that take you from basic concepts to building real-world projects.
Let's continue our journey to building real frontends with JavaScript, transforming our coding skills from the ground up. Ready to make your applications more efficient and powerful? Let's dive in!
#JavaScript #WebDevelopment #CodingTutorial #DataCentric #FrontendDevelopment
0:00:05
0:10:11
0:00:49
0:00:26
0:00:16
0:00:50
0:00:11
0:00:21
0:00:57
0:16:17
0:00:56
0:15:33
0:20:38
0:00:28
0:00:30
0:19:24
0:00:12
0:20:33
0:21:40
0:20:19
0:43:30
0:00:23
0:21:58
0:00:13