Brief information about Courseware, specialized content generator for Javascript courses. http://www.angular.cz/brnojs-courseware

1. CourseWare
Víťa Plšek
@winsik
Java / Javascript
www.angular.cz
efficient materials for your workshop

2. How can Javascript exercise look like ?
git clone https://github.com/Angular-cz/courseware-examples
npm install && npm start

3. You have to tell students what to do
We have tried to do it by several ways
● verbally
● todos
● brief text file
● really long file with solutions and hints
● website generator
● ...
● CourseWare is logical result
?
?
?

4. CourseWare is
… specialized content generator for Javascript courses.
“Marketing” feature list
● generates single file
● jade markup
● responsive layout
● components for hints and solutions
● source highlighter
● interactive integration of test results

5. SHOW time

6. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io

7. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io
npm install angular-cz-courseware
courseware build
● part of your package build
● globally installed tool

8. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io
● bootstrap
● template simplification
● highlighting filters
● file integration
html
body
div
h1 Hello Jade

9. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io
● jade compilation
● styles processiong
● inlining assets
● http-server
courseware devel

10. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io
● single page application
● routing
● usefull components
● test results visualization

11. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io
npm install karma-json-result-reporter
● watching source and tests
● write results to folder
● utilize json reporter

12. What is under its hood ?
● NPM
● Jade
● Gulp
● AngularJS
● Karma
● Socket.io ● connects to courseware
● sending result changes

13. Can I use CourseWare in my course?
Yes …
... it is free for non-comercial and internal courses.
github.com/Angular-cz/courseware
github.com/Angular-cz/courseware-examples

14. www.angular.cz/brnojs-courseware