Page History
...
That's it! Again, there is no need to have DSpace running or install a database, Java, Tomcat or any of the other usual DSpace prerequisites.
Creating a branch for the exercises
To follow along with the exercises run the following git commands in the project directory to get the correct starting point
git remote add workshop https://github.com/DSpace-Labs/dspace-angular-workshops.git
git fetch workshop (Pulls down the dspace-angular-workshops code locally)git checkout or2018-start (Checks out the starting point of the workshop)git checkout -b or2018-hands-on (Creates a local branch named "or2018-hands-on" for you
At certain points during the hands-on part we'll show a git tag that corresponds to the solution so far. If you'd like to sync up to that point, run the following:
Revert all existing files to their state at the start:
git reset or2018-start --hard
Remove any newly created files
git clean -f -d
Sync with the solution
git merge $TAG_NAME
Optional Development Tools
...
- Chrome web browser : When developing an Angular application, all web browsers are not created equal. While you obviously should use other browsers to help test your application, Chrome has built in debugging/visualization tools that come in handy when doing Angular development. Make sure you disable cache in your network tab and keep the inspect element open.
- An IDE : If you wish to do much Angular development, you'll likely want an IDE (Integrated Development Environment) or an editor that understands the TypeScript language. Here's a few we prefer. Just choose ONE.If you have no strong preference, you may want to start with Visual Studio Code.
- Visual Studio Code (Free) : This is a TypeScript IDE from Microsoft (the makers of TypeScript). It's frequently used for Angular development, even by some of the main Angular developers, and provides an excellent debugger for Chrome (which you may also wish to install for easier debugging)
- Intellij (Requires a license) : If you use IntelliJ already for other development work, IntelliJ IDEA Ultimate has TypeScript support. You could also use WebStorm, IntelliJ's Javascript IDE
- Atom.io (Free) : This is an advanced text editor from the makers of GitHub. If you install the Typescript language plugin, it acts a little more like a basic IDE for TypeScript / Angular (providing autocomplete and highlighting). However, be forewarned that it doesn't have the debugging capabilities of Visual Studio Code or IntelliJ.
- Any other editor or IDE that provides either TypeScript or Angular 2 support.
Creating a branch for the exercises
To follow along with the exercises run the following git commands in the project directory to get the correct starting point
git remote add workshop https://github.com/DSpace-Labs/dspace-angular-workshops.git
git fetch workshop (Pulls down the dspace-angular-workshops code locally)git checkout or2018-start (Checks out the starting point of the workshop)git checkout -b or2018-hands-on (Creates a local branch named "or2018-hands-on" for you
At certain points during the hands-on part we'll show a git tag that corresponds to the solution so far. If you'd like to sync up to that point, run the following:
...
Revert all existing files to their state at the start:
git reset or2018-start --hard
...
Remove any newly created files
git clean -f -d
Sync with the solution
...
Additional Resources
- DSpace 7 UI Technology Stack : Technology overview with link to tutorials on Angular, etc
- DSpace 7 - Angular UI Development : How to contribute to Angular UI
...
Overview
Content Tools