کتاب Build a Frontend Web Framework

کتاب Build a Frontend Web Framework (From Scratch) (ساخت چارچوب وب فرانت اند (از ابتدا)) شما اسرار فریمورک‌هایی از جمله React، Vue و Angular را خواهید آموخت، علاوه بر آن نکاتی همچون:

• اسناد HTML را به صورت برنامه‌نویسی ایجاد کنید
• نما را با DOM مجازی تعریف کنید
• HTML را با الگوریتم‌های آشتی به طور مؤثر به روز کنید
• مکانیزم‌های ارتباطی دو طرفه بین اجزا در یک سلسله مراتب ایجاد کنید

نیز به شما در قالب 3 بخش مختلف آموزش داده می‌شود.

در ادامه مقدمه‌ای از کتاب Build a Frontend Web Framework را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Build a Frontend Web Framework:

ساخت چارچوب وب فرانت‌اند (از ابتدا) یک راهنمای عملی است که طراحی شده است تا شما را در ایجاد چارچوب ظاهری خود راهنمایی کند، و ابزار‌هایی را که به طور معمول در زندگی حرفه‌ای خود استفاده می‌کنید منعکس می‌کند. هدف اصلی من پرده‌برداری از عملکرد درونی فریمورک‌ها است که به شما امکان می‌دهد قدرت آن‌ها را به طور مؤثرتری مهار کنید. اما این کتاب فقط در مورد آموزش نیست. این همچنین در مورد لذت بردن در سفر است!

فریم ورک‌های فرانت‌اند قطعات نرم‌افزاری پیچیده‌ای هستند و این کتاب با در نظر گرفتن یادگیری شما ساخته شده است. هر مفهوم به طور روشمند به بخش‌هایی قابل هضم تجزیه می‌شود که با نمودار‌ها و توضیحات جامع تکمیل می‌شود. هدف من این است که شما را با همه چیز‌هایی که برای ساخت چارچوب خود نیاز دارید، مجهز کنم.
چه کسی باید این کتاب را بخواند

ممکن است شما یک توسعه‌دهنده فرانت‌اند (در هر سطحی از ارشدیت) باشید که به اندازه کافی کنجکاو باشید که بخواهید بفهمید ابزاری که هر روز استفاده می‌کنند چگونه کار می‌کند. یا ممکن است شما یک علاقه‌مند به برنامه‌نویسی باشید که می‌خواهید چند تعطیلات آخر هفته را با استفاده از جاوا اسکریپت برای کدنویسی یک فریم ورک فرانت‌اند برای سرگرمی و البته برای تجربه یادگیری بگذرانید.

کتاب Build a Frontend Web Framework فرض می‌کند که شما یک درک اولیه از جاوا اسکریپت و HTML و همچنین تجربه کمی با فریم‌ورک‌های فرانت‌اند دارید. برای موضوعاتی که کمی پیشرفته‌تر هستند، پیوند‌هایی به منابع خارجی اضافه کرده‌ام که می‌توانید در مورد آن‌ها بیشتر بدانید و همچنین توضیحات دقیق‌تری را در اختیار شما قرار داده‌ام. این کتاب به گونه‌ای نوشته شده است که توسعه‌دهندگان در تمام سطوح تجربه باید بتوانند آن را دنبال کنند.

نحوه سازماندهی کتاب Build a Frontend Web Framework: نقشه راه

این کتاب به سه بخش تقسیم شده است. بخش ۱ فریم ورک‌های فرانت‌اند را معرفی می‌کند و به شما نشان می‌دهد که چگونه یک برنامه کاربردی ساده را با استفاده از جاوا اسکریپت وانیلی کدنویسی کنید.

 فصل ۱ کتاب Build a Frontend Web Framework، نحوه کار فریم ورک‌های فرانت‌اند از ۳۰۰۰۰ فوت را پوشش می‌دهد.

 فصل ۲ کتاب Build a Frontend Web Framework، برنامه کاربردی را که در سراسر کتاب بازنویسی خواهید کرد، معرفی می‌کند. در این فصل، شما با کدنویسی برنامه با جاوا اسکریپت وانیلی شروع می‌کنید.

بخش ۲ به شما می‌آموزد که چگونه ساده‌ترین فریم ورک فرانت‌اند ممکن را ایجاد کنید که کامپوننت‌ها را رندر می‌کند و وضعیت برنامه را مدیریت می‌کند.

 در فصل ۳ DOM مجازی چیست و چگونه کار می‌کند. در این فصل، شما تابع h() را برای ایجاد گره‌های DOM مجازی پیاده‌سازی می‌کنید.

 فصل ۴ کتاب Build a Frontend Web Framework، نحوه ارائه DOM مجازی به DOM واقعی، ایجاد عناصر HTML و الحاق آن‌ها به سند مرورگر را پوشش می‌دهد. شما تابع mountDOM() را برای این کار پیاده‌سازی می‌کنید، و زمانی که کامپوننت خارج می‌شود، برای حذف عناصر از DOM استفاده می‌کنید.

 فصل ۵ کتاب Build a Frontend Web Framework، به شما نشان می‌دهد که چگونه یک سیستم مدیریت حالت ساده را پیاده‌سازی کنید که در صورت تغییر وضعیت برنامه، DOM را به روز می‌کند.

 فصل ۶ کتاب Build a Frontend Web Framework، نحوه بسته‌بندی و انتشار اولین نسخه چارچوب خود را در NPM توضیح می‌دهد.

 فصل ۷ بخش اول الگوریتم تطبیق را پوشش می‌دهد، دو درخت DOM مجازی را با هم مقایسه می‌کند تا بفهمد چه تغییراتی باید در DOM واقعی انجام شود تا با DOM مجازی مطابقت داشته باشد.

 فصل ۸ کتاب Build a Frontend Web Framework، بخش دوم الگوریتم آشتی را پوشش می‌دهد، DOM واقعی را به روز می‌کند تا با DOM مجازی مطابقت داشته باشد. در این فصل، تابع updateDOM() را برای اعمال تغییرات در DOM واقعی پیاده‌سازی می‌کنید.

در قسمت ۳، اجزاء را قادر می‌سازید که حالت خودشان را مدیریت کنند، با سایر مؤلفه‌ها ارتباط برقرار کنند و کد را به عنوان بخشی از چرخه عمرشان اجرا کنند (زمانی که از DOM سوار و خارج می‌شوند).

 فصل ۹ نحوه تعریف مؤلفه‌هایی را توضیح می‌دهد که وضعیت خود را مدیریت می‌کنند و خود را به DOM ارائه می‌کنند. شما تابع defineComponent() را برای ایجاد نمونه‌های اولیه کامپوننت پیاده‌سازی می‌کنید.

 فصل ۱۰ چگونگی پیاده‌سازی مؤلفه‌ها را در روش‌های نمونه اولیه پوشش می‌دهد.

 فصل ۱۱ به این موضوع می‌پردازد که چگونه اجزا می‌توانند اجزای دیگر را در نمای خود قرار دهند و چگونه با یکدیگر ارتباط برقرار می‌کنند.

 فصل ۱۲ نشان می‌دهد که چرا استفاده از یک‌شناسه منحصربه‌فرد هنگام رندر کردن لیست اجزا و نحوه تغییر الگوریتم تطبیق برای استفاده از نکاتی که عملکرد را بهبود می‌بخشد بسیار مهم است.

 فصل ۱۳ چگونگی اجرای کد ناهمزمان در مرورگر را تجزیه و تحلیل می‌کند و از آن دانش برای ایجاد یک زمان‌بندی استفاده می‌کند که روش‌های چرخه حیات جزء را اجرا می‌کند (همچنین به عنوان قلاب نیز شناخته می‌شود).

فصل ۱۴ نحوه تست مؤلفه‌های نوشته شده با فریمورک خود را نشان می‌دهد، به ویژه آن‌هایی که از کد ناهمزمان استفاده می‌کنند.

 ضمیمه A پیکربندی پروژه NPM را پوشش می‌دهد که در آن کد را برای چارچوب خود می‌نویسید. من به شما نشان می‌دهم که چگونه آن را خودتان تنظیم کنید، اما می‌توانید از یک ابزار رابط خط فرمان که من ایجاد کردم برای داربست پروژه استفاده کنید. برخی از فصل‌های اضافی در کتاب نمی‌گنجید. این مطالب اضافی را در بخش ویکی مخزن GitHub کتاب پیدا خواهید کرد: http://mng. bz/gvYe.

موضوعات موجود در آن بخش، موضوعات پیشرفته‌ای هستند که ممکن است بخواهید برای ادامه بهبود چارچوب خود بررسی کنید. فصل‌های اضافی موضوعاتی مانند ایجاد اسلات برای درج محتوای خارجی در مؤلفه‌ها، ایجاد روتر برنامه تک صفحه‌ای و نوشتن یک کامپایلر قالب برای تبدیل قالب‌های HTML به توابع رندر برای مؤلفه‌های شما را پوشش می‌دهد. وقتی فصل‌های این کتاب را تمام کردید، بدانید که مطالب بیشتری در انتظار شماست تا به شما در ادامه یادگیری کمک کند.

سرفصل‌های کتاب Build a Frontend Web Framework:

• Build a Frontend Web Framework (From Scratch)
• contents
• preface
• acknowledgments
• about this book
• about the author
• about the cover illustration
• Part 1-No framework
  • 1 Are frontend frameworks magic to you?
  • 2 Vanilla JavaScript- like in the old days
• Part 2-A basic framework
  • 3 Rendering and the virtual DOM
  • 4 Mounting and destroying the virtual DOM
  • 5 State management and the application’s lifecycle
  • 6 Publishing and using your framework’s first version
  • 7 The reconciliation algorithm: Diffing virtual trees
  • 8 The reconciliation algorithm: Patching the DOM
• Part 3-Improving the framework
  • 9 Stateful components
  • 10 Component methods
  • 11 Subcomponents: Communication via props and events
  • 12 Keyed lists
  • 13 The component lifecycle hooks and the scheduler
  • 14 Testing asynchronous components
  • appendix-Setting up the project
  • A.1 Where to find the source code
  • A.2 Solutions to the exercises
  • A.3 Advanced topics
  • A.4 Note on the technologies used
  • A.5 Read the docs
  • A.6 Structure of the project
  • A.7 Finding a name for your framework
  • A.8 Option A: Using the CLI tool
  • A.9 Option B: Configuring the project from scratch
  • A.10 Publishing your framework to NPM
  • A.11 Using a CDN to import the framework
• index

جهت دانلود کتاب Build a Frontend Web Framework می‌توانید پس از پرداخت، دریافت کنید.