Mobi x ACM: An introduction to web development

View the HTML files in your browser!

• index.html: https://mobi-uta.github.io/2022-fall-mobi-acm-workshop/
• test.html: https://mobi-uta.github.io/2022-fall-mobi-acm-workshop/test.html

Play around with this website

Clone this repository by typing this in your terminal:

git clone https://github.com/mobi-uta/2022-fall-mobi-acm-workshop.git

Deploying your own website with GitHub

Before you get started, some preliminary steps:

1. Create a GitHub account!
2. Install GitHub Desktop. This is cross-platform, so it'll work on Linux, Windows OS, and macOS!
3. Install Visual Studio Code!

Setting up your own website on GitHub:

1. Create an index.html file. (The tool we're using, GitHub Pages, requires a file named index.html)

2. Create a new GitHub repository by clicking the "+" sign next to your avatar in the top-right corner of the page. Or, go to https://github.com/new.

   1. Name your repository <username>.github.io, where <username> is your actual GitHub username. So e.g if your username is neoncitylights, it should be called neoncitylights.github.io.
   2. Make the repository public.
   3. Skip everything and click "Create repository".

3. Click the button that says "Setup in Desktop":

   • You might see a dialog that says something like below. Check the checkbox and press "Open Link".

4. Move your files into the same repository!

5. Type in a message to describe your change, and press "Commit to main". Then, press "Publish branch". The workflow should look similar to this GIF:

6. Open up your browser again and visit https://*username*.github.io (but with your actual username!)