diff --git a/docs/en/tutorials/book-store/part-09.md b/docs/en/tutorials/book-store/part-09.md
index c42dd22d8a..d1c446bc3f 100644
--- a/docs/en/tutorials/book-store/part-09.md
+++ b/docs/en/tutorials/book-store/part-09.md
@@ -677,6 +677,10 @@ export class AuthorComponent implements OnInit {
         this.selectedAuthor.birthDate ? new Date(this.selectedAuthor.birthDate) : null,
         Validators.required,
       ],
+      shortBio: [
+        this.selectedAuthor.shortBio ? this.selectedAuthor.shortBio : null,
+        Validators.required,
+      ],
     });
   }
 
@@ -768,6 +772,7 @@ Open the `/src/app/author/author.component.html` and replace the content as belo
           {%{{{ row.birthDate | date }}}%}
         </ng-template>
       </ngx-datatable-column>
+      <ngx-datatable-column [name]="'::ShortBio' | abpLocalization" prop="shortBio"></ngx-datatable-column>
     </ngx-datatable>
   </div>
 </div>
@@ -795,6 +800,10 @@ Open the `/src/app/author/author.component.html` and replace the content as belo
           (click)="datepicker.toggle()"
         />
       </div>
+      <div class="form-group">
+        <label for="author-short-bio">{%{{{ '::Short Bio' | abpLocalization }}}%}</label><span> * </span>
+        <textarea id="author-short-bio" class="form-control" formControlName="shortBio" rows="12"></textarea>
+      </div>
     </form>
   </ng-template>