0% found this document useful (0 votes)
53 views

JavaScript

JavaScript handles user interaction and dynamic content on websites through DOM manipulation. It allows for closures to make global variables local and private to functions. New features introduced in ES2015 and beyond include let, const, arrow functions, classes, and promises. React uses one-way data binding and has no set structure, while Angular follows an MVC structure and uses two-way data binding.

Uploaded by

Cristian Ceruţa
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
53 views

JavaScript

JavaScript handles user interaction and dynamic content on websites through DOM manipulation. It allows for closures to make global variables local and private to functions. New features introduced in ES2015 and beyond include let, const, arrow functions, classes, and promises. React uses one-way data binding and has no set structure, while Angular follows an MVC structure and uses two-way data binding.

Uploaded by

Cristian Ceruţa
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 6

Internet Technology

JavaScript

08/07/2020 Internet Technology 1


JavaScript
• Handles user interaction and dynamic content
• DOM manipulation
Closures - global variables made local (private) .
site.js

08/07/2020 Internet Technology 2


ECMA Script
ES2015 and beyond

ES2015
• let, const and block scoping ES2016
• Arrow Functions • The array method includes()
• Default Function Parameters • The exponentiation operator ( ** )
• Setters and getters
• Promises ES2017
• Symbol • Object.values and Object.entries
• Classes • String Padding

08/07/2020 Internet Technology 3


Classes
ES2015 and beyond

• class – new syntax for prototypes &


contructor functions
• static – static functions
• extends – allow child class to inherit
from parent class
• super – calling from the parent
vs
React Angular
React:
• Has no „correct“ structure of an application
• Coding in JSX, JavaScript & HTML
• One-way data binding, Flux required.
• Virtual DOM concept implemented

Angular:
• Based on MVC structure
• Unusual syntaxes for newcomers
• Two-way data binding
• A watcher for each binding
• Built-in dependency injection

08/07/2020 Internet Technology 5


Facebook YouTube
Instagram Paypal
Netflix
Yahoo
Whatsapp
vs Nike
Google
Telegram

React Angular
React:
• Has no „correct“ structure of an application
• Coding in JSX, JavaScript & HTML
• One-way data binding, Flux required.
• Virtual DOM concept implemented

Angular:
• Based on MVC structure
• Unusual syntaxes for newcomers
• Two-way data binding
• A watcher for each binding
• Built-in dependency injection

08/07/2020 Internet Technology 6

You might also like