องค์ประกอบของหน้าเว็บไซต์ โดยแบ่งให้เป็นส่วนย่อยต่าง ๆ เพื่อนำกลับมาใช้ใหม่

ตัวแทนของการทำงานหน้าเว็บไซต์

Folder ของโปรเจค

ส่วนประกอบของการรันโปรเจค ที่ทำให้โปรเจครันได้ง่ายมากขึ้น

Server side Framework

User-interface framework

Library for building interaction interfaces

Meta Framework

Database

Connectivity

User interface

Design Platform

<h1>{fetch()}</h1>

<h1>${fetch()}</h1>

<h1>{fetch}</h1>

<h1>${fetch}</h1>

willComponentUpdate

shouldComponentUpdate

componentDidUpdate

componentDidMount

setState

render with arguments

PropTypes

props

componentDidUpdate

componentDidMount

componentMounted

componentUpdated

<button onclick={this.foo()}>

<button onclick={this.foo}>

<button onClick={this.foo()}>

<button onClick={this.foo}>

Repetitive output appears on the screen

Duplicate key error

Stack overflow error

Nothing happens

style={{font-size:12,color:'red'}}

style={fontSize:'12px',color:'red'}

style={{font-size:12px,color:'red'}}

style={{fontSize:'12px',color:'red'}}

react()

render()

reduce()

refer()

แปลงภาษา CSS ให้อยู่ในรูปแบบ JavaScript ES5 ที่เว็บเบราเซอร์ส่วนใหญ่ทำงานด้วยได้

แปลงภาษา HTML5 ให้อยู่ในรูปแบบ JavaScript ES5 ที่เว็บเบราเซอร์ส่วนใหญ่ทำงานด้วยได้

แปลงภาษา JavaScript รุ่นใหม่ๆ ให้อยู่ในรูปแบบ JavaScript ES5 ที่เว็บเบราเซอร์ส่วนใหญ่ทำงานด้วยได้

ถูกทุกข้อ

CSS

HTML

.NET

JavaScript

Angular

Vue

Node.JS

React.JS

ภาษาโปรแกรมมิ่ง

ตัวกำหนดมาตรฐาน

ตัวภาษาที่ทำตามมาตรฐาน

ถูกทุกข้อ

2014

2015

2016

2020

Compiler

Interpreter

Binary

Machine code

.ts

.js

.jsx

.java

document.writeln("Hello World");

document.print("Hello World");

document.write("Hello World");

document.show("Hello World");

var 2b = 300;

var double = 1000;

var age = "John";

var total Price = 1299;

แสดงผล log ออกทาง console แบบปกติ

แสดงผล log ออกทาง console แบบมีสัญลักษณ์แจ้งเตือน

แสดงผล log ออกทาง console แบบมีสัญลักษณ์ Error

ไม่มีข้อใดถูก

NaN

true

false

undefined

var name = ["a","b","c","d"];

var name = ("a,"b","c","d");

var name = {"a","b","c","d"}

ถูกทุกข้อที่กล่าวมาก

let เปลี่ยนแปลงค่าได้ const ไม่สามารถเปลี่ยนแปลงค่าได้

let กำหนดค่าได้ครั้งเดียว const กำหนดค่าได้หลายครั้ง

let เก็บค่าตัวแลข const เก็บค่า string

ถูกทุกข้อ