Hi Jason!
The key to getting AlloyUI to work in your project is linking to the proper files in your index.html file (or whatever you have named it). It doesn't matter where you put those files as long as the link is correct.
My suggestion would be to unzip the .zip file into its own folder (maybe named 'aui') inside your project folder. All those folders will put themselves in the right place wherever you unzip it.
You might end up with a structure similar to this:
-> Project folder
-----> index.html
-----> aui folder (you can make this folder yourself. This would be one place you could unzip the alloy.zip file)
---------> src folder
---------> build folder
---------> demos folder
---------> README.md
---------> LICENSE.md
Then you would put two lines in the <head> section of your index.html file. It would end up looking something like this:
The first one is pointing the main javascript file that gets AlloyUI working on your page.
The second one is pointing to a stylesheet from the Bootstrap framework, which will help things to look good right off the bat
Whether you choose to use AlloyUI or you decide to go with a more popular or trendy option like jQuery or Angular, you will probably need to do something very similar to get any of them to work.
Hope this helps!
The key to getting AlloyUI to work in your project is linking to the proper files in your index.html file (or whatever you have named it). It doesn't matter where you put those files as long as the link is correct.
My suggestion would be to unzip the .zip file into its own folder (maybe named 'aui') inside your project folder. All those folders will put themselves in the right place wherever you unzip it.
You might end up with a structure similar to this:
-> Project folder
-----> index.html
-----> aui folder (you can make this folder yourself. This would be one place you could unzip the alloy.zip file)
---------> src folder
---------> build folder
---------> demos folder
---------> README.md
---------> LICENSE.md
Then you would put two lines in the <head> section of your index.html file. It would end up looking something like this:
<script src="aui/build/aui/aui-min.js"></script>
<link href="aui/build/aui-css/css/bootstrap.min.css" rel="stylesheet">
The first one is pointing the main javascript file that gets AlloyUI working on your page.
The second one is pointing to a stylesheet from the Bootstrap framework, which will help things to look good right off the bat
Whether you choose to use AlloyUI or you decide to go with a more popular or trendy option like jQuery or Angular, you will probably need to do something very similar to get any of them to work.
Hope this helps!