Вкладені сторінки

Вкладена сторінка — це сторінка, розміщена під іншою сторінкою.

Верхню сторінку зазвичай називають батьківською. Сторінки під нею називають дочірніми. Дочірні також можуть мати власних нащадків, утворюючи дерево сторінок.

Приклад структури:

• JavaScript
• Closures
• Promises
• Event loop
• Modules

«JavaScript» може бути оглядовою сторінкою, а кожна дочірня сторінка пояснює окрему тему.

Вкладені сторінки допомагають, коли тема вже не вміщується в одну сторінку.

• тримати великі теми керованими
• легше переглядати нотатки
• розділяти широкі концепції та деталі
• уникати однієї величезної сторінки з нерелевантними розділами
• краще визначати обсяг повторення
• швидше повертатися до старих нотаток

Вкладеність не має ускладнювати робочий простір. Вона має робити інформацію зрозумілішою.

Батьківська сторінка зазвичай добре працює як огляд теми й контейнер для дочірніх сторінок.

Вона може містити власні нотатки, резюме, посилання на дочірні, вбудовані посилання на дочірні сторінки та ключові ідеї. Вона не обов’язково має містити кожну деталь.

Це може бути звичайна довідкова сторінка або навчальна, якщо ви хочете повторювати огляд.

Батьківська сторінка «React» може містити:

• що таке React
• основну модель мислення
• посилання на дочірні сторінки
• короткий чеклист важливих концепцій

Дочірня сторінка зазвичай зосереджується на одній підтемі.

Вона може мати власні нотатки, приклади, посилання та необов’язкові питання. Вона може стати навчальною незалежно від батьківської. Вона має бути зрозумілою, навіть якщо відкрити її окремо.

Під «React» дочірні сторінки можуть бути:

• Components
• Props
• State
• Effects
• Rendering

Вкладеність і навчання — окремі концепції.

Дочірня сторінка не стає навчальною автоматично лише тому, що навчальною є батьківська. Батьківська не стає навчальною лише тому, що одна дочірня — навчальна.

Навчання варто вмикати лише для сторінок, які ви хочете активно запам’ятовувати. Кожна навчальна сторінка має власну поведінку повторення та власну дату повторення.

Вкладена структура також робить сесії вибраної області корисними. Можна почати сесію з вибраної гілки та повторювати навчальні сторінки в межах цієї гілки.

Питання належать сторінці, для якої їх створено.

Батьківська сторінка може мати оглядові питання, а дочірня — конкретніші. Питання не замінюють ієрархію сторінок.

Питання — необов’язкові підказки, а не окрема обов’язкова колода карток. Див. Питання докладніше.

Батьківська «JavaScript» може запитувати: «Які основні області JavaScript потрібно розуміти?»

Дочірня «Event loop» може запитувати: «У чому різниця між call stack і task queue?»

Створюйте дочірню сторінку, коли:

• розділ стає занадто великим
• підтема потребує власних прикладів
• підтему варто повторювати окремо
• підтема належить до ширшої концепції
• поточну сторінку важко переглядати
• тема достатньо важлива, щоб існувати окремо

Сторінки можна реорганізовувати перетягуванням у дереві або переміщенням під іншу батьківську сторінку.

Yuhimo зберігає дерево коректним. Сторінку не можна перемістити всередину самої себе. Її також не можна перемістити в одного з власних нащадків — це створило б цикл.

Під час переміщення Yuhimo оновлює зв’язки між батьківськими й дочірніми сторінками і намагається узгодити вбудовані посилання на дочірні сторінки у вмісті батьківської сторінки з деревом.

Коли сторінку переміщують у кошик, вбудовані посилання на неї зазвичай видаляються з вмісту батьківської сторінки, щоб не залишалися зламані вставки. Див. Кошик і відновлення.

Якщо переміщення заблоковано, зазвичай ви намагаєтеся розмістити сторінку в самій собі або у власному піддереві. Див. Інші типові проблеми.

Уникайте вкладеності, коли:

• вміст займає лише кілька рядків
• дочірня сторінка втратить необхідний контекст
• структура ускладнює перегляд більше, ніж допомагає
• ви створюєте ієрархію лише заради вигляду
• тема тимчасова або недостатньо важлива

Надто мало структури створює безладні сторінки. Надто багато — фрагментує знання.

Приклад 1:

• Frontend fundamentals
• HTML
• CSS
• JavaScript
• Browser rendering

Приклад 2:

• Biology
• Cell structure
• DNA
• Protein synthesis
• Evolution

Приклад 3:

• Work project
• Product requirements
• UI decisions
• Technical notes
• Meeting notes

Різні сценарії можуть мати різну глибину вкладеності. Обирайте структуру, за якої кожна сторінка залишається корисною сама по собі.

• перетворення кожного абзацу на окрему сторінку
• розміщення нерелевантних тем під одним батьком
• автоматичне увімкнення навчання для кожної сторінки
• створення дочірніх сторінок, які незрозумілі без батьківської
• використання вкладеності замість написання чіткого резюме
• покладання тільки на посилання без ключових висновків

Сторінки — основна одиниця нотаток і структури.

Як працюють навчальні сторінки — коли сторінка входить у систему повторень.

Питання — необов’язкові підказки, пов’язані зі сторінкою.

Повторення вибраної області — повторення вибраної гілки або теми.

Увімкнення навчання — увімкніть планування повторень для сторінки.

Кошик і відновлення — видалення та відновлення піддерева.

Інші типові проблеми — вирішення проблем із переміщенням і пошуком.

Видалення батьківської переміщує все піддерево в кошик. Кожну дочірню сторінку не потрібно видаляти окремо.

Відновлення батьківської відновлює піддерево, коли це можливо, і зберігає ієрархію коректною. Якщо початкове розташування батьківської сторінки недоступне, Yuhimo розміщує відновлені сторінки у безпечному коректному місці.

Структура піддерева також важлива для сесій вибраної області: сесія, розпочата з гілки, повторює навчальні сторінки в межах цієї гілки, а не весь робочий простір.

Див. Кошик і відновлення — термін зберігання, відновлення й остаточне видалення.

Повторення вибраної області — зосереджене повторення в межах гілки.

Пошук Yuhimo допомагає перейти до сторінок, зіставляючи запит із назвами та вмістом. Це пошук у робочому просторі, а не семантичний пошук ШІ.

Пошук найкраще працює з конкретними словами з назви або вмісту. Дуже загальні слова (наприклад, «the» або «and») зазвичай ігноруються. Змістовні пошукові слова зазвичай мають щонайменше три символи.

Якщо пошук не знаходить сторінку, перевірте назву, чи сторінка не в кошику, і чи достатньо конкретний запит. Див. Інші типові проблеми.

Чи дочірні сторінки — звичайні сторінки?

Так. Дочірня сторінка — звичайна сторінка Yuhimo. Вона може містити нотатки, посилання, таблиці, питання та може мати або не мати ввімкнене навчання.

Чи дочірня сторінка автоматично стає навчальною?

Ні. Навчання потрібно ввімкнути для самої сторінки.

Чи можуть батьківська й дочірня бути навчальними?

Так, якщо навчання увімкнено для обох. Вони мають відповідати різним цілям повторення: батьківська як огляд, дочірня як конкретна тема.

Чи варто створювати дочірню для кожної дрібної ідеї?

Ні. Створюйте дочірні, коли це покращує ясність, структуру або поведінку повторення. Дуже малі ідеї часто краще тримати на наявній сторінці.

Питання належать батьківській чи дочірній сторінці?

Питання належать сторінці, де їх створено. Оглядові питання зазвичай підходять для батьківських сторінок, а конкретні — для дочірніх.

Чи вкладені сторінки допомагають сесіям повторення вибраної області?

Так. Повторення вибраної області дозволяє повторювати навчальні сторінки у вибраній гілці, тож вкладена структура корисна для зосередженого навчання.

Чому не можу перемістити сторінку під одну з дочірніх?

Це створило б цикл у дереві сторінок. Yuhimo блокує переміщення у себе або у власних нащадків.

Чи видалення батьківської видаляє лише її?

Ні. Усе піддерево переміщується в кошик разом із батьківською.