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)

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?

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)

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

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

8. "4" - 2
9. "4px" - 2
10. 7 / 0
11. "  -9  " + 5
12. "  -9  " - 5
13. null + 1
14. undefined + 1