使用 JavaScript 构建网站交互性
- 01 - Introduction
- 01 - JavaScript was made for interactivity
- 02 - What you should know
- 03 - Exercise files and Codespaces
- 02 - 1. Tools and Workflow
- 01 - Using JavaScript responsibly
- 02 - Finding a good editor or IDE
- 03 - Using a debugger with Codespaces
- 03 - 2. Toggling Password Visibility
- 01 - Understanding an accessible sign in form
- 02 - Toggling the password via type change
- 03 - Using data attributes for dynamic labeling
- 04 - Syncing and swapping with a text field
- 05 - Challenge Sign up form with confirmation of password
- 06 - Solution Sign up form with confirmation of password
- 04 - 3. Accessible, Dismissible Dialogs
- 01 - Reviewing a page to fulfill a design brief
- 02 - Displaying modal information the old way
- 03 - Displaying modal information the modern way
- 04 - Handling multiple dialogs with event delegation
- 05 - Making a dialog dismissible by backdrop
- 06 - Adding a timer for self dismissal
- 07 - Challenge Displaying messages with dialog elements
- 08 - Solution Displaying messages with dialog elements
- 05 - 4. Sorting Table Data
- 01 - Exploring an accessible data table
- 02 - Collecting table data for sorting
- 03 - Sorting arrays in JavaScript
- 04 - Writing a custom sort function
- 05 - Updating the HTML table with sorted data
- 06 - Writing a custom numerical sort function
- 07 - Challenge Sorting a table of books
- 08 - Solution Sorting a table of books
- 06 - 5. Accessible Web Components
- 01 - An overview of modern web component techniques
- 02 - Creating a USA street address element
- 03 - Adding JavaScript to the custom element
- 04 - Refactoring a previous example as a custom element
- 05 - Challenge Cart line item component
- 06 - Solution Cart line item component
- 07 - 6. Starting to Build a Game
- 01 - Inspecting the game prototype
- 02 - Implementing basic interaction Click to add
- 03 - Reversing the interaction Click to remove
- 04 - Supporting the keyboard in the game
- 05 - Allowing tiles to be dragged
- 06 - Allowing tiles to be dropped
- 07 - Adding animation to make interactions smoother
- 08 - Challenge Finalizing the basic gameplay
- 09 - Solution Finalizing the basic gameplay
- 08 - Conclusion
- 01 - Next steps