{"id":21399647,"url":"https://github.com/natancabral/javascript-learn","last_synced_at":"2026-04-17T02:31:10.854Z","repository":{"id":114483608,"uuid":"308380377","full_name":"natancabral/javascript-learn","owner":"natancabral","description":"Here we learn JavaScript, starting from scratch and go on to advanced concepts like OOP. We concentrate on the language itself here, with the minimum of environment-specific notes.","archived":false,"fork":false,"pushed_at":"2023-06-12T17:26:15.000Z","size":172,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-05T09:49:26.133Z","etag":null,"topics":["arrow-functions","concepts","filter","javascript","javascript-es6","js","learn","map","reduce"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/natancabral.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-10-29T16:05:00.000Z","updated_at":"2023-03-05T20:32:47.000Z","dependencies_parsed_at":"2025-03-16T15:48:41.855Z","dependency_job_id":"191c03b4-4eca-4d7f-bf77-b7885820b7e6","html_url":"https://github.com/natancabral/javascript-learn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/natancabral/javascript-learn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natancabral%2Fjavascript-learn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natancabral%2Fjavascript-learn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natancabral%2Fjavascript-learn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natancabral%2Fjavascript-learn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/natancabral","download_url":"https://codeload.github.com/natancabral/javascript-learn/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/natancabral%2Fjavascript-learn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31912316,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"online","status_checked_at":"2026-04-17T02:00:06.879Z","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":["arrow-functions","concepts","filter","javascript","javascript-es6","js","learn","map","reduce"],"created_at":"2024-11-22T15:15:54.920Z","updated_at":"2026-04-17T02:31:10.821Z","avatar_url":"https://github.com/natancabral.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript ES6\n\n## Welcome \n\n```js\n//----------------------------------------------------//\n//       Author: Natan Cabral                         //\n//  Description: No panic, this is simple javascript  //\n//----------------------------------------------------//\n\n// constant object\nconst welcome = {\n  message: 'Welcome',\n  person: 'my little',\n  subject: 'friend',\n}\n// arrow function destruction \nlet GoodMorning = ({message: ms, person: ps, subject: su}) =\u003e {\n  return ` ${ms} ${ps} ${su} `\n}\n// destruction array, you can change\nlet hi = [...['Hello!'], GoodMorning(welcome)]\n// log\nconsole.log(\"%c\" + hi.map(e=\u003ee).join(''), \"color:green; font-size: 25px\"); \n// map not necessary ;)\n```\n---\n\u003cimg src=\"hi-welcome.png\"\u003e\n\n\n## Advanced\n\n* [Arrow Funcion](basic/functions/arrow-function.md)\n* [Map](while/map.md) | [Video](https://www.youtube.com/watch?v=80KX6aD9R7M\u0026list=PLnHJACx3NwAfRUcuKaYhZ6T5NRIpzgNGJ)\n* [Unique Values](basic/arrays/array-filter-unique-values.md)\n* [Delete Array \u0026 Object](basic/advanced/delete-array-and-object.md)\n* Dynamic Object Key [link](https://www.samanthaming.com/tidbits/37-dynamic-property-name-with-es6/)\n* Filter and Finder \n* Reduce Basics\n* [Destruction Array \u0026 Object](basic/advanced/destruction-array-and-object.md)\n* Reduce Object Example \n* Getters and Setters [link](https://www.youtube.com/watch?v=bl98dm7vJt0)\n* `${personal.name}`\n* this | global or local [link](https://www.youtube.com/watch?v=gvicrj31JOM)\n\n### Basic \n\n* Variable Naming Rules\n* const, let, var\n* Quotation Marks\n* String Concatenation\n* Numbers Basics\n* Implicit Type Conversion\n* Data Types\n* [Arrays](basic/arrays/array-init.md)\n  * [Concat](basic/arrays/array-concat.md)\n  * [Some \u0026 Every](basic/arrays/array-some-and-every.md)\n  * [Fill](basic/arrays/array-fill.md)\n  * [Filter](basic/arrays/array-filter.md)\n  * [Find](basic/arrays/array-find.md)\n  * [Includes](basic/arrays/array-includes.md)\n  * [Array.from()](basic/arrays/array-from.md)\n  * Join [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)\n  * Map [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)\n  * Reduce [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)\n  * Pop Push Shoft Unshift [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop)\n  * [Delete](basic/advanced/delete-array-and-object.md)\n  * Sort \u0026 Reverse [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse)\n* Functions \n  * Declare, Invoke\n  * Parameters, Arguments\n  * Return\n  * [Currying](basic/functions/currying-function.md)\n* Objects\n* Conditional Statements - Basics\n* Conditional Statements Continued\n\n### Equality\n\n* Equality\n* Logical Operators\n* Switch Statement\n* Null and Undefined\n* Truthy and Falsy\n\n### While\n\n* while Loops\n* do while loops\n* for loop\n* Array Iterators\n* [forEach](while/forEach.md)\n* Math Object\n* Date Object\n\n### DOM\n\n* Get Element By ID\n* Get Elements By Tag Name\n* Get Element By Class Name\n* Query Selector and Query Selector ALL\n* Navigate the DOM - Children\n* Navigate the DOM - parentElement\n* getAttribute() setAttribute()\n* classList and className\n* createElement - createTextNode - appendChild\n* insertBefore\n* replaceChild\n* prepend innerText\n* remove removeChild\n* innerHTML and textContent\n* Change CSS with style property\n* Click Event\n* Function Reference\n* Mouse Events\n* Key Events\n* Event Object\n\n### String\n\n* [Reduce Name](basic/string/string-name.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatancabral%2Fjavascript-learn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnatancabral%2Fjavascript-learn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnatancabral%2Fjavascript-learn/lists"}