6 | {{review.stars}} Stars 7 | {{review.body}} 8 | — {{review.author}} 9 |10 |
I am red!
25 | 26 | 27 | ``` 28 | 29 | ## HINTS 30 | 31 | This is how you can call static middleware: 32 | 33 | ```javascript 34 | app.use(express.static(path.join(__dirname, 'public'))); 35 | ``` 36 | 37 | For this exercise expressworks will pass you the path: 38 | 39 | ```javascript 40 | app.use(express.static(process.argv[3]||path.join(__dirname, 'public'))); 41 | ``` 42 | 43 | ## My Solution 44 | 45 | ```javascript 46 | var express = require('express') 47 | var path = require("path") 48 | var app = express() 49 | app.use(express.static(process.argv[3])); 50 | app.listen(process.argv[2]) 51 | ``` 52 | 53 | ## Official Solution: 54 | 55 | ```javascript 56 | var path = require('path') 57 | var express = require('express') 58 | var app = express() 59 | 60 | app.use(express.static(process.argv[3]||path.join(__dirname, 'public'))); 61 | 62 | app.listen(process.argv[2]) 63 | ``` 64 | -------------------------------------------------------------------------------- /Back-End-Development-Certification/Express/Express-App-Jademd: -------------------------------------------------------------------------------- 1 | ### Author 2 | 3 |  4 | 5 | Created by Rafase282 6 | 7 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Medium](https://medium.com/@Rafase282) [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 8 | 9 | # Express App: Jade 10 | 11 | Create an Express.js app with a home page rendered by Jade template engine. 12 | 13 | The homepage should respond to `/home`. 14 | 15 | The view should show the current date using `toDateString`. 16 | 17 | ## HINTS 18 | 19 | The Jade template file index.jade is already provided: 20 | 21 | ``` 22 | h1 Hello World 23 | p Today is #{date}. 24 | ``` 25 | 26 | This is how to specify path in a typical Express.js app when the folder is 'templates': 27 | 28 | ```javascript 29 | app.set('views', path.join(__dirname, 'templates')) 30 | ``` 31 | 32 | However, to use our index.jade, the path to index.jade will be provided as process.argv[3]. You are welcome to use your own jade file! 33 | 34 | To tell Express.js app what template engine to use, apply this line to the Express.js configuration: 35 | 36 | ```javascript 37 | app.set('view engine', 'jade') 38 | ``` 39 | 40 | Instead of Hello World's res.end(), the res.render() function accepts a template name and presenter data: 41 | 42 | ```javascript 43 | res.render('index', {date: new Date().toDateString()}) 44 | ``` 45 | 46 | We use `toDateString()` to simply return the date in a human-readable format without the time. 47 | 48 | ## My Solution 49 | 50 | You will need to install jade first: `npm install jade` 51 | 52 | ```javascript 53 | var express = require('express') 54 | var app = express() 55 | app.set('view engine', 'jade') 56 | app.set('views', process.argv[3]) 57 | app.get('/home', function(req, res) { 58 | res.render('index', {date: new Date().toDateString()}) 59 | }) 60 | app.listen(process.argv[2]) 61 | ``` 62 | -------------------------------------------------------------------------------- /Front-End-Development-Certification/Basic-Algorithm-Scripting/Bonfire-Reverse-a-String.md: -------------------------------------------------------------------------------- 1 | # Author 2 |  3 | 4 | Created by Rafase282 5 | 6 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 7 | 8 | # Details 9 | - Difficulty: 1/5 10 | 11 | Reverse the provided string. 12 | 13 | You may need to turn the string into an array before you can reverse it. 14 | 15 | Your result must be a string. 16 | 17 | Remember to use [ Read-Search-Ask](http://github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck) if you get stuck. Try to pair program. Write your own code. 18 | 19 | ## Useful Links 20 | - [Global String Object](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) 21 | - [String.split()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split) 22 | - [Array.join()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join) 23 | 24 | ## Problem Script: 25 | 26 | ```js 27 | function reverseString(str) { 28 | return str; 29 | } 30 | 31 | reverseString('hello'); 32 | ``` 33 | 34 | ## Explanation: 35 | You need to take the string and reverse it so if you had originally 'hello', it will turn into 'olleh'. Because you will need to split it, you will be working with Arrays too. 36 | 37 | ## Hint: 1 38 | You should split the string by characters. 39 | 40 | ## Hint: 2 41 | Find out about the built in function to reverse a string. 42 | 43 | ## Hint: 3 44 | Once you have split and reversed, do not forget to join them back into one string. 45 | 46 | ## My code: 47 | 48 | ```js 49 | function reverseString(str) { 50 | var strReverse = str.split('').reverse().join(''); 51 | return strReverse; 52 | } 53 | ``` 54 | 55 | ## My Code Explanation: 56 | This is a straightforward code. We create a variable that will hold the string split by characters, and then reversed and put back together. 57 | -------------------------------------------------------------------------------- /Front-End-Development-Certification/Basic-Algorithm-Scripting/Bonfire-Confirm-the-Ending.md: -------------------------------------------------------------------------------- 1 | # Author 2 |  3 | 4 | Created by Rafase282 5 | 6 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 7 | 8 | # Details 9 | - Difficulty: 1/5 10 | 11 | Check if a string (first argument) ends with the given target string (second argument). 12 | 13 | Remember to use [ Read-Search-Ask](http://github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck) if you get stuck. Try to pair program. Write your own code. 14 | 15 | ## Useful Links 16 | - [String.substr()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr) 17 | 18 | ## Problem Script: 19 | 20 | ```js 21 | function end(str, target) { 22 | // "Never give up and good luck will find you." 23 | // -- Falcor 24 | return str; 25 | } 26 | 27 | end('Bastian', 'n'); 28 | ``` 29 | 30 | ## Explanation: 31 | The function is a whole Boolean operation. You need to return true if the first argument ends with the second argument. This means that for the problem script, it should return true for the `end('Bastian', 'n'); case.` 32 | 33 | ## Hint: 1 34 | Take a look at how substr() works. You will be trying to get the last Nth characters. 35 | 36 | ## Hint: 2 37 | To get the Nth-to-Last character you will use length() and turn it into a negative number. 38 | 39 | ## Hint: 3 40 | Check that you have the proper syntax and that you use `===` to compare. 41 | 42 | ## My code: 43 | 44 | ```js 45 | function end(str, target) { 46 | return (str.substr(-target.length) === target); 47 | } 48 | ``` 49 | 50 | ## My Code Explanation: 51 | We use the subtring() with the negative value of the lengths of target. We could use -1 to get the last element but if the target is actually longer than one letter then the program will provide the wrong information. The we return true or false as needed. 52 | 53 | ## [Go Home](https://github.com/Rafase282/My-FreeCodeCamp-Code/wiki) 54 | -------------------------------------------------------------------------------- /MangaDB.md: -------------------------------------------------------------------------------- 1 | # Notes on things I have learned along the way 2 | ## How to Run Code in Specific Page 3 | There regular way to run JavaScript when a page loads is with: 4 | 5 | ```js 6 | $(document).ready(callback); 7 | ``` 8 | 9 | However, whether you are using templates or plain HTML, you can specify the page you would like to run the code in by creating a condition to check the url path if you don't want to have a new script run on that specific page. 10 | 11 | ```js 12 | $(document).ready(function () { 13 | if (window.location.pathname == '/user/' + user.toLowerCase()) { 14 | getMangas(); 15 | }; 16 | }); 17 | ``` 18 | 19 | ## Implement Flash Messages with jade 20 | Flash messages allows the app to share important and useful information just once and they reside in flash memory. 21 | 22 | It is important to know that if you call it once to test, it will not work the second time. Once again, the message is displayed **once**. 23 | 24 | To implement it, you first need to install [connect-flash](https://www.npmjs.com/package/connect-flash). 25 | 26 | ```bash 27 | npm install --save connect-flash 28 | ``` 29 | 30 | This will save it to your `package.json` file where you will see something like this `"connect-flash": "^0.1.1"`. 31 | 32 | You will need to add the following to your server: 33 | 34 | ```js 35 | var flash = require('connect-flash'); 36 | app.use(flash()); 37 | ``` 38 | 39 | Then you can create a flash message in the following way: 40 | 41 | ```js 42 | req.flash('info', 'Flash is back!') 43 | ``` 44 | 45 | That is, identifier, and data. Just make sure that you put it before your `res` code. Then you display it with your render. 46 | 47 | ```js 48 | res.render('index', { messages: req.flash('info') }); 49 | ``` 50 | 51 | If you want multiple messages to be handled then you can use something like this in jade: 52 | 53 | ```jade 54 | .container-fluid 55 | if msg.error && msg.error.length 56 | .alert.alert-danger 57 | div= msg.error 58 | if msg.info && msg.info.length 59 | .alert.alert-info 60 | div= msg.info 61 | if msg.success && msg.success.length 62 | .alert.alert-success 63 | div= msg.success 64 | ``` 65 | 66 | To take advantage of bootstrap custom alert panels and to handle the case where there is no indo at all. 67 | -------------------------------------------------------------------------------- /Front-End-Development-Certification/Basic-Algorithm-Scripting/Bonfire-Falsey-Bouncer.md: -------------------------------------------------------------------------------- 1 | # Author 2 |  3 | 4 | Created by Rafase282 5 | 6 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 7 | 8 | # Details 9 | - Difficulty: 1/5 10 | 11 | Remove all falsey values from an array. 12 | 13 | Falsey values in javascript are false, null, 0, "", undefined, and NaN. 14 | 15 | Remember to use [ Read-Search-Ask](http://github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck) if you get stuck. Try to pair program. Write your own code. 16 | 17 | ## Useful Links 18 | - [Boolean Objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean) 19 | - [Array.filter()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) 20 | 21 | ## Problem Script: 22 | 23 | ```js 24 | function bouncer(arr) { 25 | // Don't show a false ID to this bouncer. 26 | return arr; 27 | } 28 | 29 | bouncer([7, 'ate', '', false, 9]); 30 | ``` 31 | 32 | ## Explanation: 33 | Falsey values in javascript are false, null, 0, "", undefined, and NaN. Everything else is basically truthy. So if we find any falsey we have to filter then out. 34 | 35 | ## Hint: 1 36 | Filter() requires a callback function, you need to create it. 37 | 38 | ## Hint: 2 39 | You will return a boolean of the argument from the callback function, use `Boolean(arg)` 40 | 41 | ## Hint: 3 42 | If you figure out how to use filter and boolean then you are all set, if not then keep checking for the answer. 43 | 44 | ## My code: 45 | 46 | ```js 47 | function bouncer(arr) { 48 | function isTruthy(arg){ 49 | return Boolean(arg); 50 | } 51 | var filteredArray = arr.filter(isTruthy); 52 | return filteredArray; 53 | } 54 | ``` 55 | 56 | ## My Code Explanation: 57 | - Create a callback function that returns a boolean using the argument passed to it. 58 | - use that call back function with filter to filter the array and return the filtered array. 59 | 60 | ## [Go Home](https://github.com/Rafase282/My-FreeCodeCamp-Code/wiki) 61 | -------------------------------------------------------------------------------- /Back-End-Development-Certification/MongoDB/MongoDB-Count.md: -------------------------------------------------------------------------------- 1 | ### Author 2 | 3 |  4 | 5 | Created by Rafase282 6 | 7 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Medium](https://medium.com/@Rafase282) [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 8 | 9 | # MongoDB Count 10 | 11 | Here we will learn how to count the number of documents that meet certain criteria. 12 | 13 | Use the parrots collection to count all documents where age is greater than the first argument passed to your script. 14 | 15 | Using console.log, print the number to stdout. 16 | 17 | ## HINTS 18 | 19 | To count the number of documents meeting certain criteria, we must use the collection.count() function. 20 | 21 | Here is an example: 22 | 23 | ```javascript 24 | collection.count({ 25 | name: 'foo' 26 | }, function(err, count) { 27 | 28 | }) 29 | ``` 30 | 31 | If your program does not finish executing, you may have forgotten to close the db. That can be done by calling `db.close()` after you have finished. 32 | 33 | ## Resource 34 | 35 | -26 | I am {{4 + 6}} 27 |
28 | ``` 29 | 30 | This will be the same as `I am 10
` 31 | 32 | It also works for strings too. There are more examples [here.](http://docs.angularjs.org/guide/expression) 33 | 34 | # Controllers 35 | Controllers are where we define out app's behavior by defining functions and values. 36 | 37 | ```js 38 | (function(){ 39 | var app = angular.module('store', []); 40 | 41 | app.controller('StoreController', function(){ 42 | this.product = gem; 43 | }); 44 | })(); 45 | ``` 46 | 47 | This will do the magic in this scope only. 48 | 49 | ```html 50 |{{store.product.description}}
//displays description 54 |I am red!
36 | 37 | 38 | ``` 39 | 40 | ## HINTS 41 | 42 | You'll want to plug in some stylus middleware using app.use again. It'll look something like this: 43 | 44 | ```javascript 45 | app.use(require('stylus').middleware('/path/to/*.styl' )) 46 | ``` 47 | 48 | In addition to producing in the "STATIC" exercise, you'll need to serve static files. Remember that middleware is executed in the order app.use is called! 49 | 50 | ## NOTE 51 | 52 | For your own projects, Stylus needs to be installed like any other dependency: 53 | 54 | ``` 55 | $ npm install stylus 56 | ``` 57 | 58 | ## My Solution 59 | 60 | ```javascript 61 | var express = require('express'); 62 | var app = express(); 63 | 64 | app.use(require('stylus').middleware(process.argv[3])); 65 | app.use(express.static(process.argv[3])); 66 | // This will display the main.styl content, not needed. 67 | app.get(process.argv[3], function(req, res) { 68 | res.render('main'); 69 | }); 70 | 71 | app.listen(process.argv[2]); 72 | ``` 73 | 74 | ## Official Solution: 75 | 76 | ```javascript 77 | var express = require('express') 78 | var app = express() 79 | 80 | app.use(require('stylus').middleware(process.argv[3])); 81 | app.use(express.static(process.argv[3])); 82 | 83 | app.listen(process.argv[2]) 84 | ``` 85 | -------------------------------------------------------------------------------- /Front-End-Development-Certification/Intermediate-Algorithm-Scripting/Bonfire-Spinal-Tap-Case.md: -------------------------------------------------------------------------------- 1 | # Author 2 |  3 | 4 | Created by Rafase282 5 | 6 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 7 | 8 | # Details 9 | - Difficulty: 2/5 10 | 11 | Convert a string to spinal case. Spinal case is all-lowercase-words-joined-by-dashes. 12 | 13 | Remember to use [ Read-Search-Ask](http://github.com/FreeCodeCamp/freecodecamp/wiki/How-to-get-help-when-you-get-stuck) if you get stuck. Try to pair program. Write your own code. 14 | 15 | ## Useful Links 16 | - [RegExp](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp) 17 | - [String.replace()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace) 18 | 19 | ## Problem Script: 20 | 21 | ```js 22 | function spinalCase(str) { 23 | // "It's such a fine line between stupid, and clever." 24 | // --David St. Hubbins 25 | return str; 26 | } 27 | 28 | spinalCase('This Is Spinal Tap'); 29 | ``` 30 | 31 | # Problem Explanation: 32 | - Convert the given string to an all lowercase sentence joined by dashes. 33 | 34 | ## Hint: 1 35 | - Create a regex to for all white spaces and underscores. 36 | 37 | ## Hint: 2 38 | - You will also have to make everything lowercase. 39 | 40 | ## Hint: 3 41 | - The tricky part is getting the regex part to work, once you do that then just turn the uppercase to lowercase and replace spaces with underscores using `replace()` 42 | 43 | ## Spoiler Alert! 44 | [](https://files.gitter.im/FreeCodeCamp/Wiki/nlOm/687474703a2f2f7777772e796f75726472756d2e636f6d2f796f75726472756d2f696d616765732f323030372f31302f31302f7265645f7761726e696e675f7369676e5f322e676966.gif) 45 | 46 | **Solution ahead!** 47 | 48 | ## Code Solution: 49 | 50 | ```js 51 | function spinalCase(str) { 52 | // Create a variable for the white space and underscores. 53 | var regex = /\s+|_+/g; 54 | 55 | // Replace low-upper case to low-space-uppercase 56 | str = str.replace(/([a-z])([A-Z])/g, '$1 $2'); 57 | 58 | // Replace space and underscore with - 59 | return str.replace(regex, '-').toLowerCase(); 60 | } 61 | ``` 62 | 63 | # Code Explanation: 64 | - Read comments in code. 65 | -------------------------------------------------------------------------------- /Back-End-Development-Certification/MongoDB/MongoDB-Find-Project.md: -------------------------------------------------------------------------------- 1 | ### Author 2 | 3 |  4 | 5 | Created by Rafase282 6 | 7 | [Github](https://github.com/Rafase282) | [FreeCodeCamp](http://www.freecodecamp.com/rafase282) | [CodePen](http://codepen.io/Rafase282/) | [LinkedIn](https://www.linkedin.com/in/rafase282) | [Medium](https://medium.com/@Rafase282) [Website](https://rafase282.github.io/) | [E-Mail](mailto:rafase282@gmail.com) 8 | 9 | # MongoDB Find Project 10 | 11 | Here we will learn how to search for documents but only fetch the fields we need. Also known as projection in MongoDB 12 | 13 | Use the parrots collection to find all documents where age is greater than the first argument passed to your script. 14 | 15 | The difference from the last lesson will be that we only want the name and age properties 16 | 17 | Using `console.log`, print the documents to `stdout`. 18 | 19 | ## HINTS 20 | 21 | To find a document or documents, one needs to call find() on the collection. 22 | 23 | Find is a little bit different than what we are used to seeing. 24 | 25 | Here is an example: 26 | 27 | ```javascript 28 | collection.find({ 29 | name: 'foo' 30 | }, { 31 | name: 1 32 | , age: 1 33 | , _id: 0 34 | }).toArray(function(err, documents) { 35 | 36 | }) 37 | ``` 38 | 39 | If your program does not finish executing, you may have forgotten to close the db. That can be done by calling `db.close()` after you have finished. 40 | 41 | ## Resource: 42 | 43 | -