Skip to content

Latest commit

 

History

History
55 lines (46 loc) · 4.93 KB

README.md

File metadata and controls

55 lines (46 loc) · 4.93 KB

Project: 0x15. JavaScript - Web jQuery

This directory contains projects focused on using jQuery to simplify front-end web development. The tasks cover concepts such as selecting and manipulating HTML elements, handling events, and making AJAX requests.

Resources

Read or watch

Learning Objectives

General

  • Why jQuery makes front-end programming so easy
  • How to select HTML elements in JavaScript
  • How to select HTML elements with jQuery
  • Differences between ID, class, and tag name selectors
  • How to modify an HTML element's style
  • How to get and update an HTML element's content
  • How to modify the DOM
  • How to make a GET request with jQuery Ajax
  • How to make a POST request with jQuery Ajax
  • How to listen/bind to DOM events

Tasks

Task File Description
0. No JQuery 0-script.js Write a JavaScript script that updates the text color of the HTML tag HEADER to red without using jQuery.
1. With JQuery 1-script.js Write a JavaScript script that updates the text color of the HTML tag HEADER to red using jQuery.
2. Click and turn red 2-script.js Write a JavaScript script that updates the text color of the HTML tag HEADER to red when the user clicks on the tag DIV#red_header.
3. Add .red class 3-script.js Write a JavaScript script that adds the class red to the HTML tag HEADER when the user clicks on the tag DIV#red_header.
4. Toggle classes 4-script.js Write a JavaScript script that toggles the class of the HTML tag HEADER when the user clicks on the tag DIV#toggle_header.
5. List of elements 5-script.js Write a JavaScript script that adds a LI element to a list when the user clicks on the tag DIV#add_item.
6. Change the text 6-script.js Write a JavaScript script that updates the text of the HTML tag HEADER to “New Header!!!” when the user clicks on DIV#update_header.
7. Star wars character 7-script.js Write a JavaScript script that fetches and replaces the name of a Star Wars character from a URL.
8. Star Wars movies 8-script.js Write a JavaScript script that fetches and lists the title for all movies from a URL.
9. Say Hello! 9-script.js Write a JavaScript script that fetches and prints how to say “Hello” depending on the language.
10. No jQuery - document loaded 100-script.js Write a JavaScript script that updates the text color of the HTML tag HEADER to red when the document is loaded without using jQuery.
11. List, add, remove 101-script.js Write a JavaScript script that adds, removes, and clears LI elements from a list when the user clicks.
12. Say hello to everybody! 102-script.js Write a JavaScript script that fetches and prints how to say “Hello” depending on the language from a URL.
13. And press ENTER 103-script.js Write a JavaScript script that fetches and prints how to say “Hello” depending on the language when the user presses ENTER.