Merge pull request #61 from WebDev-Guild/functional-js

Functional js

Author: Emrix

README.md

@@ -34,12 +34,13 @@ Join the conversation on [Discord](https://discord.gg/PUcnnjV).
   - [ ] [React](master/react.md)
   - [ ] [GraphQL](master/graphql.md)
   - [ ] [Databases](master/databases.md)
-  - [ ] [The Cloud](master/cloud.md)
   - [ ] [IOT](master/iot.md)
-  - [ ] [ThreeJS](master/threejs.md)
   - [ ] [Masterpiece](master/masterpiece.md)
 - Electives
   - [ ] [Design](https://hackdesign.org/lessons)
+  - [ ] [Meteor](electives/meteor.md)
+  - [ ] [The Cloud](electives/cloud.md)
+  - [ ] [ThreeJS](electives/threejs.md)
   - [ ] Performance
     - [Apprentice](https://github.com/fs-webdev/skill-building-program/blob/master/badges-active/performance/apprentice.md)
     - [Journeyman](https://github.com/fs-webdev/skill-building-program/blob/master/badges-active/performance/journeyman.md)
@@ -69,6 +70,8 @@ The badges provide suggested and required learning resources, assignments, and a
 
 To advance in ranks, you must demonstrate your ability in all of the badges by completing a project. For Apprentice and Journeyman level ranks, the project is assigned to you. For the master level, you will work with your mentor to come up with a masterpiece project that will be both challenging and rewarding. 
 
+The guild also offers content as electives. This content is not required to advance in ranks, however the contents are valuable and could come in handy when working on the rank projects.
+
 -----
 
 ## Mentors

electives/cloud.md

@@ -0,0 +1,16 @@
+# Elective Cloud Badge
+
+## Goals
+
+- Understand how the 'cloud' works
+- Understand how to use the 'cloud' for hosting assets
+- Understand how to use the 'cloud' to run hosted servers and VPCs
+- Understand how to use the 'cloud' to run serverless functions
+
+## Requirements
+
+- [ ] [Asset Hosting](cloud/hosted-assets.md)
+- [ ] [Cloud Servers](cloud/hosted-servers.md)
+- [ ] [Serverless Functions](cloud/serverless-functions.md)
+
+*Work In Progress*

master/cloud/hosted-assets.md electives/cloud/hosted-assets.mdmaster/cloud/hosted-assets.md renamed to electives/cloud/hosted-assets.md

@@ -0,0 +1,15 @@
+# Elective ThreeJS Badge
+
+## Goals
+
+- Learn how to create simple scenes in ThreeJS
+- Learn how to use `requestAnimationFrame` to animate your scene
+- Learn about how to include and use .obj models and image textures
+
+## Requirements
+
+- [Create a scene in ThreeJS](#) 
+- [ThreeJS Animations](#)
+- [Textures and Models](#)
+
+*Work In Progress*

master/cloud/hosted-servers.md electives/cloud/hosted-servers.mdmaster/cloud/hosted-servers.md renamed to electives/cloud/hosted-servers.md

@@ -0,0 +1,38 @@
+# Functional JavaScript
+
+## Intro
+
+No, I don't mean that JavaScript is normally *not* functional. Instead, this badge is to teach you how to write your JavaScript code using functions almost exclusively. There are a lot of interesting concepts that come about because of this:
+
+- Pure functions, or functions that take arguments and return a value without mutating a variable outside of the function. This makes it so you know every time you run a function with the same arguments it will return the same value.
+- Higher order functions, or functions that take a function as an argument and return another function.
+- Immutability, or never changing the value of a variable in place. Once a variable is set, you never change that value.
+- How to handle side-effects of your functions, like performing network requests or writing to a file
+- The difference between imperative and declarative programming
+
+It's a powerful paradigm which JavaScript supports. Learning it will help prepare you to learn React, which is heavily inspired by a functional paradigm.
+
+## Suggested Learning
+
+- [Functional JavaScript Concepts](https://www.sitepoint.com/introduction-functional-javascript/) - Learn difference between imperative, object-oriented, and functional programming
+- [Functional Programming Concepts](https://medium.com/javascript-scene/master-the-javascript-interview-what-is-functional-programming-7f218c68b3a0) - Awesome article listing all the concepts you need to know in functional programming.
+- [Great Functional Programming Interactive Guide](https://tech.io/playgrounds/2980/practical-introduction-to-functional-programming-with-js/pure-functions)
+
+## Requirements
+
+- Complete the basic assignments in [Functional JavaScript Workshop](https://github.com/timoxley/functional-javascript-workshop)
+- Show that you have completed the basic assignments in the workshop in the `#requirements` Discord channel to show you have passed this requirement off.
+
+## Extra Learning
+
+- [Rethinking For Loops](https://hackernoon.com/rethinking-javascript-death-of-the-for-loop-c431564c84a8)
+- [Rethinking If Statements](https://hackernoon.com/rethinking-javascript-the-if-statement-b158a61cd6cb)
+- [Functional Composition](https://hackernoon.com/javascript-functional-composition-for-every-day-use-22421ef65a10)
+- [Functional Exercises](http://reactivex.io/learnrx/) - Tons of practice code to learn with
+- [Functional Programming Game](https://david-peter.de/cube-composer/)
+
+*This list is by no means complete. Feel free to add an issue or put in a pull request to update it.*
+
+
+
+