CourseWare

Víťa Plšek@winsik

Java / Javascript

www.angular.cz

efficient materials for your workshop

How can Javascript exercise look like ?

git clone https://github.com/Angular-cz/courseware-examples

npm install && npm start

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

???

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

SHOW time

What is under its hood ?

● NPM● Jade● Gulp● AngularJS● Karma● Socket.io

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

What is under its hood ?

● NPM● Jade● Gulp● AngularJS● Karma● Socket.io

● bootstrap● template simplification

● highlighting filters● file integration

hhtml body div h1 Hello Jade

What is under its hood ?

● NPM● Jade● Gulp● AngularJS● Karma● Socket.io

● jade compilation● styles processiong● inlining assets● http-server

courseware devel

What is under its hood ?

● NPM● Jade● Gulp● AngularJS● Karma● Socket.io

● single page application● routing● usefull components● test results visualization

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

What is under its hood ?

● NPM● Jade● Gulp● AngularJS● Karma● Socket.io ● connects to courseware

● sending result changes

Can I use CourseWare in my course?

Yes …... it is free for non-comercial and internal courses.

github.com/Angular-cz/coursewaregithub.com/Angular-cz/courseware-examples

www.angular.cz/brnojs-courseware