remarcable / learnjs-and-more

learnjs-and-more

Lernressourcen für JavaScript um am Ende des Lernpfads mit Meteor, React und Redux eine interaktive (Web-)App coden zu können.

Lernpfad

1. Wie fühlt es sich an JavaScript heute zu lernen? Ein kleiner Einblick auf das, was auf dich zukommt
   • https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f#.m144r75w0
2. So ein Glück, dass es darauf eine Antwort gibt. Hier ein studyplan welches sich weniger auf die Sprache, sondern auf das Warum, React, ES6, und Redux konzentriert. Ich empfehle, diesen Study plan abzuarbeiten
   • https://medium.freecodecamp.com/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1#.92q3fpiox
   • siehe Ressourcen JavaScript, React, ES6
3. Wahrscheinlich ist es während der Kurse schon notwendig mit dem Terminal zu arbeiten. Und wenn du schon bei einem kleinen Miniprojekt bist lohnt es mit Sicherheit auch, schon mit Git zu arbeiten. Dabei solltest du auch schon mal unterschiedliche Editors ausprobieren
   • siehe Ressourcen Terminal, Editor und git
4. Wenn die Basics im Frontend gelegt sind geht es ans Backend, also an Meteor.
   • siehe Ressourcen Meteor
5. Gerade bei React und unserem Way of thinking ist es wichtig die grundlegenden Paradigmen der Funktionalen Programmierung zu verstehen
   • siehe Ressourcen Functional Programming
6. Bitte schreibe sauberen Code. Wie das geht:
   • siehe Ressourcen Code Style
7. Hab ich etwas vergessen? --> Pull Request!

Ressourcen

Functional Programming

• Nicer Talk über Functional Programming with ES6 https://youtu.be/HvMemAgOw6I
• Artikel #1 https://www.smashingmagazine.com/2014/07/dont-be-scared-of-functional-programming/
• Chapter aus Eloquent JavaScript: http://eloquentjavascript.net/1st_edition/chapter6.html
• Javascript Verbindung OOP und Functional Programming #1 https://medium.com/javascript-scene/the-two-pillars-of-javascript-ee6f3281e7f3#.acblcfpj5
• Javascript Verbindung OOP und Functional Programming #2 https://medium.com/javascript-scene/the-two-pillars-of-javascript-pt-2-functional-programming-a63aa53a41a4#.tzuw2rehl
• Functional JavaScript: https://github.com/timoxley/functional-javascript-workshop

React

• Learn React https://github.com/kohei-takata/learnyoureact
• Thinking in React https://github.com/asbjornenge/thinking-in-react
• Offizielle Seite von React mit Dokumentation https://facebook.github.io/react/
• React for Everyone (ich hab die Videos bereits, muss die bei Interesse noch hochladen)

Meteor

• Official Tutorial (with React) https://www.meteor.com/tutorials/react/creating-an-app
• Meteor Guide (einmal durchlesen; ich weiß es ist viel aber es ist wichtig) https://guide.meteor.com/
• Selbst ein kleines Projekt starten! Learning by doing ist so powerful, ehrlich

JavaScript

• Basics Learn JavaScript (Codecademy https://www.codecademy.com/learn/javascript)
• Basics Learn JavaScripting (Nodeschool https://github.com/workshopper/javascripting)
• Ultra Basics https://www.udacity.com/course/javascript-basics--ud804
• Object Oriented Javascript https://www.udacity.com/course/object-oriented-javascript--ud015
• JavaScript Best Practices https://github.com/excellalabs/js-best-practices-workshopper
• Bestes, umfangreiches, kostenloses Buch zu JavaScript http://eloquentjavascript.net/

ES6

• Liste mit Ressourcen um ES6 zu lernen https://github.com/ericdouglas/ES6-Learning

Terminal

• Für Windows: Am Besten Cygwin nutzen https://cygwin.com/
• oh my zsh macht das Terminal noch schöner (für windows nicht ausprobiert, funktioniert definitiv auf UNIX Systemen): http://ohmyz.sh/
• UNIX Terminal Commands: https://www.udacity.com/course/linux-command-line-basics--ud595

Code Style

• JavaScript Style Guide https://github.com/airbnb/javascript
• JavaScript Clean Code https://github.com/ryanmcdermott/clean-code-javascript
• Buch Clean Code

Git

• Try Git https://try.github.io/levels/1/challenges/1
• How to use git and github https://www.udacity.com/course/how-to-use-git-and-github--ud775
• Learn Git and GitHub: https://github.com/jlord/git-it
• Learn git branching http://learngitbranching.js.org/
• Branching Workflow https://git-scm.com/book/de/v1/Git-Branching-Branching-Workflows
• Der GitHub Branching Workflow https://guides.github.com/introduction/flow/index.html
• Warum sind Codereviews wichtig? https://www.sitepoint.com/the-importance-of-code-reviews/

Editor

• Wähle: Sublime Text, Atom, Webstorm, VS Code, Brackets, … (Ich nutze Atom + zusätzlich Plugins)
• Lerne Editor kennen, Nicht kurz sondern intensiv. Ein Macher ist nur so gut wie sein Werkzeug!
• Lerne Keyboard Shortcuts, sie machen alles schneller! Am Anfang sind Cheatsheets hilfreich.