Courseware - efficient materials for your workshop

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
html
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/courseware
github.com/Angular-cz/courseware-examples
www.angular.cz/brnojs-courseware
1 of 14

Recommended

Los cuatro elementos Tattoo by
Los cuatro elementos TattooLos cuatro elementos Tattoo
Los cuatro elementos TattooSara Pérez Hernández
770 views10 slides
Surf & Sun: Tips on Surfing Fitness by
 Surf & Sun: Tips on Surfing Fitness Surf & Sun: Tips on Surfing Fitness
Surf & Sun: Tips on Surfing FitnessAshley Smith
129 views11 slides
Sweet love. by
Sweet love.Sweet love.
Sweet love.joyprokash shil
86 views4 slides
Surf Lessons Middleton SA 3rd November 2013 with Surf & Sun by
Surf Lessons  Middleton SA 3rd November 2013 with Surf & Sun Surf Lessons  Middleton SA 3rd November 2013 with Surf & Sun
Surf Lessons Middleton SA 3rd November 2013 with Surf & Sun Ashley Smith
120 views5 slides
Learn to Surf Middleton 2013 with Surf and Sun by
Learn to Surf Middleton 2013 with Surf and SunLearn to Surf Middleton 2013 with Surf and Sun
Learn to Surf Middleton 2013 with Surf and SunAshley Smith
133 views9 slides
EADP_PDC15_Abstract,_update version_2,_Jan_2016 by
EADP_PDC15_Abstract,_update version_2,_Jan_2016EADP_PDC15_Abstract,_update version_2,_Jan_2016
EADP_PDC15_Abstract,_update version_2,_Jan_2016Henrik Skaksen Jacobsen
277 views18 slides

More Related Content

Viewers also liked

Surf school adelaide offers surf camps retreats & camp day tours by
Surf school adelaide offers surf camps retreats & camp day toursSurf school adelaide offers surf camps retreats & camp day tours
Surf school adelaide offers surf camps retreats & camp day toursAshley Smith
269 views14 slides
Coorong Boat Cruise from Goolwa with Surf and Sun by
Coorong Boat Cruise from Goolwa with Surf and SunCoorong Boat Cruise from Goolwa with Surf and Sun
Coorong Boat Cruise from Goolwa with Surf and SunAshley Smith
170 views16 slides
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن... by
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...Mohammad Alikhani
282 views76 slides
Grave Empeoramiento de las Expectativas Económicas by
Grave Empeoramiento de las Expectativas EconómicasGrave Empeoramiento de las Expectativas Económicas
Grave Empeoramiento de las Expectativas EconómicasPedro Juan Beneyto Arias
187 views18 slides
The Cockle Train Starts the Tour from the Goolwa Station with Surf & Sun by
The Cockle Train Starts the Tour from the Goolwa Station with Surf & SunThe Cockle Train Starts the Tour from the Goolwa Station with Surf & Sun
The Cockle Train Starts the Tour from the Goolwa Station with Surf & SunAshley Smith
132 views13 slides
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun by
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun Surf Lessons Middleton SA 8th October 2013 with Surf & Sun
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun Ashley Smith
105 views5 slides

Viewers also liked(9)

Surf school adelaide offers surf camps retreats & camp day tours by Ashley Smith
Surf school adelaide offers surf camps retreats & camp day toursSurf school adelaide offers surf camps retreats & camp day tours
Surf school adelaide offers surf camps retreats & camp day tours
Ashley Smith269 views
Coorong Boat Cruise from Goolwa with Surf and Sun by Ashley Smith
Coorong Boat Cruise from Goolwa with Surf and SunCoorong Boat Cruise from Goolwa with Surf and Sun
Coorong Boat Cruise from Goolwa with Surf and Sun
Ashley Smith170 views
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن... by Mohammad Alikhani
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...
1-5-1392-رساله دکتری بهبود توانایی عامل های اجتماعی هوشمند بر اساس مدلسازی چن...
Mohammad Alikhani282 views
The Cockle Train Starts the Tour from the Goolwa Station with Surf & Sun by Ashley Smith
The Cockle Train Starts the Tour from the Goolwa Station with Surf & SunThe Cockle Train Starts the Tour from the Goolwa Station with Surf & Sun
The Cockle Train Starts the Tour from the Goolwa Station with Surf & Sun
Ashley Smith132 views
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun by Ashley Smith
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun Surf Lessons Middleton SA 8th October 2013 with Surf & Sun
Surf Lessons Middleton SA 8th October 2013 with Surf & Sun
Ashley Smith105 views
Daniela Meyer Resume 2016 by Daniela Meyer
Daniela Meyer Resume 2016Daniela Meyer Resume 2016
Daniela Meyer Resume 2016
Daniela Meyer1.1K views

Recently uploaded

360 graden fabriek by
360 graden fabriek360 graden fabriek
360 graden fabriekinfo33492
165 views25 slides
Dapr Unleashed: Accelerating Microservice Development by
Dapr Unleashed: Accelerating Microservice DevelopmentDapr Unleashed: Accelerating Microservice Development
Dapr Unleashed: Accelerating Microservice DevelopmentMiroslav Janeski
15 views29 slides
tecnologia18.docx by
tecnologia18.docxtecnologia18.docx
tecnologia18.docxnosi6702
5 views5 slides
Benefits in Software Development by
Benefits in Software DevelopmentBenefits in Software Development
Benefits in Software DevelopmentJohn Valentino
5 views15 slides
EV Charging App Case by
EV Charging App Case EV Charging App Case
EV Charging App Case iCoderz Solutions
9 views1 slide
Quality Engineer: A Day in the Life by
Quality Engineer: A Day in the LifeQuality Engineer: A Day in the Life
Quality Engineer: A Day in the LifeJohn Valentino
7 views18 slides

Recently uploaded(20)

360 graden fabriek by info33492
360 graden fabriek360 graden fabriek
360 graden fabriek
info33492165 views
Dapr Unleashed: Accelerating Microservice Development by Miroslav Janeski
Dapr Unleashed: Accelerating Microservice DevelopmentDapr Unleashed: Accelerating Microservice Development
Dapr Unleashed: Accelerating Microservice Development
Miroslav Janeski15 views
tecnologia18.docx by nosi6702
tecnologia18.docxtecnologia18.docx
tecnologia18.docx
nosi67025 views
Quality Engineer: A Day in the Life by John Valentino
Quality Engineer: A Day in the LifeQuality Engineer: A Day in the Life
Quality Engineer: A Day in the Life
John Valentino7 views
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium... by Lisi Hocke
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...
Lisi Hocke35 views
JioEngage_Presentation.pptx by admin125455
JioEngage_Presentation.pptxJioEngage_Presentation.pptx
JioEngage_Presentation.pptx
admin1254558 views
FOSSLight Community Day 2023-11-30 by Shane Coughlan
FOSSLight Community Day 2023-11-30FOSSLight Community Day 2023-11-30
FOSSLight Community Day 2023-11-30
Shane Coughlan7 views
Ports-and-Adapters Architecture for Embedded HMI by Burkhard Stubert
Ports-and-Adapters Architecture for Embedded HMIPorts-and-Adapters Architecture for Embedded HMI
Ports-and-Adapters Architecture for Embedded HMI
Burkhard Stubert33 views
Bootstrapping vs Venture Capital.pptx by Zeljko Svedic
Bootstrapping vs Venture Capital.pptxBootstrapping vs Venture Capital.pptx
Bootstrapping vs Venture Capital.pptx
Zeljko Svedic15 views
How To Make Your Plans Suck Less — Maarten Dalmijn at the 57th Hands-on Agile... by Stefan Wolpers
How To Make Your Plans Suck Less — Maarten Dalmijn at the 57th Hands-on Agile...How To Make Your Plans Suck Less — Maarten Dalmijn at the 57th Hands-on Agile...
How To Make Your Plans Suck Less — Maarten Dalmijn at the 57th Hands-on Agile...
Stefan Wolpers42 views
Navigating container technology for enhanced security by Niklas Saari by Metosin Oy
Navigating container technology for enhanced security by Niklas SaariNavigating container technology for enhanced security by Niklas Saari
Navigating container technology for enhanced security by Niklas Saari
Metosin Oy15 views

Courseware - efficient materials for your workshop

  • 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
  • 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