teaching machines

CS 347: Webdev Blog

August 30, 2021 by . Filed under fall-2021, specifications, webdev.

This semester you will document your learning of web development in a blog that you serve out via the Apache web server. Each week you will seek out articles or videos on HTML, CSS, JavaScript, or other web development topics and then write a short response to these materials. Use external source materials, not just the materials from your instructor.

Each blog post that you write must consist of the following:

Add a link to each new post in your blog’s index.html file. Make sure your instructor can see the links to all of your posts upon visiting http://blog.YOUR-DOMAIN-NAME.

If an entry meets all the requirements, you will receive 2 points. If you meet some, you will receive 1 point. If your blog post is not visible on Friday morning when your instructor reads through all posts, you will receive 0 points.

You are encouraged to write this blog and test it on your local machine and publish it to your web server when it’s ready. The remainder of this document describes how to secure a domain name and how to set up a standard workflow for developing and deploying websites that uses Visual Studio Code, Git, and Apache.

Install Git

Follow these directions to install Git or see if you already have it installed. Do not install GitHub Desktop. You only need the core Git, which is a set of command-line tools that you will run with the help of Visual Studio Code.

Create Local Repository

Follow these steps to set up a folder on your local machine in which you can construct, modify, and test your site without having to deal with an internet connection and a web server.

Your changes are now recorded in your local Git repository. The next step is to mirror those changes on a version of our repository hosted by a remote Git provider.

Create Remote Repository

Follow these steps to create a centralized version of your repository that you can access from your local machine and from your webserver.

Clone on Droplet

Follow these steps on your droplet to pull down your repository from your Git provider.

Domain Name

You could share your blog with the world by giving out your IP address. Others could visit http://YOUR-IP-ADDRESS in their browser. But that’s gross. Instead, you will give your web server a mnemonic domain name. Follow these steps to get a free domain name that you will use to identify your Digital Ocean droplet.

Configure Apache

Follow these steps on your droplet in order to share the working directory of your clone with the world via the Apache web server.

Weekly Workflow

Many of the steps above are needed only for your initial one-time setup. Each week, follow this much simpler workflow: