{"id":25879462,"url":"https://github.com/abeerarshad2025/coding-tutorial-module-1","last_synced_at":"2026-06-05T06:31:46.719Z","repository":{"id":280035215,"uuid":"940805308","full_name":"abeerarshad2025/Coding-Tutorial-Module-1","owner":"abeerarshad2025","description":"Coding Tutorial Module 1 in my CS Self Education series","archived":false,"fork":false,"pushed_at":"2025-02-28T20:45:44.000Z","size":936,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T23:42:16.259Z","etag":null,"topics":["css","html","javascript","js","web"],"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/abeerarshad2025.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":"2025-02-28T20:33:27.000Z","updated_at":"2025-02-28T21:00:06.000Z","dependencies_parsed_at":"2025-02-28T23:42:19.023Z","dependency_job_id":"121fcc62-41cc-40a6-87fb-9df61ac02808","html_url":"https://github.com/abeerarshad2025/Coding-Tutorial-Module-1","commit_stats":null,"previous_names":["abeerarshad2025/coding-tutorial-module-1"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abeerarshad2025%2FCoding-Tutorial-Module-1","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abeerarshad2025%2FCoding-Tutorial-Module-1/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abeerarshad2025%2FCoding-Tutorial-Module-1/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/abeerarshad2025%2FCoding-Tutorial-Module-1/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/abeerarshad2025","download_url":"https://codeload.github.com/abeerarshad2025/Coding-Tutorial-Module-1/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241509657,"owners_count":19974071,"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","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":["css","html","javascript","js","web"],"created_at":"2025-03-02T13:18:45.651Z","updated_at":"2025-03-02T13:18:46.276Z","avatar_url":"https://github.com/abeerarshad2025.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cb\u003eA tutorial in my \u003ca href=\"https://github.com/abeerarshad2025/CS-Self-Education\"\u003eCS Self Education\u003c/a\u003e series\u003c/b\u003e\n  \u003ch1\u003eCoding Tutorial – Module 1\u003c/h1\u003e\n  \u003cimg src=\"banner-module-1.jpg\" align=\"center\"/\u003e\n\u003c/div\u003e\n\u003cdiv align=\"right\"\u003e\n  \u003csub\u003e\n    \u003ca href=\"https://www.vecteezy.com/vector-art/4865921-programmer-people-concept-use-laptop-and-programming-code-program-icon-spreading-with-modern-flat-style\"\u003eVector\u003c/a\u003e by Vecteezy\n  \u003c/sub\u003e\n\u003c/div\u003e\n\n---\n\n## Prerequisites\n\nNone\n\n## Description \u0026 Goals\n\nThis introductory tutorial offers a quick first dive into coding using HTML/CSS/JavaScript web development and Python.\n\nThe tutorial comprises of two modules.\n\n- [**Module 1**](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1) teaches hands-on web development basics.\n- [**Module 2**](https://github.com/abeerarshad2025/Coding-Tutorial-Module-2) comprises of Python and more web development, backed with a bit more computer theory.\n\n---\n\n## Materials for Module 1\n\n| # | Cover | Title |\n| ----------- | ----------- | ----------- |\n| **1.** | ![](getcoding.jpg) | \u003ch4\u003e\u003ci\u003eDavid Whitney / Young Rewired State\u003c/i\u003e\u003c/h4\u003e\u003ch2\u003eGet Coding! Learn HTML, CSS \u0026 JavaScript\u003c/h2\u003e\u003ch4\u003eWalker Books\u003c/h4\u003e\u003cp\u003e2016\u003c/p\u003e\u003cp align=\"center\"\u003e\u003ci\u003eBook\u003c/i\u003e\u003c/p\u003e |\n\n---\n\n## Course Work for Module 1\n\n| # | Activity | Links |\n| ----------- | ----------- | ----------- |\n| **1.** | **Mission 1** – Build a web page | [code](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1/tree/main/activities/1) / [demo](https://abeerarshad2025.github.io/Coding-Tutorial-Module-1/activities/1/) |\n| **2.** | **Mission 2** – Create a password | [code](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1/tree/main/activities/2) / [demo](https://abeerarshad2025.github.io/Coding-Tutorial-Module-1/activities/2/) |\n| **3.** | **Mission 3** – Build an app | [code](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1/tree/main/activities/3) / [demo](https://abeerarshad2025.github.io/Coding-Tutorial-Module-1/activities/3/) |\n| **4.** | **Mission 4** – Plan a route | \u003ccode\u003e\u0026mdash;\u003c/code\u003e |\n| **5.** | **Mission 5** – Make a game | [code](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1/tree/main/activities/5) / [demo](https://abeerarshad2025.github.io/Coding-Tutorial-Module-1/activities/5/) |\n| **6.** | **Mission 6** – Finished website | [code](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1/tree/main/activities/6) / [demo](https://abeerarshad2025.github.io/Coding-Tutorial-Module-1/activities/6/) |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabeerarshad2025%2Fcoding-tutorial-module-1","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabeerarshad2025%2Fcoding-tutorial-module-1","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabeerarshad2025%2Fcoding-tutorial-module-1/lists"}