Please enable JavaScript.
Coggle requires JavaScript to display documents.
JavaScript Essentials by Lawrence Turton - Coggle Diagram
JavaScript Essentials by Lawrence Turton
Introduction
How JavaScript works?
JavaScript console
JIT Compiler
What is JavaScript?
Objects in JavaScript
Nouns
Key
Properties
Adjectives
Value
Verbs
Functions
Functions inside objects are called methods
Embedded objects
Objects within objects
{} => Encapsulation
Introduction
JavaScript Syntax
API
Is a collection of functions and properties
APIs on top of APIs
Embedded or Extended APIs
Basic Syntax
Computed Member Access
objectName.arrayName[0]
[ put formulas also ]
Member Creation, Assignment & Deletion
in Objects
Member Access
members are properties within objects
to access a member use objectName.keyName , we will get the value
Array Modification
push, pop, splice etc
Embedding Objects & Arrays
Anything can be embedded in anything
Callable Objects
Functions inside functions
Functions are callable objects
Objects & Arrays
Objects are obvious
Key name and value - key value pair - both together called properties
Subroutines or functions
but called as method
Array are list of objects
Array are iterable
Elements ; 0 index
https://trello.com/1/cards/623af9712850db870d164816/attachments/623af9712850db870d164853/download/image.png
Memory Hoisting
JIT compiler creates and undefined and then run. Like it lifts the var of functions given by us
Function or Subroutines
Parameters and Arguments - Variables and values in functions
Scope & Closures :star:
Execution stack
Or Main thread
Symbols table
Garbage collection
Code Editors & Debugging
code editor or IDE - Integrated Development Environment
Inferred Globals & Scope
Assignment Operator's
=+
** => power
string + number = string
This Context
Arithmetic Operator's & BODMAS
Operators are predefined functions in the JIT compiler
Operators precedence
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
Constructors
Variables, Constants & Assignments
var
Loosely typed - Loose data
Meaning no hard definition for the variable types
const
Prototype
Primitive Data
Text
Integer
Float
Boolean
Null & Undefined
NaN - Not a Number
Constructors with Prototype
Comparison & Conditional Execution
If Statements
For & For In Loop's
Comparison Operators
Let ES6
DOM Manipulation
Changing Element Style's
Event Handlers
Changing Element's Content's
Create & appendChild & insertBefore method's
Targeting DOM Element's
Final Project
Understanding the Document Object Model
Final Overview
Conclusion & Goodbye
Bonus Lecture: Discount Courses
