/build-and-deploy

This course will introduce continuous integration and continuous deployment with a hands-on workshop on a javascript application using CircleCI as our build server and Heroku as web server.

Primary LanguageJavaScript

Build and Deploy

In this workshop we'll learn about building and deploying a simple front-end application.

Open presentation slides

Focus of this lesson

We'll look at the infrastructure of deploying an app to production and not the app itself.

What you need

  • Make sure Git is installed and available on command line (git --version in a terminal should not produce an error). Install Git if you don't have it.
  • NodeJS with npm must be installed and available on command line (node -v and npm -v in a terminal should not produce an error. You should have a NodeJS version greater than 8 and npm version greater than 5). Install from: https://nodejs.org/
  • A good text editor of your choice, such as Atom, SublimeText, or Visual Studio Code. If you don't have a favorite already, we recommend Atom.
  • If you are completely new to JavaScript, it is recommended to explore and test the language beforehand

How to get started

  • Although you have this README.md file on your computer it's easier to read it on GitHub, so we recommend you keep this page open in a web browser with the exercise tasks.

Exercises

Have fun! And remember to ask an instructor if you're stuck.

Symbols and notation used in exercises

Emojis with special meaning

✏️ - A task you should do
📖 - A section of text to read (no tasks, just information).
💡 - Additional information.
❗ - Something important.
❓ - Open-ended question for the reader ("What do you think would happen if...")
💩 - Bad practice (don't-do-this)
⭐ - A bonus task (not required)

Keyboard keys

Will look like this:

CTRL + ALT + C

Diff blocks

Emphasizes how lines of text should change.

- this text was removed
+ and replaced with this text