Skip to content

FMcapper/coding-lessons-svg

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Coding Lesson SVG

This is a web template used for in-class exercises on functions and conditionals.

Installation Instructions

1. Fork this repository

Click the fork button at the top of Github to make a copy of this repository on your own Github repo.

2. Clone repository

Next, clone this repository using the Terminal program on your Mac (command line). It is recommended to change your directory using the cd command to a location where you want to serve and work on your project. i.e. cd ~/Desktop. Then clone the url of your fork to your own computer.

3. Install this template system

Next, move into the directory you just cloned, and run the command below to install all of the dependencies. This only installs them within this folder.

$ npm install

Now, you're ready to work on the project. Open the folder in Sublime.

Running Grunt

To see the web page with sample project, run grunt from the Terminal.

$ npm run grunt

How to cancel out of terminal

You can always cancel out of the watch task by pressing Control + C on your keyboard. This will allow you to quit Terminal and go on to other things.

After initial setup, you can always relaunch the site and continue from where you left off by opening your Terminal, and cd into the directory of your project, and running grunt by itself. This will launch both the connect/watch tasks as well as create the build folder.

$ npm run grunt

Modifying exercise files

Once you've run grunt, you can find the exercise files in the src folder.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 49.6%
  • CSS 45.0%
  • HTML 5.4%