Description
Learn the data structures, coding patterns, and libraries that enable client-side coding in Web pages.
Goals
The student will learn...
- the Document Object Model (DOM), a data structure that represents all the elements that describe how a web page looks and behaves
- how to use the jQuery library for event-driven actions and animations
- AJAX, the system for asynchronously transmitting data between client-side and server-side applications
- Web APIs such as Google Maps and Google Analytics which add sophisticated features to simple Web sites
Topics
AJAXAPIsCallbacksEmbeddingFetchGeocodingGeolocationjQueryjQuery-BindingjQuery-CollectionsjQuery-SelectorsJSONLeafletParsingPostmanPromisesUrl
Projects
- Markdown Preview
- Pomodoro
- Tic Tac Toe WWW
- Hangman
- Yelpington App
- GitHub Emoji
- GitHub Repos
- Dothraki Translator
- Socket Chat
- Umbrella Today
- Geo Vermonter
Links
- https://www.theodinproject.com/courses/html5-and-css3/lessons/embedding-images-and-video
- http://docs.railsbridge.org/frontend/jquery
- Codecademy Track for jQuery
- JSON and AJAX Tutorial: With Real Examples
- https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
- https://www.codecademy.com/tracks/parse
- https://scotch.io/tutorials/how-to-use-the-javascript-fetch-api-to-get-data
- https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
- https://www.npmjs.com/package/node-fetch
- https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation
- https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation
- http://geojson.org/
- https://developer.mozilla.org/en-US/docs/Web/API/Storage
- https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
- XSS
- CSRF
- https://www.quora.com/What-is-the-difference-between-XSS-and-CSRF-from-their-execution-perspective
- Web apps are impossible to secure