Web Technologies

An introduction to server and client side web programming using JavaScript and other web technologies.

• Course: CPTR 335 - Web Technologies
• Instructor: Benjamin Barber, barberboy@gmail.com
• Need help?
  • Join and ask questions in the Gitter chat room
  • Look through and create issues
  • Tutoring in DB307
    • Times and locations TBD
  • Email for 1-on-1 help, or to set up a time to meet

Reading

• You Don't Know JS, Chapter 1: Into Programming
• You Don't Know JS, Chapter 2: Into JavaScript

Resources

• Intro to JavaScript
• Cloud9 IDE
• GitHub Desktop
• DevDocs API Documentation

Homework Workflow

1. Fork the exercise repository
2. Clone the repository to your computer.
3. Open the index.html file in a browser and open the Developer Tools.
4. Modify the files to complete your solution.
5. Refresh the index.html page to see the results, and repeat.
6. Make sure all of your code is committed.
7. Push/sync up to GitHub.
8. Create a pull request on the original repository.

All assignments are due at the start of the following class, unless otherwise specified.

Feedback will be given in the pull request, so please respond with your thoughts and questions! You are welcome to open the pull request even while the work is still in-progress if you are stuck and want to ask a question – just mention @barberboy with the question to make sure I know to look at it sooner.

Note that your solution will also be live at http://USERNAME.github.io/EXERCISE.

Exercises

"Introduction" Exercise

Use variables, strings, arrays, and console.log to log an introduction message.

https://github.com/unioncollege-webtech/introduction

FizzBuzz

An exercise using variables, operators, strings, numbers, and loops.

https://github.com/unioncollege-webtech/fizzbuzz

Temperature Converter

Define functions to convert between celsius and fahrenheit.

https://github.com/unioncollege-webtech/temperature-converter

Peter Piper

Count how many times the letter ‘p’ occurs in Peter Piper’s famous tongue twister.

https://github.com/unioncollege-webtech/peter-piper

JavaScripting

Walk through essential JavaScript language features, using the JavaScripting workshop by Seth Vincent.

https://github.com/unioncollege-webtech/javascripting

Sorts

An exercise using variables, operators, strings, numbers, and loops.

https://github.com/unioncollege-webtech/sorts

ZooKeep

Use Objects and Arrays to display information about the animals at the zoo.

https://github.com/unioncollege-webtech/zookeep

Ten Useful Functions

Write ten functions that are useful in some way, and demonstrate their use.

https://github.com/unioncollege-webtech/ten-useful-functions

Auto Table-of-Contents

Write JavaScript to auto-generate a table of contents for an article based on the headings in the HTML document

https://github.com/unioncollege-webtech/table-of-contents

Calculator

Exercise your DOM skills to build functional calculator with JavaScript.

https://github.com/unioncollege-webtech/calculator

Puppies Versus Kittens

Create an Express application to judge who is cuter: puppies or kittens.

https://github.com/unioncollege-webtech/puppies-vs-kittens

Puppies Versus Kittens (Advanced)

Improve the Puppies Versus Kittens website by using cookies, POST requests, and templates.

https://github.com/unioncollege-webtech/puppies-vs-kittens-advanced

Final Project

Design and build a CRUD application which provides some useful benefit.

https://github.com/unioncollege-webtech/final-project

Credits

The structure of this course and use of GitHub is heavily inspired by the GitHub classroom guide, and the Advanced JavaScript class at NYU. Major props to Aidan Feldman and the work he did with that class.

License

This work and all other materials under https://github.com/unioncollege-webtech are licensed under a Creative Commons Attribution 4.0 International License.