scwebd

==== @channel Resources re: Tonight’s Review Session: =========================

== NEW(ER) TRICKS: ==
JavaScript ES6+: var, let, or const? https://medium.com/javascript-scene/javascript-es6-var-let-or-const-ba58b8dcde75

JavaScript: Arrow Functions for Beginners: https://codeburst.io/javascript-arrow-functions-for-beginners-926947fc0cdc

When NOT to Use Arrow Functions: https://dmitripavlutin.com/when-not-to-use-arrow-functions-in-javascript/

ES6 In Depth: Iterators and the for-of loop: https://hacks.mozilla.org/2015/04/es6-in-depth-iterators-and-the-for-of-loop/

scwebd

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'yourRootPassword'

scwebd

Reset = "\x1b[0m"
Bright = "\x1b[1m"
Dim = "\x1b[2m"
Underscore = "\x1b[4m"
Blink = "\x1b[5m"
Reverse = "\x1b[7m"
Hidden = "\x1b[8m"

FgBlack = "\x1b[30m"
FgRed = "\x1b[31m"

scwebd

1. Login to BCS
2. Click on “Support” on the top right corner of the homepage
3. Fill in your name / email address
4. Choose your role and select “Student”
5. Choose Question Category and select “Tutor Request”
6. Choose Question Subcategory and select “Request a Tutor”
7. Answer all of the remaining questions
8. If you are requesting a specific tutor (based off a conversation with your SSM or instructor), you can include their First / Last Name on the request
9. Once your request is submitted, you should receive an email within 24-48 hours once you have been assigned to a tutor.

scwebd

// SYNTAX DIFFS:
// 1) you name the inner objects as you like, not necessarily based on structure/existing class names
// 2) key/val pairs are separated by commas rather than semicolons (since we're in an object)
// 3) numbers are assumed to be in pixels, unless line height (then multiplier is assumed)
// 4) anything not a number must be in quotes, else JS assumes it's an error or a variable name
// 5) property names that ordinarily contain dashes must be camelcased (ie 'line-height' becomes 'lineHeight')

scwebd

*Mac Install Guide:* https://du.bootcampcontent.com/denver-coding-bootcamp/DU-DEN-FSF-FT-08-2019-U-C/blob/master/Class-Content/12-mysql/Install%20Guides/mysql-mac-guide.md

*Windows Install Guide:* https://du.bootcampcontent.com/denver-coding-bootcamp/DU-DEN-FSF-FT-08-2019-U-C/blob/master/Class-Content/12-mysql/Install Guides/mysql-windows-guide.md

*MAMP Server Download (alternative to SQL Server):* https://www.mamp.info/en/downloads/

*MySQL Workbench (our client):* https://www.mysql.com/products/workbench/

scwebd

*==== @channel JavaScript Debugging Resources: =============*
_(this will make debugging JS code SO MUCH easier once you get the hang of it!)_

*Get Started with Debugging JavaScript in Chrome DevTools:* https://developers.google.com/web/tools/chrome-devtools/javascript/

*Debugging in VSCode:* https://code.visualstudio.com/docs/editor/debugging

*The 14 JavaScript debugging tips you probably didn’t know:* https://raygun.com/javascript-debugging-tips

*10 Tips for Javascript Debugging Like a PRO with Console:* https://medium.com/appsflyer/10-tips-for-javascript-debugging-like-a-pro-with-console-7140027eb5f6

scwebd

==============================================
VSCode
==============================================
Basic Shortcuts (see attached PDFs for more comprehensive list): https://code.visualstudio.com/docs/editor/codebasics

How to Modify Intellisense: https://code.visualstudio.com/docs/editor/intellisense

Bracket Pair Colorizer 2 VSCode Extension (recommended install): https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2

Code Spell Checker (INSTALL THIS): https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

scwebd

.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column {
    display: flex;
    flex-direction: column;

scwebd

const Example = () => {
    return (
        // Sans JSX:
        // React.createElement("div", { className: "book"}, 
        //     React.createElement("h2", { className: "title" }, "Title here"),
        //     React.createElement("h3", { className: "author" }, "Author here"),
        //     React.createElement("ul", { className: "stats" }, 
        //         React.createElement("li", { className: "rating" }, "5 stars"),
        //         React.createElement("li", { className: "isbn" }, "12-345678-910")
        //     )