Scribd
Upload
22 views

Theory-Lectures-V2 20-29

This document discusses the role of JavaScript in web development. It covers how JavaScript can be used to dynamically manipulate elements on a web page, build interactive web applications, and add dynamic effects to the front end. It also notes that JavaScript is used for both front-end and back-end web development. The document provides examples of how JavaScript can be used to display user information on hover, load data in the background with a spinner, and show tweet boxes after clicking. It states that JavaScript is constantly evolving with new releases each year to modernize the language.

Uploaded by

Graficki Radovi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

Theory-Lectures-V2 20-29

This document discusses the role of JavaScript in web development. It covers how JavaScript can be used to dynamically manipulate elements on a web page, build interactive web applications, and add dynamic effects to the front end. It also notes that JavaScript is used for both front-end and back-end web development. The document provides examples of how JavaScript can be used to display user information on hover, load data in the background with a spinner, and show tweet boxes after clicking. It states that JavaScript is constantly evolving with new releases each year to modernize the language.

Uploaded by

Graficki Radovi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

THE ROLE OF JAVASCRIPT IN WEB DEVELOPMENT

CONTENT NOUNS

<p></p>
means “paragraph”

ADJECTIVES VERBS

p.hide();
p {color: red}
means “hide the
means “the
paragraph”
paragraph text is red”

PRESENTATION PROGRAMMING LANGUAGE:


BUILDING WEB APPLICATIONS

EXAMPLE OF DYNAMIC EFFECTS / WEB APPLICATION

Display user info on


hover

Show spinner + loading


Show spinner + loading data in the background
data in the background

Show data after loading

Show tweet box


after clicking

Display tweets after


loading data
THERE IS NOTHING YOU CAN’T DO WITH JAVASCRIPT (WELL, ALMOST…)

Front-end apps Back-end apps

Dynamic effects and


Web applications on
web applications in the
web servers
browser #
THIS COURSE

100% based on JavaScript. They might


go away, but JavaScript won’t!

Native mobile Native desktop


applications applications

JAVASCRIPT RELEASES... (MORE ABOUT THIS LATER)

Biggest update to the New updates to JS


language EVER every single year

... ES6/ ES7/ ES8/ ES9/ ES10/ ES11/ ...


ES5
ES2015 ES2016 ES2017 ES2018 ES2019 ES2020

Modern JavaScript
ECMAScript

Learn modern JavaScript from the beginning, but without forgetting the older parts!

Let’s finally get started!


SECTION
JAVASCRIPT FUNDAMENTALS – PART 1

LECTURE
DATA TYPES
OBJECTS AND PRIMITIVES

VALUE

EVERYTHING ELSE

OBJECT OR PRIMITIVE
THE 7 PRIMITIVE DATA TYPES

1. Number: Floating point numbers Ҟ Used for decimals and integers

2. String: Sequence of characters Ҟ Used for text

3. Boolean: Logical type that can only be true or false Ҟ Used for taking decisions

4. Undefined: Value taken by a variable that is not yet de ned (‘empty value’)

5. Null: Also means ‘empty value’

6. Symbol (ES2015): Value that is unique and cannot be changed [Not useful for now]

7. BigInt (ES2020): Larger integers than the Number type can hold

JavaScript has dynamic typing: We do not have to manually de ne the data type of
the value stored in a variable. Instead, data types are determined automatically.

Value has type, NOT variable!


fi
fi

SECTION
JAVASCRIPT FUNDAMENTALS – PART 1

LECTURE
BOOLEAN LOGIC

You might also like