People
 :bowtie: |
😄 :smile: |
😆 :laughing: |
|---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
| //FETCH API - DOM template | |
| //Language: JavaScript | |
| function loadRepos() { | |
| const username = document.getElementById('username').value; //user input value | |
| const repos = document.getElementById('repos'); //DOM element to display data | |
| repos.innerHTML = ''; | |
| //construct the URL | |
| const url = `https://api.github.com/users/${username}/repos` |
| //AJAX - DOM template | |
| //Language: JavaScript | |
| document.getElementById('btn').addEventListener('click', loadData) | |
| function loadData() { | |
| //create an new request object | |
| const req = new XMLHttpRequest() |
| //Unit testing template | |
| //Language: JavaScript | |
| //Packages: Mocha, Chai | |
| //Javascript file | |
| module.exports = subSum; | |
| //JavaScript test file |
| function linkedList(arr) { | |
| return arr.reduceRight((next, value) => ({ value, next }), null); | |
| } | |
| let l = [3, 1, 2, 3, 4, 5]; | |
| console.log(linkedList(l)); |
| //Algorithms - Linked List Principles | |
| //Language: JavaScript | |
| class Node { | |
| constructor(data, next = null) { | |
| this.data = data; | |
| this.next = next; | |
| } | |
| } |
| class httpClient { | |
| // Get Request | |
| get(url) { | |
| return new Promise((resolve, reject) => { | |
| fetch(url) | |
| .then((res) => { | |
| if (res.ok) { | |
| return res.json(); | |
| } | |
| }).then(data => resolve(data)) |
| //How to use it in a JS file | |
| document.addEventListener('DOMContentLoaded', main) | |
| const kinvey = new Kinvey('kid_BkYBymjvd', 'ed0eed3599fa4d5d9d062fae8755f43c'); | |
| const data = { | |
| username: 'guest', | |
| password: 'guest' | |
| } |
| function get(url) { | |
| // Return a new promise. | |
| return new Promise(function(resolve, reject) { | |
| // Do the usual XHR stuff | |
| var req = new XMLHttpRequest(); | |
| req.open('GET', url); | |
| req.onload = function() { | |
| // This is called even on 404 etc | |
| // so check the status |
| <form> | |
| <h3>FORM</h3> | |
| <label>TITLE</label> | |
| <input type="title" id="title" placeholder="Title..."> | |
| <label>AUTHOR</label> | |
| <input type="title" id="author" placeholder="Author..."> | |
| <label>ISBN</label> | |
| <input type="title" id="isbn" placeholder="Isnb..."> | |
| <button>Submit</button> | |
| </form> |