carlok/wkclassroom

JavaScript Classroom notes

Introduction

• JavaScript Function Invocation
• JavaScript Closures
• Call by sharing
• Nesting let variables: example
• this: example in fiddle
• JavaScript: Function Invocation Patterns
• this in TypeScript... and JavaScript
• jQuery: basic selectors
• Recap: Top 30 JavaScript Interview Questions And Answers

Videos (100)

• My giant JavaScript Basics course is now live on YouTube. And it’s 100% free

Try/Catch and Throw

• fiddle

Callback

• Callback: example/question
• Callback: example/code
• The JavaScript Event Loop: Explained
• latentlip: loop demo online

Example

const numbers = '4 5 29 54 4 0 -214 542 -64 1 -3 6 -6';

console.log(highAndLow(numbers));

Map, filter, reduce and foreach

• map, filter etc
• Mozilla forEach example

Callback

• jQuery GET
• jQuery GET, documentation
• callback hell

ES6 (intro)

• https://webapplog.com/es6/

Promises

• Mozilla
• Chaining
• Burger example
• Promise All

Libraries

• HTTP promises: axios

A word on server side JS: hapijs

• hapijs

Debug (minimal examples)

• Debugging JavaScript with Chrome DevTools Breakpoints
• Chrome Devtools

Q&A1

• Datagrid
• ui-grid
• ui-grid
• ag-grid

Q&A2

• undefined with/without strict
• NaN and other types... (slide TorinoJS?)
• TypeScript with Angular1? => Add TypeScript

Exercise:

• Populate li in ul with jQuery
• Using JSON To Populate UL With jQuery

Webpack, TDD and E2E

• webpack: see _webpack folder
• see folder redux_ck
• e2e:
  • http://phantomjs.org/
  • http://www.protractortest.org/
  • http://webdriver.io/
  • http://nightwatchjs.org/

Angular

• Basic exercise
• Basic (variant) exercise
• Component: example, calendar
• Component: basic example
• Components: a bit of theory
• jsfiddle: examples