https://github.com/abeerarshad2025/coding-tutorial-module-1

Coding Tutorial Module 1 in my CS Self Education series
https://github.com/abeerarshad2025/coding-tutorial-module-1

css html javascript js web

Last synced: 21 days ago
JSON representation

Coding Tutorial Module 1 in my CS Self Education series

• Host: GitHub
• URL: https://github.com/abeerarshad2025/coding-tutorial-module-1
• Owner: abeerarshad2025
• Created: 2025-02-28T20:33:27.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-28T20:45:44.000Z (over 1 year ago)
• Last Synced: 2025-02-28T23:42:16.259Z (over 1 year ago)
• Topics: css, html, javascript, js, web
• Language: HTML
• Homepage:
• Size: 914 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  A tutorial in my CS Self Education series

  
Coding Tutorial – Module 1

  





  

    Vector by Vecteezy

  



---

## Prerequisites

None

## Description & Goals

This introductory tutorial offers a quick first dive into coding using HTML/CSS/JavaScript web development and Python.

The tutorial comprises of two modules.

- [**Module 1**](https://github.com/abeerarshad2025/Coding-Tutorial-Module-1) teaches hands-on web development basics.

- [**Module 2**](https://github.com/abeerarshad2025/Coding-Tutorial-Module-2) comprises of Python and more web development, backed with a bit more computer theory.

---

## Materials for Module 1

| # | Cover | Title |

| ----------- | ----------- | ----------- |

| **1.** | ![](getcoding.jpg) | 
David Whitney / Young Rewired State
Get Coding! Learn HTML, CSS & JavaScript
Walker Books
2016
Book
 |


---

## Course Work for Module 1

| # | Activity | Links |

| ----------- | ----------- | ----------- |

| **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/) |

| **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/) |

| **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/) |

| **4.** | **Mission 4** – Plan a route | — |

| **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/) |

| **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/) |