Building My First Website

Objectives 🎯

1. Launch your own website hosted on Github Pages.
2. Introduction to Git and GitHub.
3. Setup simple site using HTML and CSS.

Setup 🧰

1. Create a GitHub account.
2. Install Git

Text editor

Install a Text Editor. Both Visual Studio Code and Atom are good plain text editors. They are free so you can try them both out to see which you prefer.

• Visual Studio Code
• Atom.io

Free Visual Git apps. Using a Git app with a GUI should make it easier to use Git.

• Git Tower for Students
• GitHub Desktop
• GitHub Student Pack

Learning Resources

• GitHub Guides
• GitHub Pages
• Managing files in a repository
• Pro Git Book
• GitHub Docs
• Github Emoji
• Using R Studio and Git Workshop

Next steps

• Learn CSS
• Learn Responsive Design
• Google Web Dev
• Mozilla Developer Network

Deeper Dive

• Rendering CSV data on Github
• Working with Jupyter Notebook files on GitHub

---

Outputs

You will launch a personal website hosted on Github Pages!

We built our website site!

• Andrew Johnson
• Meagan Gramatikov
• Carter Webb

Link to Github profile page

• Connor Bercik

---

Past workshops

1. GitHub Pages working held on Zoom Mar 28, 2022.
2. GitHub Pages workshop held on Zoom Jan 19, 2021
3. GitHub Pages workshop held on Zoom May 14, 2020
4. Webinar conducted virtually on Zoom, April 9, 2020