Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fundamentals block development - landing and first pages #56584

Merged
merged 11 commits into from
Nov 28, 2023
21 changes: 21 additions & 0 deletions docs/getting-started/fundamentals-block-development/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# Fundamentals of Block Development

This section provides an introduction to the most important concepts in Block Development.

In this section you will learn:

1. [**File structure of a block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals-block-development/file-structure-of-a-block) - The purpose of each one of the types of files available for a block, the relationships between them and their role in the output of the block
<!--
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am not sure we should include commented-out sections.

2. [**`block.json`**](#) - How a block is defined using its `block.json` metadata and learn about some relevant properties of this file.
-->
1. [**Registration of a block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals-block-development/registration-of-a-block) - How a block is registered in both the server and client
<!--
4. [**Storing data in block's attributes**](#) - How attributes are the native way for blocks to store data in them and the format they're stored in the DB.
5. [**The block in the editor**](#) - How is defined the display and behaviour of the block in the editor from a developer's perspective.
6. [**Using built-in components**](#) - How to use some common built-in components in Block Development
7. [**Static or Dynamic rendering of a block**](#) - How blocks can have static (save time) or dynamic (request time) render for the frontend.
8. [**Markup's representation of a block**](#) - How a block is represented in the DB using a specific HTML grammar.
9. [**Styling blocks**](#) - The different methods available to define the styles of a block.
10. [**Lifecycle of the block**](#) - The different cycles a block is involved in (load, save, update, render) and the different formats representing the block in these cycles.
-->
1. [**Javascript in the Block Editor**](https://developer.wordpress.org/block-editor/getting-started/fundamentals-block-development/javascript-in-the-block-editor) - How to work with Javascript for the Block editor.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Minor, but some lines end in a period and some don't.

20 changes: 0 additions & 20 deletions docs/how-to-guides/javascript/README.md

This file was deleted.

123 changes: 0 additions & 123 deletions docs/how-to-guides/javascript/esnext-js.md

This file was deleted.

64 changes: 0 additions & 64 deletions docs/how-to-guides/javascript/extending-the-block-editor.md

This file was deleted.

Loading
Loading