Javascript Fundamentals

Part I

Whoami

Alexandru Albu

AngularJS Expert @JSLeague

frontend developer @6yo

design: photoshop, illustrator

development: javascript. python, sql, mongo

devops: docker, circle-ci

and gaming and basketball

Overview

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

  1. Introduction
  2. Toolkit
  3. Hello, JavaScript!
  4. Variables
  5. Data types
  6. Operators
  7. Statements
  8. Functions
  9. Browser & DOM
  10. Events
  11. Forms
  12. Server Requests
  13. From ES5 to ES6

JavaScript Fundamentals (I)

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 (I)

Agenda

10:30 - 11:00 Overview

11:00 - 11:15 Introduction

11:15 - 11:30 Break

11:30 - 13:15 Toolkit

13:15 - 14:15 Lunch break

14:15 - 15:15 Hello, JavaScript!

15:15 - 15:30 Break

15:30 - 16:30 Variables

16:30 - 16:45 Break

16:45 - 18:30 Data Types (I)

Introduction

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

What?

lightweight

programming

language

object oriented

interpreted

prototype

based

dynamic

functional

Toolkit

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

IDEs

(Integrated Development Environment)

JavaScript Fundamentals (I)

Developer Tools

(Browser Debuggers)

JavaScript Fundamentals (I)

Coding styles

Hello, JavaScript!

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

reference

priority

strict mode

comments

Variables

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

Declaration

var

JavaScript Fundamentals (I)

Naming

camelCase

PascalCase

_camelCase

_PascalCase

public

private

JavaScript Fundamentals (I)

Scope

global

local

Data types (I)

JavaScript Fundamentals (I)

JavaScript Fundamentals (I)

primitive types

vs.

object types

JavaScript Fundamentals (I)

primitive types

number

string

boolean

undefined

null

object

typeof

JavaScript Fundamentals (I)

conversion

  1. "" + 1 + 0
  2. "" - 1 + 0
  3. true + false
  4. 6 / "3"
  5. "2" * "3"
  6. 4 + 5 + "px"
  7. "$" + 4 + 5
  1. "4" - 2
  2. "4px" - 2
  3. 7 / 0
  4. "  -9  " + 5
  5. "  -9  " - 5
  6. null + 1
  7. undefined + 1

Q&A

JavaScript Fundamentals (I)

Thank you!