freecodecamp & codecademy

[xgqfrms]

freecodecamp

https://www.freecodecamp.org/

codecademy

https://www.codecademy.com/paths/web-development/

https://github.com/codecademy

[xgqfrms]

https://www.freecodecamp.org/webgeeker

hotlinking bug

https://cdn.xgqfrms.xyz/logo/icon.png

https://raw.githubusercontent.com/xgqfrms/cdn/gh-pages/logo/icon.png

[xgqfrms]

micro service

https://learn.freecodecamp.org/apis-and-microservices/apis-and-microservices-projects/timestamp-microservice

https://curse-arrow.glitch.me/

https://github.com/freeCodeCamp/boilerplate-project-timestamp/

https://curse-arrow.hyperdev.space/api/timestamp/2015-12-15 https://curse-arrow.hyperdev.space/api/timestamp/1450137600000

---

https://glitch.com/ https://glitch.com/edit/#!/sponge-nerve?path=README.md:1:0

[xgqfrms]

https://github.com/xgqfrms/timestamp-microservice

https://github.com/freeCodeCamp/boilerplate-project-timestamp/blob/gomix/server.js

https://learn.freecodecamp.org/apis-and-microservices/apis-and-microservices-projects/timestamp-microservice

[xgqfrms]

https://forum.freecodecamp.org/

https://www.freecodecamp.org/news/beaucarnes/beginners-guide-to-websockets--kdLPOs98r

https://www.freecodecamp.org/news/beaucarnes/mongodb-full-course-nodejs-express-mongoose--ec8iI9oO9

https://www.freecodecamp.org/news/beaucarnes/brief-history-of-frontend-frameworks--jo8Wi8

A Brief History of Frontend Frameworks

https://www.youtube.com/watch?v=Kzeog8yTFaE

[xgqfrms]

node-js-handbook

https://www.freecodecamp.org/news/quincylarson/node-js-handbook--rSaL0lP34

https://medium.freecodecamp.org/the-definitive-node-js-handbook-6912378afc6e

https://pages.convertkit.com/5fdd03a386/1b1a570eeb

https://flaviocopes.com/page/node-handbook/ https://www.dropbox.com/s/ql3iwrb67vjhfqy/node-handbook.pdf https://www.dropbox.com/s/mlpm1lh5uq6ws64/node-handbook.epub https://www.dropbox.com/s/50me25j3pkegp0t/node-handbook.mobi

https://www.dropbox.com/s/ql3iwrb67vjhfqy/node-handbook.pdf

https://ucf76eb54e2477afdf48d11ff5ec.previews.dropboxusercontent.com/nativeprint?file=https%3A%2F%2Fwww.dropbox.com%2Fs%2Fql3iwrb67vjhfqy%2Fnode-handbook.pdf%3Fdisable_range%3D1%26from_native_print%3D1%26preview%3D1

https://ucd9d897b8041499dbb96b645a98.dl.dropboxusercontent.com/cd/0/get/AQlcGeauwmcfITr-uaNWaDaWoljx9lD7kcevMznfCs1djEgkP30urs_Ci9bMjgOJ5DccQlQYxb2mgfMZzpq0NvIPGV2324_t1btQWcMu34nnLLE5e_n77uJ00WFgEaQ0JAeXM3mjoti7URiarbkj6V3kB53AG3EVI1NvKMeIM5PmraFBjKAJDtyJWbKm9ds-Qd4/file?_download_id=9578645254887355661522263502181836304494923267268949428566116904&_notify_domain=www.dropbox.com&dl=1

[xgqfrms]

glitch

Glitch is the friendly community where you'll build the app of your dreams

https://glitch.com/@xgqfrms

https://glitch.com/about https://wistia.com/about-wistia

[xgqfrms]

JSX & new

React

const p1 = <p id="large">foo</p>;
const p2 = <p id="small">bar</p>;

https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-101-jsx-u/lessons/react-jsx-intro/exercises/attributes-in-jsx

[xgqfrms]

mac & cpu usage

how to view cpu usage on mac ?

Activity Monitor & Spotlight

command + space & seacrh Activity Monitor

https://support.apple.com/en-us/HT201464

[xgqfrms]

https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-101-jsx-u/lessons/react-jsx-intro/exercises/reactdom-render-i

https & localhost

[xgqfrms]

Virtual DOM

https://www.codecademy.com/articles/react-virtual-dom

events

http://facebook.github.io/react/docs/events.html#supported-events

[xgqfrms]

e

??? onClick={ makeDoggy }

import React from 'react';
import ReactDOM from 'react-dom';

function makeDoggy(e) {
  // Call this extremely useful function on an <img>.
  // The <img> will become a picture of a doggy.
  e.target.setAttribute('src', 'https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-puppy.jpeg');
  e.target.setAttribute('alt', 'doggy');
}

const kitty = (
    <img 
        src="https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-kitty.jpg" 
        alt="kitty" 
    onClick={(e) => makeDoggy(e)} 
  />
);

ReactDOM.render(
  kitty, 
  document.getElementById('app')
);

[xgqfrms]

https://discuss.codecademy.com/c/react-101 https://reactjs.org/docs/jsx-in-depth.html

[xgqfrms]

https://www.codecademy.com/learn/paths/web-development

Building Front-end Applications with React

https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react

[xgqfrms]

https://stackoverflow.com/questions/6259982/how-do-you-use-the-conditional-operator-in-javascript

[xgqfrms]

React.createElement

https://reactjs.org/docs/react-api.html#react.createelement

[xgqfrms]

b, d, c, e, a

Place the following steps in the right order:

a. The screen looks different than it used to.
b. A JSX element renders.
c. The virtual DOM "diffs," comparing its current self with its previous self.
d. The entire virtual DOM updates.
e. Part of the real DOM updates.

https://www.codecademy.com/paths/web-development/tracks/front-end-applications-with-react/modules/react-101-jsx-u/quizzes/react-101-quiz-1

[xgqfrms]

JSX

[xgqfrms]

path

https://www.codecademy.com/learn/paths/new

https://www.codecademy.com/learn/paths/data-science

https://www.codecademy.com/learn/paths/computer-science

https://www.codecademy.com/learn/paths/code-foundations

subject

https://www.codecademy.com/catalog/subject/programming

[xgqfrms]

https://www.codecademy.com/catalog

https://www.codecademy.com/catalog/language/bash

https://www.codecademy.com/catalog/language/java

---

https://www.codecademy.com/catalog/membership/pro

https://www.codecademy.com/catalog/membership/intensives

[xgqfrms]

https://pro.codecademy.com/offerings/ https://www.codecademy.com/pro/intensive/build-web-apis-from-scratch

[xgqfrms]

npm & rank

https://npm-stat.com/charts.html?package=react&package=vue&package=angular&from=2014-01-01&to=2018-09-18

[xgqfrms]

Uint8Array

let arr = new Uint8Array(10).map((item, i) => item = i);
// Uint8Array(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

let arr = new Uint8Array(10).map((item, i) => item = i + 1);
// Uint8Array(10) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

https://zzk.cnblogs.com/my/s/blogpost-p?Keywords=array

    const duplicationArray = (arr = [], times = 2, debug = false) => {
        let result = [];
        let temps = new Array(times);
        console.log(`temps =`, temps);
        temps.forEach(
            (item, i) => {
                // undefined bug
                console.log(`item =`, item);
                let temp = arr;
                result.concat(temp);
                console.log(`result =`, result);
            }
        );
        // for (let i = 0; i < times; i++) {
        //     let temp = arr;
        //     result.concat(temp);
        // }
        if (debug) {
            console.log(`result =`, result.length);
        }
        return result;
    };

[xgqfrms]

    const duplicationArray = (arr = [], times = 2, debug = false) => {
        let result = [];
        // let temps = new Array(times);
        let temps = new Uint8Array(times).map((item, i) => item = i);
        // BAD
        // let temps = new Array(times).join("").split(``);// []
        // let temps = new Array(times).join(" ").split(``);// (2) [" ", " "]
        // OK
        // let temps = new Array(times).join(" ").split(` `);// (3) ["", "", ""]
        console.log(`temps =`, temps);
        temps.forEach(
            (item, i) => {
                // undefined bug
                console.log(`item =`, item);
                let temp = arr;
                result = result.concat(temp);
                console.log(`result =`, result);
            }
        );
        // for (let i = 0; i < times; i++) {
        //     let temp = arr;
        //     result = result.concat(temp);
        // }
        if (debug) {
            console.log(`result =`, result.length);
        }
        return result;
    };

[xgqfrms]

https://www.freecodecamp.org/chinese/learn/

[xgqfrms]

https://www.freecodecamp.org/chinese/xgqfrms

??? author

https://www.cnblogs.com/xgqfrms/p/17204943.html#5161025