JavaScript Course Preparation

Учебен План

•    
  Introduction and a few words about the work process, examples from real life

  • Planning
  • Understanding the task
  • Asking questions
  • Code review
  • Useful advice
  • IDE

•    
  Syntax - general rules (optional)
•    
  Variables

  • Data types and conversion
  • Scope
    • Functional vs. Block (lexical)
  • Variable declaration and assignment
  • Var vs. Let and Const

•    
  Hoisting
•    
  Number

  • isInteger
  • isNaN
    • Number.isNaN vs. isNan()
  • parseInt
    • parseInt vs. Number() vs. +string
  • parseFloat
  • toExponential
  • toFixed
  • toLocaleString
  • toPrecision
  • toString

•    
  String

  • charAt
  • Concat
  • startsWith
  • endsWith
  • Includes
  • indexOf
  • lastIndexOf
  • Match
  • Repeat
  • Search
  • Slice
  • Split
  • subString
  • toLowerCase
  • toUpperCase
  • Trim

•    
  Date
•    
  Comments => How to write good comments
•    
  Operators

  • Arithmetic
  • Assignment
  • Logical
  • Comparison
    • == vs ===
  • Type

•    
  Functions

  • Pure function
  • Arguments, default arguments
  • Closure
  • Recursion
  • Best practises

•    
  Conditions, if - else if - else, switch
•    
  Arrays

  • of()
  • isArray()
  • from()
  • Array.prototype.concat()
  • Array.prototype.entries()
  • Array.prototype.every()
  • Array.prototype.fill()
  • Array.prototype.filter()
  • Array.prototype.find()
  • Array.prototype.findIndex()
  • Array.prototype.forEach()
  • Array.prototype.includes()
  • Array.prototype.indexOf()
  • Array.prototype.join()
  • Array.prototype.keys()
  • Array.prototype.lastIndexOf()
  • Array.prototype.map()
  • Array.prototype.pop()
  • Array.prototype.push()
  • Array.prototype.reduce()
  • Array.prototype.reduceRight()
  • Array.prototype.reverse()
  • Array.prototype.shift()
  • Array.prototype.slice()
  • Array.prototype.some()
  • Array.prototype.sort()
  • Array.prototype.splice()
  • Array.prototype.toLocaleString()
  • Array.prototype.toSource()
  • Array.prototype.toString()
  • Array.prototype.unshift()

•    
  Loops

  • For
  • While
  • Do - While
  • Continue & Brake

•    
  Objects

  • Properties, methods, inheritance, encapsulation
  • Class vs object literal
  • Object.assign()
  • Object.create()
  • Object.defineProperties()
  • Object.defineProperty()
  • Object.entries()
  • Object.freeze()
  • Object.fromEntries()
  • Object.is()
  • Object.isFrozen()
  • Object.isSealed()
  • Object.keys()
  • Object.preventExtensions()
  • Object.prototype.hasOwnProperty()
  • Object.prototype.toLocaleString()
  • Object.prototype.toString()
  • Object.seal()
  • Object.values()

•    
  RegExp
•    
  Debugging

  • Console
  • Debugger
  • Types of errors
  • Error handling - best practises

•    
  Ajax

  • Promise => resolve / reject
  • Async / await vs. thenable
  • try/catch/finally
  • Fetch
  • Axios

•    
  Design Patterns

  • Module
  • Revealing module
  • Singleton
  • Factory
  • Mixin

•    
  Cookies
•    
  HTML DOM events

  • Keyboard events
  • Mouse events

•    
  JS DOM selectors

  • Fastest selector
  • Best practises

•    
  DOM manipulation
•    
  Unit testing

  • Mocha + chai

•    
  Tasks solving

  • Arrays
  • Objects
  • Strings
  • Form validation
    • Login form + input validation + submit
  • Store cash out
  • Calendar
    • Designing a calendar + event functionality