Modern JavaScript

[jonathanbossenger]

Details

• Content type (Online Workshop, Lesson, Course, Tutorial, or Lesson Plan): Lesson
• Content title: Modern JavaScript practices
• Topic description: Introduce more modern JavaScript practices in WordPress like ESNext, JSX, webpack, wp-scripts, let, const, destructuring assignment, and arrow functions.
• Audience (User, Developer, Designer, Contributor, etc.): Developer

• Experience Level (Beginner, Intermediate, Advanced, Any):

  Prerequisites

  It is assumed that the learner has already completed the following lessons:

  • Beginner WordPress developer
  • Modules 1 - 4
  • Module 5: WordPress Hooks
  • Module 6: An introduction to developing WordPress plugins
  • Module 7: An introduction to developing WordPress blocks

    Learning Objectives

• Identify the difference between JavaScript, ESNext, and JSX
• Explain the use of tools like webpack and Babel
• Explain the use of wp-scripts to implement a build process
• Summarise modern JavaScript practices for defining variables, object and functions

  Related Resources and Other Notes

• https://developer.wordpress.org/block-editor/getting-started/fundamentals/javascript-in-the-block-editor/
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/JavaScript_technologies_overview#standardization_process

  Automation Code