![byteback typing tutorial byteback typing tutorial](https://sites.google.com/a/stanlycountyschools.org/computer-skills-applications/_/rsrc/1468736602609/home/6th-grade---computer-skills/keyboard.jpg)
It should run a few tasks quickly and tell you when it's done.
#Byteback typing tutorial code#
They'll all go into the libs folder in this project.Īlmost done! Again using the command line in this folder, type in gulp - this will do the magic of rebuilding the entire application, including the CSS, the open source JavaScript, and the code that's powering this specific application into the dist folder.
![byteback typing tutorial byteback typing tutorial](https://i.ytimg.com/vi/T1Bh6Nik-I4/maxresdefault.jpg)
#Byteback typing tutorial install#
Using the command line, in the same folder, enter: bower install - this will pull down a bunch of external libraries (like jQuery and Handlebars) that are used by the application in the user's browser. This may take a couple of minutes to download and install everything. Once you've done that, enter: npm install -d - this will install a few utilities for you that also help with rebuilding code (they'll all go into the node_modules folder in this project).
![byteback typing tutorial byteback typing tutorial](https://i.ytimg.com/vi/owF4KX79T0I/maxresdefault.jpg)
Using the command line, navigate to the directory that this code lives in your machine. You'll also need install "globally" a utility called bower, which will let us easily download and install some open source libraries needed by the front-end. Depending on how your machine is set up, you might get an permission error here if so, enter sudo npm install -global gulp and type in your computer's password when prompted. At the command line, enter: npm install -global gulp. You'll need to install "globally" a utility called gulp, which will let us automatically rebuild the code once you've made changes. If you're using a Mac with a recent version of OSX, they're already pre-installed. Installing node will also install a package manager called npm. Many of these steps should be a one-off, and they're rather straightforward, so hopefully it's not too scary. To make any modification to the existing state of the code, you'll need to have a few tools installed on your machine. There's no sensitive information in any other file, so there's no issue if anything else is exposed publicly, but it's not necessary. No other files or folders need to exposed to the public-facing website. To "install" the code, just copy the index.html and the dist folder into the folder that this application is being hosted from.