3/6/2019 - 10:29 PM


*@channel Resources for Areas of Weakness:*

*========== HTML/CSS: ==========*
*Unit 1 Video Guide* (HTML basics, CSS floats and positioning):

*Unit 2 Video Guide* (Bootstrap layouts and media queries):

*Media Query Tutorial:*

*The CSS Box Model Explained by Living in a Boring Suburban Neighborhood:*

*Box-Sizing: The Secret to Simple CSS Layouts:*

*A Complete Guide to Flexbox:*

*Flexbox Zombies:*

*========== JavaScript: ==========*
*Unit 3 Video Guide* (Conditionals, loops, Rock/Paper/Scissors, objects):

*Drill the JS Basics w/the JavaScript Workbook:*

*JavaScript Array Methods:*

*Array Method Practice Activities:*

*JavaScript String Methods:*

*JavaScript `document.` Methods and Properties* (ie `document.getElementById()`, etc):

*JavaScript Functions — Understanding The Basics:*

*JavaScript: A Basic Guide to Scope:*

*What You Should Already Know about JavaScript Scope:*

*Object-Oriented JavaScript for Beginners:*

*========== jQuery: ==========*
*Unit 4 Video Guide* (HTML manipulation via jQuery, click events, Fridge Game, jQuery Calculator):

*jQuery Event Types* (click, blur, keyup, mousedown, hover, change, etc):

*jQuery Methods:*
*==== @channel Resources and Video Walkthroughs from Today's Class: ======================*

*Intro to Whiteboarding* (a great guide!!)

*JavaScript Arithmetic Operators* (like the modulus/remainder):

*Function Definitions vs Function Declarations:*

*A Tricky JavaScript Interview Question Asked by Google and Amazon:*

*Stopwatch Video Walkthrough:*

*FizzBuzz Video Walkthrough:*

*Practice the JS Algorithms* (try to tackle 10-17 this week!)
*==== @channel Resources and Video Walkthroughs from Today's Class: ===============*

*Bubble-sort with Hungarian ("Csángó") folk dance:*

*Lego Bubble Sort:*

*Using While and Do...While Loops in JavaScript:*

*VisuAlgo* (neat and helpful algorithm visualizations):

*RapidAPI Marketplace:*

*Bubble Sort Video Walkthrough:*
==== @channel Related Resources/Video Walkthroughs for Today’s Activities: ===================

What is the DOM (Document Object Model):

What is the difference between undefined and not defined in JavaScript?:

Preventing cross-site scripting attacks when using innerHTML in vanilla JavaScript:

Securing jQuery against unintended XSS:
(re: the two previous articles, maybe bookmark em for later... know for now that there are some security risks in using JavaScript’s .innerHTML and jQuery methods like .html, .append, etc)

JavaScript and jQuery Drink List Video Walkthrough:

jQuery Sandwich List Video Walkthrough:

Lottery Generator Video Walkthrough (this is the “bonus” challenge we recommended you try, built on the ‘07-TriggerRandom’ solution):
(this is your ‘take-home’ challenge... we’ll code through it during morning office hours on Wednesday!)

Practice, Practice, Practice with the Weekly Algorithms (try to conquer 1-9 for now):

...Or the JavaScript Workbook, it you’d like to go back to basics:

jQuery Drink List Activity Coded Three Ways (JavaScript for loop, jQuery for loop, and jQuery forEach with streamlined syntax):
==== @channel Related Resources and Fridge Game Video Walkthrough: ===================

Adding multiple attributes at once using jQuery’s `.attr()`:

JavaScript: A Basic Guide to Scope:

What You Should Already Know about JavaScript Scope:

jQuery Fridge Art Video Walkthrough:

Also attached is an updated Fridge Game solution using template literals and highly streamlined syntax…
==== @channel Related Resources/Video Walkthrough for Today’s Activities: ==================

Understanding jQuery Event Delegation (HINT: you’ll need this if you can’t get click events to work properly on dynamically-created jQuery elements):

jQuery Event Delegation Example (with comments!):
(this is also available in the Resources folder in the class repo which you have cloned locally)

Understand JavaScript’s “this” With Clarity, and Master It (a bit of a deeper read, btw):

jQuery .val() (use .val() to get the value of HTML form elements, like HINT HINT buttons):

Use parseInt() to convert a string into a number:

JavaScript Comparison and Logical Operators (look into the !, &&, and || operators):

Feeling bored with if/else? Consider the JavaScript switch statement:

JavaScript return statements (you may want to use returns to break out of your functions if certain conditions apply):

jQuery Calculator Video Walkthrough:
==== @channel Resources and a Video Walkthrough from Today’s Class: ==============

HueCraft (Minecraft + Philips Hue):
(great example of using a hardware API)

GIPHY API Documentation:

JavaScript Reserved Keywords:
(remember how our code broke when we tried to name a variable ‘location’?)



jQuery promises: .then() and .done() are not the same:

GIPHY API Basics Video Walkthrough:

OpenWeatherMap API Tutorial:
(may be helpful as you work on the AJAX/API homework over break!)

Remember to practice the weekly algorithms!

Want to practice the JS basics? Try the JavaScript Workbook:
==== @channel Resources and Video Walkthroughs from Today’s Class: ================

Adding multiple attributes at once using jQuery’s `.attr()`:

jQuery `.param()` (we used this in the NYTimes solution to build a query string from an object):

Button-Triggered AJAX Activity Video Walkthrough:

Dynamic Element Generation with jQuery/AJAX Video Walkthrough:

NYTimes Article Search App Video Walkthrough (I know the solution is a little obtuse, but try to work through it alongside the video!):