variable x = 10;

dim x = 10;

let x = 10;

var x == 10;

const

static

let

define

==

!=

>=

===

alert()

show()

display()

prompt()

"null"

"object"

"undefined"

"string"

end

break

stop

continue

4

NaN

"22"

undefined

// comment

# comment

/* comment */

function add(a,b){return a+b;}

func add(a,b){return a+b;}

function:add(a,b)

create function add(a,b)

Where variables are accessible

How functions are called

The order of execution

The type of each variable

It hides functions to forget and unuse variables even after the outer function ends

It deletes outer variables to remove variables after the outer function ends

It blocks nested functions to prevent variables act after the outer function ends

It allows functions to remember and use variables even after the outer function ends

A private internal link to another object

A class used for inheritance

A data container

A method that deletes objects

Consuming code

Producing code

Blocking code

Returning code

Runs code line by line, waiting for each task to finish

Executes multiple tasks at once

Runs only async functions

Skips long tasks automatically

Block all running tasks

Allow multiple tasks to happen without waiting for one to finish

Run only in web workers

Wait for every function to complete

A function passed into another function to be executed later

A built-in JavaScript API

A method used to handle exceptions

A variable that stores functions

To catch runtime exceptions automatically

To skip invalid code

To signal impossible states early with context for error handlers

To restart the program

Break up code into separate, reusable files

Merge all code into one file

Convert code into JSON

Run synchronous loops faster

To link producing and consuming code

To store values permanently

To replace functions

To block asynchronous execution

CSS preprocessing

Database queries

HTML templating

Simplifying JavaScript and DOM manipulation

$

#

@

%

The DOM is fully loaded before scripts run

The document reloads

jQuery is disabled

The page resets

$("p")

$("#p")

$(".p")

$("paragraph")

Removes an element

Hides selected elements

Deletes nodes

Minimizes script

.text()

.set()

.modify()

.change()

.css()

.style()

.add()

.attr()

$("#main")

$(".main")

$("main")

$main

onPress

onClick

click()

press()

Create a new element

Fade elements into view

Change background color

Remove fade effect

.clear()

.delete()

.remove()

.vanish()

Toggles sliding up and down

Shows only

Hides only

Gets or sets the value of form elements

Validates text

Changes color

Deletes value

.text()

.html()

.get()

.fetch()

.setAttr()

.attr()

.prop()

.assign()

Executing multiple methods on the same element

Linking HTML files

Repeating scripts

Combining CSS and JS

focusout()

blur()

change()

keyup()

Sends asynchronous HTTP requests

Loads CSS

Handles cookies

Connects databases

Create custom animations

Play videos

Load text files

Change attributes

PHP: Hypertext Preprocessor

Personal Home Page

Programming Hypertext Processor

Page Handling Program

Client

Browser

Database

Server

.php

.ph

.html

.phtml

$_FORM

$_DATA

$_INPUT

$_POST

Converts special characters to HTML entities

Converts PHP to HTML

Displays special characters

Escapes HTML tags

stripslashes()

trim()

htmlspecialchars()

str_replace()

strip_tags()

stripslashes()

substr()

strremove()

$_POST

$_FORM

$_GET

$_URL

It returns the filename of the current script

It validates form input

It displays all server files

It stores POST data

A web vulnerability that allows injection of client-side scripts

A PHP validation method

A database connection issue

A form submission error

A programming language

A web server

A relational database management system

A markup language

Store only temporary data

Serve multiple applications efficiently

Replace the web server

Translate SQL into HTML

Queries

Structure and organization of data

User permissions

Database backups

SELECT

UPDATE

INSERT

DELETE

REMOVE TABLE

DROP DATA

DELETE TABLE

DROP TABLE

RDBMS

DBMS

OS

Web framework

UPDATE

INSERT

SELECT

MODIFY

ALTER

UPDATE

CHANGE

MODIFY

WHERE

ORDER BY

GROUP BY

FILTER

GROUP

UNION

JOIN

GROUP BY

Game development

Backend database management

Graphic design

Responsive web design

6 columns

12 columns

10 columns

8 columns

.text-right

.text-center

.text-left

.center

btn btn-primary

button-primary

primary-btn

btn-main

.img-auto

.img-fluid

.image-resize

.img-responsive

.menu

.navbar

.navitem

.navigation

.p-3

.pad-3

.padding-3

.px-3

.table

.table-striped

.table-responsive

.table-bordered

It centers and provides padding for page content.

It holds the database connection.

It changes the page layout dynamically.

It resizes images automatically.

let arr = [1, 2, 3];

let arr = {1, 2, 3};

let arr = (1, 2, 3);

let arr = <1, 2, 3>;

push()

pop()

shift()

unshift()

push()

pop()

shift()

unshift()

0

3

[1,2,3]

undefined

var

const

let

static

let obj = {};

let obj = [];

let obj = ();

let obj = <>;

string

number

boolean

character

=

==

===

:=

for

while

do...while

for...in

JSON.stringify()

JSON.parse()

JSON.objectify()

JSON.convert()

Filters array elements

Transforms array elements and returns a new array

Iterates without returning

Reduces array to a single value

undefined

null

"false"

1

0

"0"

The global object

The object that owns the method

The first argument

Undefined

push()

pop()

unshift()

shift()

setTimeout()

setInterval()

setLoop()

repeatFunction()

They have their own this

They cannot be anonymous

They inherit this from their parent scope

They are slower than traditional functions

push()

pop()

shift()

unshift()

function myFunc() {}

const myFunc = function() {}

const myFunc = () => {}

function: myFunc() {}

Executes only if no error occurs

Executes only if an error occurs

Executes regardless of whether an error occurs

Skips error handling

Returns a rejected Promise

Returns a resolved Promise with value 5

Throws an error

Returns undefined

setTimeout()

setInterval()

setAsync()

setDelayed()

combine()

concat()

merge()

append()

.html()

.text()

.val()

.content()

hide()

show()

toggle()

display()

attach()

on()

bind()

event()

trim()

strip()

clean()

strip_spaces()

$_POST

$_GET

$_REQUEST

SELECT * FROM users;

GET * FROM users;

FETCH * FROM users;

SHOW * FROM users;

DELETE TABLE users;

DROP TABLE users;

REMOVE TABLE users;

ERASE TABLE users;

To link functions to HTML elements

To implement inheritance by linking objects

To store global variables

To manage event listeners

make

new

create

instance

forEach()

map()

filter()

reduce()

map()

forEach()

filter()

some()

Promise.any()

Promise.race()

Promise.all()

Promise.resolve()

Promise.all()

Promise.race()

Promise.any()

Promise.resolve()

new Promise(42)

Promise.resolve(42)

Promise.create(42)

Promise.done(42)

Only catch syntax errors

Execute code and handle exceptions, and run cleanup code regardless of outcome

Stop code execution permanently

Convert errors to warnings automatically

Callback hell

Promise chaining / async-await

Synchronous loops

Immediate functions

export default function myFunc() {}

module.exports = myFunc;

export function default myFunc() {}

default export myFunc();

import { myFunc } from './util.js';

import myFunc from './util.js';

require('./util.js').myFunc;

include './util.js' as myFunc;

When functions return wrong values

When unused memory is not released due to lingering references

When console.log prints too much data

When variables change type unexpectedly

$.plugin()

$.fn.extend()

$.extendPlugin()

$.pluginify()

data-required + .check()

required + .val()

validation + .verify()

must + .validate()

session_start()

start_session()

begin_session()

open_session()

+

.

&

concat()

TOP

LIMIT

ROWNUM

BOUND

NEW TABLE students (...)

MAKE TABLE students (...)

CREATE TABLE students (...)

BUILD TABLE students (...)

d-none d-sm-block

d-block d-sm-none

visible-sm

show-sm

array.clone()

array.slice()

array.copy()

array.duplicate()

join()

concat()

merge()

combine()

number

NaN

object

undefined

fadeOut()

hide()

toggle()

vanish()

strip()

trim()

clean()

cut()

===

==

!=

!==

.container

.container-fluid

.row

.col

strtolower()

strlower()

lower()

lowercase()

MODIFY

UPDATE

CHANGE

ALTER

delete obj.prop

remove(obj.prop)

obj.prop.remove()

hide()

toggle()

show()

display()

strip_tags()

stripslashes()

trim()

htmlspecialchars()

forEach()

map()

filter()

reduce()

.table

.table-striped

.table-responsive

.table-bordered

DELETE

DROP

TRUNCATE

REMOVE

.val()

.value()

.text()

.html()

isset()

isnull()

empty()

defined()

JSON.stringify()

JSON.parse()

Object.toString()

Object.stringify()

.m-3

.p-3

.px-3

.py-3

pop()

push()

shift()

unshift()

.ajax()

.loadData()

.getData()

.fetch()

strip_tags()

stripslashes()

trim()

htmlspecialchars()

map()

reduce()

filter()

forEach()

btn btn-secondary

btn-secondary

secondary-btn

button-secondary

x

*

×

**

$_SERVER

$_ENV

$_REQUEST

$_FILES

addClass()

add()

classAdd()

appendClass()

function

var

let / const

static

WHERE

ORDER BY

GROUP BY

SORT

index()

findIndex()

find()

indexOf()

.col

.row

.container

.grid