Web Development and React JS Review

Vocabulary flashcards covering web generations, web design principles, layout tools, React JS, ES6, and DOM concepts based on the lecture notes.

Web 1.0 (static web)

Web era associated with the 1990's.

Web 2.0 (Dynamic & Social web)

Web era associated with the 2000s.

Web 3.0 (Semantic & Decentralized web)

Web era spanning from 2010 to the Present.

W3C

World wide web consortium

WHATWG

Web Hypertext Application working Group

Web content Accesibility Guiddines

Guidelines for web content accessibility (WCAG).

Flexbox

Used for arranging items in one direction.

Grid

Designed for two dimensional layouts.

Media Queries

Allows CSS to apply different styles depending on the screen sizes.

Web design principles

General rules for creating layouts and interaction design, including visual language, balance, paradox of choice, focus on content, simplify, grid-based layout, and load time.

React JS

Open source JS library used to build rich, interactive, dynamic, and responsive user interfaces, developed by Jordan walke and released in 2013 on Github.

Jordan walke

Software eng at fb who developed React JS.

Declarative UI

A benefit of React JS providing interactive and predictable interfaces.

Reusable components

Modular elements in React JS.

JSX

Feature in React JS that allows writing HTML-like code.

ES6 (ECMAScript 2015)

Major update for JS prog language, released in 2015.

Functional Components

React components written as Javascript functions.

Class components

React components written using ES6 classes.

DOM (Document Object Model)

Browser's live, tree of HTML.

Virtual DOM

Programming interface for HTML & XML structured as a tree of objects, used for fast rendering in React JS.

API

Application Programming Interface