Javascript Fundamentals

Part II

Overview

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Part I

  • Introduction
  • Toolkit
  • Hello, JavaScript!
  • Variables
  • Data types (I)

Part II

  • Data types (II)
  • Operators
  • Statements
  • Functions (I)

Part III

  • Functions (II)
  • Browser & DOM
  • Events
  • Forms
  • Server Requests
  • From ES5 to ES6

JavaScript Fundamentals (II)

Agenda

10:30 - 10:45 Overview

10:45 - 11:15 Recap

11:15 - 11:30 Break

11:30 - 13:15 Data Types (II)

13:15 - 14:15 Lunch break

14:15 - 15:30 Operators

15:30 - 15:45 Break

15:45 - 17:45 Statements

17:45 - 18:00 Break

18:00 - 19:00 Functions (I)

Recap

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Toolkit

Debuggers

IDEs

Style guides

JavaScript Fundamentals (II)

References

infile

inline

external

JavaScript Fundamentals (II)

Variables

no public / private

var

global vs. local scope

JavaScript Fundamentals (II)

Primitive Data Types

string

number

boolean

null

undefined

object

Data types (II)

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

object types

Number

String

Boolean

Math

Date

RegExp

instanceof

JavaScript Fundamentals (II)

object types

Object

Array

JSON

instanceof

Data types (II) :

Number

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Properties

MAX_VALUE The largest possible value a number in JavaScript can have 1.7976931348623157E+308
MIN_VALUE The smallest possible value a number in JavaScript can have 5E-324
NaN Equal to a value that is not a number.
NEGATIVE_INFINITY A value that is less than MIN_VALUE.
POSITIVE_INFINITY A value that is greater than MAX_VALUE

JavaScript Fundamentals (II)

Methods

toExponential() Forces a number to display in exponential notation, even if the number is in the range in which JavaScript normally uses standard notation.
toFixed() Formats a number with a specific number of digits to the right of the decimal.
toLocaleString() Returns a string value version of the current number in a format that may vary according to a browser's local settings.
toPrecision() Defines how many total digits (including digits to the left and right of the decimal) to display of a number.
toString() Returns the string representation of the number's value.

Data types (II) :

String

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Properties

length Returns the length of the string.

JavaScript Fundamentals (II)

Methods

charAt() Returns the character at the specified index.
concat() Combines the text of two strings and returns a new string.
indexOf() Returns the index within the calling String object of the first occurrence of the specified value, or -1 if not found.
match() Used to match a regular expression against a string.
replace() Used to find a match between a regular expression and a string, and to replace the matched substring with a new substring.
search() Executes the search for a match between a regular expression and a specified string.

JavaScript Fundamentals (II)

Methods (cont.)

slice() Extracts a section of a string and returns a new string.
split() Splits a String object into an array of strings by separating the string into substrings.
substr() Returns the characters in a string beginning at the specified location through the specified number of characters.
substring() Returns the characters in a string between two indexes into the string.
toLowerCase() Returns the calling string value converted to lower case.
toUpperCase() Returns the calling string value converted to uppercase.

Data types (II) :

Boolean

JavaScript Fundamentals (II)

Data types (II) :

Date

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Parameters

Date Current day of the month
Day Day of the week
FullYear Year
Hours Hours
Minutes Minutes
Milliseconds Milliseconds
Month Month
Seconds Seconds

JavaScript Fundamentals (II)

Methods

get<param>() Returns data based on param requested
getUTC<param>() Returns data based on param requested according to UTC
set<param>() Updates the value
getTimezoneOffset() Returns the time-zone offset in minutes for the current locale.
toLocaleFormat() Converts a date to a string, using a format string.
toUTCString() Converts a date to a string, using the universal time convention.

Data types (II) :

Math

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Properties

E Euler's constant and the base of natural logarithms, approximately 2.718.
LN2 Natural logarithm of 2, approximately 0.693.
LN10 Natural logarithm of 10, approximately 2.302.
LOG2E Base 2 logarithm of E, approximately 1.442.
LOG10E Base 10 logarithm of E, approximately 0.434.
PI Ratio of the circumference of a circle to its diameter, approximately 3.14159.
SQRT1_2 Square root of 1/2; equivalently, 1 over the square root of 2, approximately 0.707.
SQRT2 Square root of 2, approximately 1.414.

JavaScript Fundamentals (II)

Methods

floor() Returns the largest integer less than or equal to a number.
ceil() Returns the smallest integer greater than or equal to a number.
max() Returns the largest of zero or more numbers.
min() Returns the smallest of zero or more numbers.
pow() Returns base to the exponent power, that is, base exponent.
random() Returns a pseudo-random number between 0 and 1.
round() Returns the value of a number rounded to the nearest integer.

Data types (II) :

Regex

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Properties

global Specifies if the "g" modifier is set.
ignoreCase Specifies if the "i" modifier is set.
multiline Specifies if the "m" modifier is set.

JavaScript Fundamentals (II)

Methods

exec() Executes a search for a match in its string parameter.
test() Tests for a match in its string parameter.

Data types (II) :

Object

JavaScript Fundamentals (II)

JavaScript Fundamentals (I)

Encapsulation

Aggregation

Inheritance

Polymorphism

JavaScript Fundamentals (II)

Methods

entries() Transforms the object into an array containing arrays of key, value pairs
keys() Returns an array of keys
values() Returns an array of values
freeze() Marks the object as frozen and cannot be modified
assign() Concatenates object keys and values
defineProperty() Adds a property to the object

Data types (II) :

Array

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Properties

length Reflects the number of elements in an array.

JavaScript Fundamentals (II)

Methods

concat() Returns a new array comprised of this array joined with other array(s) and/or value(s).
forEach() Calls a function for each element in the array.
indexOf() Returns the first (least) index of an element within the array equal to the specified value, or -1 if none is found.
join() Joins all elements of an array into a string.
pop() ​Removes the last element from an array and returns that element.
push() Adds one or more elements to the end of an array and returns the new length of the array.

JavaScript Fundamentals (II)

Methods (cont.)

reverse() Reverses the order of the elements of an array -- the first becomes the last, and the last becomes the first.
shift() Removes the first element from an array and returns that element.
slice() Extracts a section of an array and returns a new array.
sort() Sorts the elements of an array
splice() Adds and/or removes elements from an array.
unshift() Adds one or more elements to the front of an array and returns the new length of the array.

Data types (II) :

JSON

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Methods

parse() Transform a string to a JSON object
stringify() Transform JSON object into string

Operators

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Arithmetic

Comparison

Logical

Assignment

JavaScript Fundamentals (II)

Arithmetic

Addition (+) Adds two operands
Subtraction (-) Subtracts the second operand from the first
Multiplication (*) Multiply both operands
Division (/) Divide the numerator by the denominator
Modulus (%) Outputs the remainder of an integer division
Increment (++) Increases an integer value by one
Decrement (--) Decreases an integer value by one

JavaScript Fundamentals (II)

Comparison

Equal (==) Checks if the value of two operands are equal or not, if yes, then the condition becomes true.
Not Equal (!=) Checks if the value of two operands are equal or not, if the values are not equal, then the condition becomes true.
Greater than (>) Checks if the value of the left operand is greater than the value of the right operand, if yes, then the condition becomes true.
Less than (<) Checks if the value of the left operand is less than the value of the right operand, if yes, then the condition becomes true.

JavaScript Fundamentals (II)

Comparison (cont.)

Greater than or Equal to (>=) Checks if the value of the left operand is greater than or equal to the value of the right operand, if yes, then the condition becomes true.
Less than or Equal to (<=) Checks if the value of the left operand is less than or equal to the value of the right operand, if yes, then the condition becomes true.

JavaScript Fundamentals (II)

Logical

Logical AND (&&) If both the operands are non-zero, then the condition becomes true.
Logical OR (||) If any of the two operands are non-zero, then the condition becomes true.
Logical NOT (!) Reverses the logical state of its operand. If a condition is true, then the Logical NOT operator will make it false.

JavaScript Fundamentals (II)

Assignment

Simple Assignment (=) Assigns values from the right side operand to the left side operand
Add and Assignment (+=) It adds the right operand to the left operand and assigns the result to the left operand.
Subtract and Assignment (-=) It subtracts the right operand from the left operand and assigns the result to the left operand.
Multiply and Assignment (*=) It multiplies the right operand with the left operand and assigns the result to the left operand.
Divide and Assignment (/=) It divides the left operand with the right operand and assigns the result to the left operand.
Modules and Assignment (%=) It takes modulus using two operands and assigns the result to the left operand.

Statements

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

if..then..else

switch

for

while

until

Functions (I)

JavaScript Fundamentals (II)

JavaScript Fundamentals (II)

Definition

Params

Arguments

Calls

Q&A

JavaScript Fundamentals (II)

Thank you!

JavaScript Fundamentals (II)

By Alex Albu

JavaScript Fundamentals (II)

  • 489