使用 JavaScript 构建网站交互性
上次更新时间：2024-09-27
课程售价: 2.9 元
联系右侧微信客服充值或购买课程
课程内容
01 - Introduction
02 - 1. Tools and Workflow
03 - 2. Toggling Password Visibility
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
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
课程内容
8个章节 , 44个讲座
01 - Introduction
02 - 1. Tools and Workflow
03 - 2. Toggling Password Visibility
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
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