Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Courseware - efficient materials for your workshop

199 views

Published on

Brief information about Courseware, specialized content generator for Javascript courses.

http://www.angular.cz/brnojs-courseware

Published in: Software
  • Be the first to comment

Courseware - efficient materials for your workshop

  1. 1. CourseWare Víťa Plšek @winsik Java / Javascript www.angular.cz efficient materials for your workshop
  2. 2. How can Javascript exercise look like ? git clone https://github.com/Angular-cz/courseware-examples npm install && npm start
  3. 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. 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. 5. SHOW time
  6. 6. What is under its hood ? ● NPM ● Jade ● Gulp ● AngularJS ● Karma ● Socket.io
  7. 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. 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. 9. What is under its hood ? ● NPM ● Jade ● Gulp ● AngularJS ● Karma ● Socket.io ● jade compilation ● styles processiong ● inlining assets ● http-server courseware devel
  10. 10. What is under its hood ? ● NPM ● Jade ● Gulp ● AngularJS ● Karma ● Socket.io ● single page application ● routing ● usefull components ● test results visualization
  11. 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. 12. What is under its hood ? ● NPM ● Jade ● Gulp ● AngularJS ● Karma ● Socket.io ● connects to courseware ● sending result changes
  13. 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. 14. www.angular.cz/brnojs-courseware

×