Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Basic Workshop (Monday, June 10 from 9:00am - 12:30am)
    • Learn about upcoming DSpace 7 release
    • Overview of the Install & Upgrade processes
    • Understand new features of this release, including demos of the new User Interface and REST API
    • Learn the basics of branding / theming the new User Interface (hands-on)
  • Advanced Workshop (Monday, June 10 from 1:30pm - 5pm).  This workshop builds on what is learned in the Basic Workshop.
    • Learn about the Angular framework, and its main elements (templates, components, services, modules)
    • Learn about the TypeScript language and its syntax
    • Learn more advanced DSpace 7 User Interface changes, using Angular
    • Deeper dive on the new REST API, and hands-on experience
    • How you can get involved in finishing up the DSpace 7 release

Workshop Organizers

Preparing for the workshop

...

During the code walkthrough, we will be working directly with the dspace-angular project (this is the DSpace 7 UI, built on Angular).  However, don't worry. It's rather easy to install, and you do not need to install the DSpace backend itself (as we will be using the public, demo REST API as our backend).

...

That's it! Again, there is no need to have the DSpace backend running or install a database, Java, Tomcat or any of the other usual DSpace prerequisites.

...

  • 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 (especially for the "Advanced Workshop"), you 'll likely may 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.

...