C14375: How to Get Stuff on the Internet

Welcome to our Splash 2020 website for C14375!

💡 About

Your instructors are:

• Cameron Kleiman, MIT 2024
• Elias Little, 🌽L 2023

You can email us at any time at c14375-teachers@esp.mit.edu.

C14375 ran from 9:05 to 10:55 on Sunday, November 15th, 2020.

🔗 Quick Links

Thanks for coming to lecture. In order, here’s some guides for building websites in the ways we talked about in class:

1. Publishing sites to the web with Google Docs
2. Publishing sites with Notion
3. Cutt.ly URL shortener (supports custom domains)
4. Buying a domain with Google Domains
5. Learn more about IP addresses
6. Adding a custom domain to your Google Site (NEW)
7. Getting started with GitHub Pages
8. Custom domains on GitHub Pages
9. New CSS framework
10. Bootstrap CSS framework (has more stuff)
11. Jekyll static site generator (built into GitHub Pages)
12. Learn about running ads on your site with AdSense
13. Get started with Google Analytics (see how many people are using your site)

🧑‍🎓 Student Submissions

• Joseph W’s Bike Shop: https://cutt.ly/Joesbikeshop-nh

📔 Lecture

We plan to cover a couple different methods most of which require little to no code necessary.

1. 🐣 Introduction to putting things on the Internet
   • Google Docs with shortlinks
   • Upgrade to Notion with shortlinks
2. 🌎 How does the internet work?
   • Domains and Domain Name Resolution (DNS)
   • Buying a domain (using Google Domains)
   • Making your shortlinks your own (using cutt.ly)

3. Class Intermission and Questions (Go get your snacks)

4. 📈 Intro to realer websites
   • What’s a markup language?
   • What’s a Markdown language?
   • Honorable mention to HackMD, which is how Elias and I made this site collaboratively.
5. 🧑‍💻 Next Level
   • Making instant websites with Github Pages¹
   • I’m at the Markdown language, I’m at the Github pages, I’m at the combination Markdown language Github pages.²
   • Attaching custom domains to GitHub Pages
6. 🧠 Learning more
   • New CSS framework
   • CSS Frameworks in general (Bootstrap)
   • Static site generators (Jekyll, Hugo)
   • Check out our websites (see About section)
   • It’d be good to learn what Git is if you have a chance