UD4 - DOM manipulation and events
Como referencia de para esta unidad se ha tomado el material de "The Modern JavaScript Tutorial". En concreto los siguientes apartados del mismo:
- Browser environment, specs
- DOM tree
- Walking the DOM
- Searching: getElement, querySelector
- Node properties: type, tag and contents
- Attributes and properties
- Modifying the document
- Styles and classes
- Element size and scrolling
- Window sizes and scrolling
- Coordinates
- Introduction to browser events
- Bubbling and capturing
- Event delegation
- Browser default actions
- Dispatching custom events
- Mouse events
- Moving the mouse: mouseover/out, mouseenter/leave
- Drag'n'Drop with mouse events
- Pointer events
- Keyboard: keydown and keyup
- Scrolling
- Form properties and methods
- Focusing: focus/blur
- Events: change, input, cut, copy, paste
- Forms: event and method submit
- Page: DOMContentLoaded, load, beforeunload, unload, beforeunload, unload
- Scripts: async, defer
- Resource loading: onload and onerror
- Cookies, document.cookie
- LocalStorage, sessionStorage
- IndexedDB
- Error handling, "try...catch"
- Custom errors, extending Error
- Introduction: callbacks
- Promise
- Promises chaining
- Error handling with promises
- Promise API
- Promisification
- Async/await
- Fetch
- FormData
- Fetch: Download progress
- Fetch: Abort
- Fetch: Cross-Origin Requests
- Fetch API
- URL objects
- XMLHttpRequest
Material de refuerzo y ampliación
Se recomienda la realización de los siguientes cursos de la certificación algoritmos de javascript y estructuras de datos de freeCodeCamp.
- Learn Form Validation by Building a Calorie Counter
- Learn Regular Expressions by Building a Spam Filter
- Review DOM Manipulation by Building a Rock, Paper, Scissors Game
- Learn localStorage by Building a Todo App
- Learn Fetch and Promises by Building an fCC Authors Page,
- Learn Asynchronous Programming by Building an fCC Forum Leaderboard