Development-resources.md

Development resources

• https://caniuse.com/
• https://libraries.io/ Library search engine
• https://github.com/kriswallsmith/assetic PHP asset (javascript/css) file management library
• German page on how to calculate various checksums http://www.pruefziffernberechnung.de/
• Description of file formats: http://www.fileformat.info/
• https://www.freecodecamp.org/ ?
• wait animations/throbbers https://uiball.com/ldrs/
• Open game art sprites sounds etc https://opengameart.org/
• Captcha Email addresses https://spamty.eu
• Captcha everything else https://www.google.com/recaptcha/intro/v3beta.htmlf
• Software updates: the update framework https://theupdateframework.github.io/

Templates, CSS boilerplates

• https://templated.co/
• http://www.oswd.org/
• http://www.openwebdesign.org/
• Frontend-"Boilerplate"-Frameworks:
  • https://bulma.io/ Flexbox-Based
  • https://getbootstrap.com/
  • https://foundation.zurb.com/
  • https://getuikit.com/
  • http://getskeleton.com/
  • Single page html/css template: evie theme https://evie.undraw.co/
• Bootstrap-Templates http://bootswatch.com/ , http://startbootstrap.com/
• Bootstrap-Theme-Generator https://pikock.github.io/bootstrap-magic/
• Opensource Wordpress Themes bspw.
  • https://colorlib.com/
  • http://www.andersnoren.se/teman/
  • https://themeisle.com/wordpress-themes/free/ (auch Woocommerce)
• TailwindCSS: https://tailwindcss.com/

Game engines

• Amazon Open 3D Engine for "AAA" games https://github.com/o3de/o3de
• great 2- and 3d game engine https://godotengine.org/
• Realtime Strategy RTS game engine https://springrts.com/
• GDevelop 2d game engine https://gdevelop-app.com/
• C# game engine (godot c# or) http://xenko.com/
• Web Based 2d https://phaser.io/
• Web Based 2d webgl renderer https://pixijs.com/

Design systems

• Material Design https://material.io/design e.g. for vue https://vuetifyjs.com/en/
• Ant design https://ant.design/ e.g. for react (antd)

Software

Please refer to https://github.com/jstaerk/didakten/wiki/Open-Source-Software#Development

Server applications

• Open-Source-Pastebin https://privatebin.info/
• File browser / Ajax explorer / https://pydio.com/ http://sourceforge.net/projects/ajaxplorer/

C++ libraries

• https://www.boost.org/
• https://developers.google.com/protocol-buffers/
• https://ogrecave.github.io/ogre/ scene-oriented, flexible 3D engine

Java libraries

• https://github.com/sbraconnier/jodconverter/ use LibreOffice to convert files
• Onlyoffice, Libreoffice online, Collabora Online: embed Office functionality in web based applications
• Java: Spring boot, jhipster, http://www.dropwizard.io/
• https://www.optaplanner.org/ nonlinear constraint solver/optimizer
• https://www.philippe-fournier-viger.com/spmf/ Open source data mining algorithms
• https://github.com/akka/akka Distributed resilient actors e.g. as crawler (agent model, mentioned in https://www.youtube.com/watch?v=W3JqG7DqctA)
• https://github.com/libgdx/libgdx/ Java cross platform OpenGL (ES) game development library
• https://truelicense.namespace.global/ Open Source (APL) Java license server
• https://github.com/eclipse-vertx/vert.x Reactivity for Java with a internal event bus

Python libraries

• human language translation https://github.com/argosopentech/argos-translate and its https://github.com/uav4geo/LibreTranslate

PHP Libraries

• http://php-di.org, see also https://github.com/mikedfunk/php-di-example

• Monolog PHP logger https://github.com/Seldaek/monolog

• PHP charts: http://pchart.sourceforge.net/, (JS) http://www.chartjs.org/

• PHP password hashing: http://www.openwall.com/phpass/

• PHP http request library https://github.com/guzzle/guzzle

• Async processig: https://github.com/spatie/async

• Server+PHP library:

  • Exception Tracking https://github.com/getsentry/sentry
  • Unleash feature toogle https://github.com/Unleash/unleash

• Automatic tests:

  • PHPunit https://phpunit.de/
  • Codeception https://codeception.com/
  • Behat http://behat.org

• Manual tests

  • Testlink http://testlink.org/
  • Systemtestportal http://www.systemtestportal.org/

• Debugging

  • XDebug https://xdebug.org/
  • Whoops https://github.com/filp/whoops
  • PHP "printr on steroids" http://raveren.github.io/kint/

• http://www.opauth.org/ Open Source Authentification for PHP

• Read and write Excel in PHP (vormals PHPExcel) https://github.com/PHPOffice/PhpSpreadsheet, s.a. http://christianhartwig81.wordpress.com/2011/05/08/erste-schritte-mit-phpexcel/

• Concurrency, Servers

  • https://amphp.org/
  • https://reactphp.org/

• https://robo.li/ PHP task runner

• https://www.appserver.io/ App server

• PHP-Frameworks

• Zend Framework (kaum Erfahrung)

• Codeigniger

• Symfony

• https://swagger.io/ API framework, instead of the Swagger HTML client alternatives may be https://github.com/Redocly/redoc or https://github.com/rapi-doc/RapiDoc

• http://angularjs.org/ web app framework

• responsive framework http://foundation.zurb.com/

• frontend framework: http://twitter.github.io/bootstrap/

• Social media framework elgg https://elgg.org/

• Laravel: https://laravel.com/

Node Libraries

• Process managers
  • https://github.com/foreverjs/forever
  • https://pm2.io/
  • http://strong-pm.io/
• private NPM registry https://github.com/rlidwka/sinopia https://github.com/verdaccio/verdaccio
• https://rxjs.dev/ Make Javascript Reactive

Javascript libraries

• Cookie Consent https://www.cookieconsent.com/

• Javascript-Timeline http://timeline.knightlab.com/ https://github.com/NUKnightLab/TimelineJS3

• http://papaparse.com/ Javascript CSV parser

• https://videojs.com/ Javascript video player

• https://github.com/dknight/xz-notify flash messages

• JS-scrolling: greensocks, superscrollorama

• https://owlcarousel2.github.io/OwlCarousel2/

• Charting/Flowcharting https://jgraph.github.io/mxgraph/

• http://www.cannonjs.org/ Javascript Physics engine

• 3d web library: https://threejs.org/, https://aframe.io/ (VR)

• https://threejs.org/ Javascript WebGL engine

• https://github.com/knex/knex Node.js SQL query builder (MySQL, Postgres...)

• https://jsonforms.io/ Create forms from JSON and get their responses

• https://particles.matteobruni.it/ Particle libraries

• https://wavesurfer-js.org/ Visualize Audio Files, allow to start/stop

• https://github.com/jsplumb/jsplumb Draggable connectors

• https://github.com/CesiumGS/cesium open source javascript 3d globe / world map

• https://521dimensions.com/open-source/amplitudejs Open source audio player interface

• http://phaser.io/ HTML5 2d game framework, with canvas sprites etc

• https://github.com/google/blockly/ visual programming language builder, drag&drop&connect statements

• https://www.shadertoy.com/ webgl shaders, library and creating tool

• https://github.com/vercel/pkg Node.js Bundler, creates native applications like .EXEs for Windows

• https://aframe.io/ ThreeJS scene graph for AR and VR

• https://paveldogreat.github.io/WebGL-Fluid-Simulation/ WebGL fluid simulation

• Maps

  • 2d/3d maps https://maptalks.org/
  • https://leafletjs.com/
  • https://openlayers.org/
  • http://kartograph.org/
  • Wayfinding https://github.com/ucdavis/wayfinding
  • Wayfinding, indoor: https://pgrouting.org/ used e.g. by the Deutsche Bahn https://media.ccc.de/v/fossgis2020-3080-digitale-bahnhofsplne-fr-die-reisendeninformation-der-deutschen-bahn

• SVG

  • create SVGs http://svgjs.com/
  • create, load and edit SVGs: http://snapsvg.io/
  • paint SVGs https://github.com/SVG-Edit/svgedit
  • SVG pan and zoom https://github.com/ariutta/svg-pan-zoom

• Charts:

  • https://d3js.org/,
  • d3js based https://plot.ly/
  • scientific data plots/charts: http://jupyter.org/,
  • echarts https://ecomfe.github.io/echarts-doc/public/
  • ChartJS: https://www.chartjs.org/

• Unlimited zoom: https://openseadragon.github.io/

• Sketchpad/image editor https://github.com/ivictbor/painterro

• Javascript Password Strength https://blogs.dropbox.com/tech/2012/04/zxcvbn-realistic-password-strength-estimation/

• Javascript-Source Code Editor: https://ace.c9.io/ ACE https://github.com/ajaxorg/ace/ see also https://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

• Javascript Framework benchmarks https://github.com/krausest/js-framework-benchmark

• HTML-Editors and File Browser

  • QuillJS https://quilljs.com/
  • CKEditor http://ckeditor.com/
  • tinymce http://www.tinymce.com/
  • Aloha HTML5 http://aloha-editor.org/
  • Summernote http://summernote.org/
  • Ajax File Browser (ajaxfb): http://sourceforge.net/projects/ajaxfb/
  • https://github.com/xing/wysihtml5
  • https://github.com/measuredco/puck/ React-based visual editor
  • http://vistaprint.github.io/ArteJS/
  • https://prosemirror.net/ (includes collaborative editing)+it's vue js port https://tiptap.dev/
  • https://github.com/yabwe/medium-editor

• Online Word Processors

  • https://www.onlyoffice.com/de/
  • https://www.collaboraoffice.com/code/
  • https://www.libreoffice.org/download/libreoffice-online/

JQuery Plugins

• http://datatables.net for tables/pagination etc tablesorter from http://mottie.github.io/tablesorter/
• multiple-select/tagging http://harvesthq.github.io/chosen/ or (better) http://ivaynberg.github.io/select2/,
• datepicker/timepicker https://github.com/flatpickr/flatpickr and https://github.com/ankurk91/vue-flatpickr-component
• calendar view https://fullcalendar.io/
• color picker http://bgrins.github.io/spectrum/
• Uploader: Uploader: http://www.dropzonejs.com/
• Zoomable images https://openseadragon.github.io/ https://storymap.knightlab.com/gigapixel/
• Carousel/Slider http://kenwheeler.github.io/slick/ or https://flickity.metafizzy.co/,
• Form validator: http://parsleyjs.org/,
• Galleries: FancyBox2 http://fancyapps.com/fancybox/
• Miscellaneous https://github.com/ivoviz/feedback ,
• video player http://jplayer.org/,
• 360° product viewer http://www.360slider.com/, Spin360 https://github.com/easyw/spin360 = http://spritespin.ginie.eu/
• 360° panorama viewer http://www.marzipano.net/
• Tree/Hierachy https://www.jstree.com/,
• Cookie notice https://cookieconsent.insites.com/.
• Zoom: http://www.elevateweb.co.uk/image-zoom, Scroll magic: http://scrollmagic.io/
• Reveal when scrolling https://github.com/matthieua/WOW
• Filter & sort layouts https://isotope.metafizzy.co/
• Hand drawn lookalike charts http://roughjs.com/

Bootstrap Plugins

• Date Range Picker http://www.daterangepicker.com/
• Treeview http://jonmiles.github.io/bootstrap-treeview/ bzw. https://github.com/jonmiles/bootstrap-treeview,
• Notification / alert messages http://bootstrap-notify.remabledesigns.com/
• Multi-select https://github.com/davidstutz/bootstrap-multiselect,
• Wizard https://github.com/VinceG/twitter-bootstrap-wizard scrollspy:eingebaut
• Toggles statt checkboxes http://www.bootstraptoggle.com/
• Admin panel / Dashboards
  • https://tabler.github.io/
  • https://github.com/seguce92/carbon
  • https://adminlte.io/
  • https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free for vue
  • https://github.com/codedthemes/mantis-free-vuetify-vuejs-admin-template

React

• Drag and drop page editor https://craft.js.org/ / Gui Builder
• https://jsonforms.io/ custom forms creation and display

Vue

• https://www.npmjs.com/package/vue-sweetalert2 notifications

Wordpress Plugins

• Wordpress-Framework/Starter themes
  • https://roots.io/ bedrock,
  • https://assely.org/,
  • https://framework.themosis.com/
  • https://underscores.me/
• https://www.advancedcustomfields.com/ Advanced custom fields
• https://www.wordfence.com/ security pluging / buddypress social plugin
• pagebuilder https://de.wordpress.org/plugins/wr-pagebuilder/ Drag and Drop page builder with Bootstrap-alike elements like Carousel, Slider, https://visualcomposer.io/
• https://wp-sync-db.github.io/ opensource-version of https://de.wordpress.org/plugins/wp-migrate-db/ Move Wordpress-DB to other server
• https://de.wordpress.org/plugins/wordpress-seo/ SEO-Optimizer
• https://de.wordpress.org/plugins/updraftplus Automatic Backup
• https://de.wordpress.org/plugins/w3-total-cache/ Cache
• Search: https://de.wordpress.org/plugins/relevanssi/ or https://searchwp.com/
• https://wordpress.org/plugins/content-aware-sidebars/ Content aware sidebars
• https://github.com/mainwp/mainwp Site management and joint update s.a. (kommerziell?) https://de.wordpress.org/plugins/search/managewp/ Multi-Installation-Tool (distribute Plugins)
• https://de.wordpress.org/plugins/qtranslate-x/ Translate contents
• https://de.wordpress.org/plugins/nextgen-gallery/ Gallery
• https://de.wordpress.org/plugins/autodescription/ The SEO Framework
• https://wpbean.com/product/wpb-filterable-portfolio/ Filterbares Portfolio
• https://de.wordpress.org/plugins/content-aware-sidebars/ Content aware sidebars
• https://de.wordpress.org/plugins/all-in-one-wp-security-and-firewall/ Security
• https://visualcomposer.com/ GUI builder
• Themes e.g. : https://de.wordpress.org/themes/onepress/ and https://de.wordpress.org/themes/anderson-lite/

Charting

• Railroad diagrams: e.g. for Grammars Online JS https://tabatkins.github.io/railroad-diagrams/generator.html, Alternative http://www.bottlecaps.de/rr/ui
• Sequence diagrams: e.g. for Protocols https://bramp.github.io/js-sequence-diagrams/
• https://mermaid-js.github.io/mermaid/#/ "Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs."

Generators/Mockups/Miscellaneous

• https://randomuser.me/ generates names and pictures
• https://shields.io/ has badges
• https://projects.eclipse.org/projects/ecd.langium create Domain Specific Languages

Logging and graphing

• Logstash https://github.com/elastic/logstash
• https://smashing.github.io/
• https://grafana.com/grafana/download

Video conferences

• https://meet.jit.si/ embeddable video conferences
• https://openvidu.io/ customizable video conferences

Low code/No code

• https://github.com/appsmithorg/appsmith

Structural

• https://github.com/axa-group/Parsr Scan to data web view in Node

Browser Plugins

• Change how existing Pages look&behave https://github.com/greasemonkey/greasemonkey/
• Venkman Javascript debugger with this tutorial: http://www.svendtofte.com/code/learning_venkman/
• Live http headers: analyze e.g. redirects https://chrome.google.com/webstore/detail/live-http-headers/ianhploojoffmpcpilhgpacbeaifanid
• Easy Xdebug: Xdebug-plugin https://addons.mozilla.org/de/firefox/addon/xdebug-helper-for-firefox/

Offline applications

• https://github.com/vslavik/winsparkle Version updater DLL for c++, c#, windows native applications

Learning

Free learning materials

• http://www.code.org
• https://www.cryptool.org/de/ct2-downloads visualization of cryptographical algorithms
• https://simpl.info/ examples of the simplest possible implementation of various Javascript techniques and APIs

Non-Profit-Organisations / Workshops

• http://railsgirls.com/
• https://www.teckids.org/
• https://www.hackerstolz.de/hackschool/
• https://www.hacker-school.de/
• https://nodeforum.org/activities/young-at-node/jugend-hackt/ Jugend hackt ffm
• https://nodeforum.org/digitale-welten-frankfurt/ Digitale Welten Frankfurt

Free MOOCs

• codecademy.com
• katacoda.com
• https://www.edx.org/
• https://www.freecodecamp.org/
• HPI (German)
  • Ruby https://open.hpi.de/enrollments?course_id=ruby2018
  • Python https://open.hpi.de/courses/pythonjunior-mint-ec-2018
  • Java https://open.hpi.de/courses/javaeinstieg-mint-ec-2018
• Misc german https://www.oncampus.de

Curated lists of beautiful homepages (inspiration)

• httpster.net
• https://www.siteinspire.com/
• https://www.awwwards.com/
• https://uimovement.com/
• https://www.ux-design-awards.com/

Youtube tutorials

• Shaders in unity (5h) https://www.youtube.com/watch?v=9WW5-0N1DsI
• Unreal Engine 4 tutorial (4.5h) https://www.youtube.com/watch?v=a0qNO6_xPx0

Miscellaneous links

• http://motionographer.com/2015/07/06/user-interface-design-why-motion-matters/
• https://github.com/dipakkr/A-to-Z-Resources-for-Students
• https://github.com/michael-pfister/deno-portfolio open source developer portfolio webpage
• Recommendation for apps to get into coding https://www.golem.de/news/programmieren-lernen-informatik-apps-fuer-kinder-sind-oft-zu-komplex-2001-144857.html (German) or DataCamp, Mimo, SoloLearn, Grasshopper and Py in https://www.heise.de/tests/Fuenf-Programmier-Lern-Apps-im-Vergleich-4649571.html (German)
• https://awesomeopensource.com/projects/godot Open source projects

see also

• Resources and
• Open source software

License