tripdog

GENERATORS:

• Text Content Generator - http://www.lipsum.com
• Favicon Generator - http://tools.dynamicdrive.com/favicon
• Data Generator - https://mockaroo.com/
• Mobile Mockup Generator - https://mockuphone.com
• Logo Generator - https://www.logaster.com
• UUID Generator - https://www.uuidgenerator.net/
• Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
• Ultimate Code Generator - https://webcode.tools/

tripdog

Function Arguments As An Array:

/*The 'arguments' of a function can be accessed with the arguments keyword. */

function sortedArgs() {
  console.log(Array.isArray(arguments));
  //false
 

tripdog

A JSX Primer Module#76 🚀

Defining an H1 conataining a string looks like the below snippet. It does look like a strange combination of JavaScript and HTML, but it's actually all JS.

const element = <h1>Hello, world!

Expressions in JSX can easily take HTML attributes:

tripdog

Passing Parameters To Fields In Template Literals

function dog_years(name, age) {
    return `${name} you are ${age*7} years old`
}
console.log(dog_years("lola", 16))

//passing names into fields (Bond, James Bond)
function introduction(first, last) {

tripdog

Operators - Lots Of Math

function lotsOfMath(a, b, c, d){
    sum = a + b
    console.log(sum)
    minus = d - c
    console.log(d - c)
    console.log(sum * minus)
 console.log(minus%a)

tripdog

Conditionals

If else

const lifePhase = (age) => {
    if (age <= 3) {
        return 'baby'
    } else if (age > 3 && age <= 12) {
        return 'child'
 } else if (age &gt; 12 &amp;&amp; age &lt;= 19) {

tripdog

Basic For Loop Examples

Count to 100 by only odd numbers

for (let x = 0; x < 100; x++){
    if ((x % 2) !== 0)
        console.log(x)
}

Count To 100 By 5

tripdog

Add Scripts To Package dot JSON To Run Parcel Watch and Browser-Sync

{
"scripts": {
    "start": "parcel watch app.js & browser-sync start --server --files '.'",
    "watch": "parcel watch app.js",
    "sync": "browser-sync start --server --files '.'"
  }
}