{"id":20961203,"url":"https://github.com/svendolin/all-about-jquery","last_synced_at":"2026-04-04T16:35:20.454Z","repository":{"id":134333566,"uuid":"415399068","full_name":"Svendolin/All-about-JQuery","owner":"Svendolin","description":"This \"All about JQuery\"-repository catches up its focus on all the Javascript I've learned, commented and written through the years as a SAE-Web Development student with exercise lessons every week as well as tutorial videos on Youtube.","archived":false,"fork":false,"pushed_at":"2022-05-24T22:44:25.000Z","size":3802,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-13T06:43:27.518Z","etag":null,"topics":["ajax","api","code","javascript","javascript-applications","javascript-plugin","javascript-tools","javascript-vanilla","jquery","js","json","typescript"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Svendolin.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-09T19:07:40.000Z","updated_at":"2021-11-01T23:05:52.000Z","dependencies_parsed_at":"2023-05-03T05:32:32.912Z","dependency_job_id":null,"html_url":"https://github.com/Svendolin/All-about-JQuery","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Svendolin/All-about-JQuery","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Svendolin%2FAll-about-JQuery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Svendolin%2FAll-about-JQuery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Svendolin%2FAll-about-JQuery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Svendolin%2FAll-about-JQuery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Svendolin","download_url":"https://codeload.github.com/Svendolin/All-about-JQuery/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Svendolin%2FAll-about-JQuery/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28101486,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-28T02:00:05.685Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ajax","api","code","javascript","javascript-applications","javascript-plugin","javascript-tools","javascript-vanilla","jquery","js","json","typescript"],"created_at":"2024-11-19T02:01:42.193Z","updated_at":"2025-12-28T16:43:52.732Z","avatar_url":"https://github.com/Svendolin.png","language":"HTML","readme":"![GitHub commit activity](https://img.shields.io/github/commit-activity/m/Svendolin/All-about-JQuery?style=for-the-badge) ![GitHub contributors](https://img.shields.io/github/contributors/svendolin/All-about-JQuery?style=for-the-badge) ![GitHub forks](https://img.shields.io/github/forks/Svendolin/All-about-JQuery?color=pink\u0026style=for-the-badge) ![GitHub last commit](https://img.shields.io/github/last-commit/Svendolin/All-about-JQuery?style=for-the-badge) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/Svendolin/All-about-JQuery?color=yellow\u0026style=for-the-badge)\n\n\n***\n\u003cimg align=\"left\" alt=\"JavaScript\" width=\"35px\" src=\"https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png\" /\u003e\n\n\n# \u0026nbsp;- ALL ABOUT JQUERY - 🔅\n\nThis \"All about JQUERY\"-repository catches up its focus on all the JQuery I've learned, commented and written through the years as a **SAE-Web Development** student with exercise lessons every week as well as tutorial videos on _Youtube_.         \nDirect Link to the place where I'm studying are you going to find [HERE](https://www.sae.edu/che/de?utm_source=PS01\u0026gclid=Cj0KCQjw-4SLBhCVARIsACrhWLVIaD_aUt7y4brT7tqMW9o7tskgb1vjQqJFkzQwkwdN_40_Ls7MgAEaAtXxEALw_wcB)\n\nWhat is JQuery:\n* JQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.  [GET YOUR API HERE](https://api.jquery.com/)\n\n* Are you new to JQuery? Check out the  [LEARNING CENTER HERE](https://learn.jquery.com/)\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n\n***\n## Folder Directory\n***\n* [01_Basics](https://github.com/Svendolin/All-about-JQuery/tree/master/01_Basics)\n* [02_Animations](https://github.com/Svendolin/All-about-JQuery/tree/master/02_Animations)\n* [03_Sliders](https://github.com/Svendolin/All-about-JQuery/tree/master/03_Sliders)\n* [04_Accordeons](https://github.com/Svendolin/All-about-JQuery/tree/master/04_Accordeons)\n* [05_Tabs](https://github.com/Svendolin/All-about-JQuery/tree/master/05_Tabs)\n* [06_Timelines](https://github.com/Svendolin/All-about-JQuery/tree/master/06_Timelines)\n* [07_ModalPopUps](https://github.com/Svendolin/All-about-JQuery/tree/master/07_ModalPopUps)\n* [08_AllComponentsTask](https://github.com/Svendolin/All-about-JQuery/tree/master/08_AllComponentsTask)\n\n\n| Topic | Content  | \n|:--------------| :--------------|\n| 01 Basics | `$(document).ready(function(){})` // Selectors // `.append() vs .prepend()` // Functions (colour change) // `.click(event)` (Add and delete content) // `.hover()`(over text) // Mouse-Coordinates-Hover |\n| 02 Animations | ShowAndHide-Buttons for Text // `Toggle` = ShowAndHide with ONE Button // ShowAndHide + Change Class of Object // HELPFUL `Toggle vs Hide` // boxy animation using `animate()` |\n| 03 Sliders | Basic Slider with Back and Forward Button + Autoload // Responsive Slider with the same functions as the basic slider but responsive |\n| 04 Accordeons | Basic Accordeon: Show and Hide Content VERTICALLY by clicking the +Button |\n| 05 Tabs | Tab Basic: Tab through the content HORIZONTALLY by clicking the tab peak folder |\n| 06 Timelines | Vertical timeline with basic show by click // Vertical Timeline with animated show by click // Horizontal Timeline |\n| 07 ModalPopUps | Like a selfmade \"Sweetalert\" = Click the button to pop up a modal message |\n| 08 AllComponentsTask | Kittenpage example (used JQUERY for kitten image gallery and form validation) NOTE: Basic exercises with image gallery and form validation was originally made with vanilla JS|\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n## Important TERMS in Javascript: 📈\n***\n| Term (word): |  Explenation in German for a better personal understanding for myself:  | \n|:--------------| :--------------|\n|**OBJECTS**| \"Sammlung von Datenwerten, Eigenschaften (Properties) z.B. = `const = Tasse {farbe: \"blau\", grösse: \"mittel\"}` etc  |\n|**PROPERTIES**| Eigenschaft des Objektes: `Tasse.farbe` in dot-notation oder `Tasse[\"farbe\"]` in bracket-notation welcher einen Wert (value) mitteilt |\n|**VALUES**| Wert einer Eigenschaft: z.B. `\"blau\"` |\n|**VARIABLES**| Behälter als \"Speicherplatz\" `const` mit unveränderlichem Namen, dazu Scope-Typ (const = konstant, unveränderlich, let = lokal wiederverwendbar, var = Gültigkeitsbereich auf allen Seiten) und genau einem Wert |\n|**METHODS**| Methoden brauchen für ihren Aufruf immer ein zugehöriges Objekt und werden in einer Klasse definiert. Man kann sie somit gerne \"Objektorientierte Funktionen mit Beziehung zur eingespeicherten Klasse\" nennen... `public methode()` |\n|**FUNCTIONS**| \"Eine Funktion ist eine Gruppe von Anweisungen, die durch einen Namen aufgerufen werden. Beim Aufruf der Funktion können Daten übergeben werden, um sie innerhalb der Funktion zu bearbeiten.\" WICHTIG: Funktion immer beim Namen aufrufen, um sie zu aktivieren |\n\n\n\n\u003cbr\u003e\n\u003cbr\u003e\n\n\n***\n## Technologies ✅\n***\n CDNJS:\n* Shown in in the head of each HTML file. Dont forget to copy the most recent [CDNJS CODE FROM HERE](https://cdnjs.com/libraries/jquery) before you start a new project! Please dont forget to add this Script-tag BEFORE your Javascript link in your head-html!\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n***\n## Collaboration ✅\n***\n\u003e Feel free to contact me if you've seen something wrong, found some errors or struggled on some mistakes! Always happy to have a clean sheet here! :)\n\n\n\u003cbr /\u003e\n\u003cbr /\u003e\n\n***\n## FAQs ✅\n***\n0 Questions have been asked, 0 answers have been given, 0 changes have been made.\n\n| Questions | Anwers | Changes |\n|:--------------|:-------------:|--------------:|\n| 0 | 0 | 0 |\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvendolin%2Fall-about-jquery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvendolin%2Fall-about-jquery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvendolin%2Fall-about-jquery/lists"}