JS beyond the basics

[kabaros]

We've covered so far (in 5 lessons + pair programming day)

• the basics of JS (data types, conditionals, loops, objects, arrays)
• Basics of unit testing and TDD
• DOM and AJAX
• Functions and good design principles
• OO programming (concept and constructor functions)

What other topics we should cover for the rest of JS-Core (2 or 3 more classes) - these are some of the other topics that can be covered based on HackYourFuture and London's first class:

• inheritance (covered next class)
• Callbacks (will be touched on in the next class)
• Closures
• Scopes
• Value vs Reference
• Modules
• More Functions (being first-class citizens, passing them around, Higher Order Functions)
• ES6
• String and Array manipulation (did we do enough?)
• Chrome Dev Tools

These can go into Node modules

• Promises
• HTTP, APIs and JSON (high level)
• Async vs Sync
  (the last two points were already covered but we can go into more details)

Any other topics we should cover?

This is just a catchall list - some of these can be covered as we go on into the Node modules, some can be left for research. I just want to capture all the high level topics and concepts that we think are important to cover.

[kabaros]

context (this)
value vs reference
regular expressions

[Michael-Antczak]

Strict mode
Template literals
but I guess it can come under ES6

[rarmatei]

Do we want to cover the Chrome dev tools a bit more? Get them used to setting breakpoints and using the network and performance tabs?

[kabaros]

yes definitely Chrome Dev tools.
Template literals would be under ES6

[djgrant]

Progressive enhancement, although I think it should be an overarching methodology that we teach (like we do with TDD).

Some example that spring to mind:

• HTML forms -> ajax
• CSS galleries -> interactive slider
• Links to section (using #ID) -> scroll to element etc.
• CSS @supports directive
• JavaScript detection in CSS
• JavaScript polyfills
• caniuse.com

As well as equipping students to write robust web apps, this is a good way to bind HTML and JavaScript knowledge together.