Rating 4.5 out of 5 (5 ratings in Udemy)
What you'll learn- Working with HTML, CSS, JavaScript, and the Document Object Model (DOM)
- Build simple toggle components from scratch: switches, toggles, and dismissibles
- Build advanced toggle components from scratch: tabs, accordions, dropdown menus, and modal dialogs
- Build complex components from scratch: keyboard-enabled sortables, touch-enabled sliders, and to-do lists
- Advanced interaction: drag and drop, touch gestures, keyboard interaction, …
Rating 4.5 out of 5 (5 ratings in Udemy)
What you'll learn- Working with HTML, CSS, JavaScript, and the Document Object Model (DOM)
- Build simple toggle components from scratch: switches, toggles, and dismissibles
- Build advanced toggle components from scratch: tabs, accordions, dropdown menus, and modal dialogs
- Build complex components from scratch: keyboard-enabled sortables, touch-enabled sliders, and to-do lists
- Advanced interaction: drag and drop, touch gestures, keyboard interaction, and focus trapping
- CSS and SCSS: stateful presentation, transitions, and keyframe animations
- ARIA attributes, ARIA “live” content, and accessible screen reader design
- Working with popular reactive frameworks like Vue JS
- Working with popular UI frameworks like Bulma
DescriptionIn Web Interaction for Everyone, we use practical real-world scenarios to demonstrate fundamental web interaction development techniques. Upon completion, you’ll have built an entire library of awesome web components from scratch using pure HTML, CSS, and JavaScript. This fast-paced and fun course begins with building simple switches, toggles, tabs, and accordions. As the building blocks of a great web interaction take hold, we craft more complex interactions like dropdown menus, modal dialogs, sortables, and touch-enabled sliders. Finally, we dive into reactive interfaces and discover how frameworks like Vue.js and React can be used to abstract the tedium of state management in larger applications.
