Chapter 1: Required SkillsWhat You’ll Learn in This Course5 minsA Brief History of Gutenberg Block Editor5 minsBlock Types That Come Out of the Box5 minsWhat Is a Block From a Developer’s Point of View2 minsPrerequisites and Technical Requirements3 minsChapter 2: Set Up the Development EnvironmentInstall Node.js and Npm3 minsSetting Up a Block Plugin With @wordpress/create-block3 minsChapter 3: Set Up a Starter Block PluginHow to Use the Official Create Block Command-Line Tool3 minsThe Plugin File and the block.json File6 minsThe src Folder (edit.js, save.js, editor.scss, and style.scss)3 minsThe node_modules and build Folders3 minsChapter 4: The Project: Your First Gutenberg BlockInstalling the Block Plugin6 minsUsing Built-In Components: The RichText Component6 minsAdding Controls to the Block Toolbar5 minsCustomizing The Block Settings Sidebar5 minsAdding and Customizing an External Link5 minsAdding Multiple Block Styles3 minsChapter 5: Fine Tuning the BlockNesting Blocks With the InnerBlocks Component4 minsAdditional Improvements4 minsNext Steps1 min Play videoPreviousNextThe src folder is the development folder where you'll spend most of your coding time. Learn the importance and functions of different files inside src folder to get started with building a Gutenberg block.ResourcesA Closer Look at the Create Block Dev-Tool