Web Development Essentials Objectives V1.0 - Revision history

FabianThorns: /* 033.4 CSS Box Model and Layout (weight: 2) */

2020-06-11T09:05:18Z

033.4 CSS Box Model and Layout (weight: 2)

← Older revision		Revision as of 09:05, 11 June 2020
Line 439:		Line 439:
	'''Files, terms, and utilities:'''		'''Files, terms, and utilities:'''

	* width, height, padding, margin, border		* width, height, padding, padding-, margin, margin-, border, border-*
	* top, left, right, bottom		* top, left, right, bottom
	* display: block \| inline \| flex \| inline-flex \| none		* display: block \| inline \| flex \| inline-flex \| none

FabianThorns: /* 033.3 CSS Styling (weight: 2) */

2020-06-11T09:04:46Z

033.3 CSS Styling (weight: 2)

← Older revision		Revision as of 09:04, 11 June 2020
Line 405:		Line 405:

	* px, %, em, rem, vw, vh		* px, %, em, rem, vw, vh
	* color, background-, font-, text-*, list-style, line-height		* color, background, background-, font, font-, text-*, list-style, line-height

	<br />		<br />

FabianThorns: /* 033.2 CSS Selectors and Style Application (weight: 3) */

2020-06-11T09:04:17Z

033.2 CSS Selectors and Style Application (weight: 3)

← Older revision		Revision as of 09:04, 11 June 2020
Line 374:		Line 374:
	* a, b; a.class; a b;		* a, b; a.class; a b;
	* :hover, :focus		* :hover, :focus
			* !important

	<br />		<br />

FabianThorns: /* 032.2 HTML Semantics and Document Hierarchy (weight: 2) */

2020-06-11T09:03:36Z

032.2 HTML Semantics and Document Hierarchy (weight: 2)

← Older revision		Revision as of 09:03, 11 June 2020
Line 228:		Line 228:
	* <nowiki><dl></nowiki>, <nowiki><dt></nowiki>, <nowiki><dd></nowiki>		* <nowiki><dl></nowiki>, <nowiki><dt></nowiki>, <nowiki><dd></nowiki>
	* <nowiki><pre></nowiki>		* <nowiki><pre></nowiki>
			* <nowiki><blockquote></nowiki>
	* <nowiki><strong></nowiki>, <nowiki><em></nowiki>, <nowiki><code></nowiki>		* <nowiki><strong></nowiki>, <nowiki><em></nowiki>, <nowiki><code></nowiki>
	* <nowiki><b></nowiki>, <nowiki><i></nowiki>, <nowiki><tt></nowiki>		* <nowiki><b></nowiki>, <nowiki><i></nowiki>, <nowiki><u></nowiki>
	* <nowiki><span></nowiki>		* <nowiki><span></nowiki>
	* <nowiki><div></nowiki>		* <nowiki><div></nowiki>

FabianThorns: /* 035.2 NodeJS Express Basics (weight: 4) */

2020-04-11T23:10:52Z

035.2 NodeJS Express Basics (weight: 4)

← Older revision		Revision as of 23:10, 11 April 2020
Line 643:		Line 643:
	\| style="background:#eaeaea" \|		\| style="background:#eaeaea" \|

	The candidate should be able to create a simple dynamic website with the Express web framework. This includes defining ~~simplee~~ Express routes as well as serving dynamic files through the template engine EJS.		The candidate should be able to create a simple dynamic website with the Express web framework. This includes defining simple Express routes as well as serving dynamic files through the template engine EJS.

	\|}		\|}

FabianThorns: /* 034.1 JavaScript Execution and Syntax (weight: 1) */

2020-04-11T23:10:33Z

034.1 JavaScript Execution and Syntax (weight: 1)

← Older revision		Revision as of 23:10, 11 April 2020
Line 471:		Line 471:
	* Understand the JavaScript syntax		* Understand the JavaScript syntax
	* Add comments to JavaScript code		* Add comments to JavaScript code
			* Access the JavaScript console
			* Write to the JavaScript console

	'''Files, terms, and utilities:'''		'''Files, terms, and utilities:'''
Line 477:		Line 479:
	* ;		* ;
	* //, /* */		* //, /* */
			* console.log

	<br />		<br />

FabianThorns: /* 035.2 NodeJS Express Basics (weight: 4) */

2020-04-11T14:11:21Z

035.2 NodeJS Express Basics (weight: 4)

← Older revision		Revision as of 14:11, 11 April 2020
Line 640:		Line 640:
	\| style="background:#eaeaea" \|		\| style="background:#eaeaea" \|

	The candidate should be able to create a simple dynamic website with the Express web framework. This includes defining Express routes as well as serving dynamic files through the template engine EJS.		The candidate should be able to create a simple dynamic website with the Express web framework. This includes defining simplee Express routes as well as serving dynamic files through the template engine EJS.

	\|}		\|}
Line 648:		Line 648:
	* Define routes to static files and EJS templates		* Define routes to static files and EJS templates
	* Serve static files through Express		* Serve static files through Express
	* Serve EJS ~~files~~ through Express		* Serve EJS templates through Express
	* Create simple EJS templates		* Create simple, non-nested EJS templates
	* Use the request object to access HTTP GET and POST parameters and process data submitted through HTML forms		* Use the request object to access HTTP GET and POST parameters and process data submitted through HTML forms
	* Awareness of user input validation		* Awareness of user input validation
Line 660:		Line 660:
	* Express app object		* Express app object
	* app.get(), app.post()		* app.get(), app.post()
			* res.query, res.body
	* ejs node module		* ejs node module
	* ~~ejs.compile(), ejs~~.render~~(), ejs.renderFile~~()		* res.render()
	* <nowiki><% … %></nowiki>, <nowiki><%= … %></nowiki>, <nowiki><%# … %></nowiki>, <nowiki><%- … %></nowiki>		* <nowiki><% … %></nowiki>, <nowiki><%= … %></nowiki>, <nowiki><%# … %></nowiki>, <nowiki><%- … %></nowiki>
	* ~~EJS include()~~		* views/

	<br />		<br />

FabianThorns: /* 032.4 HTML Forms (weight: 2) */

2020-04-09T07:31:35Z

032.4 HTML Forms (weight: 2)

← Older revision		Revision as of 07:31, 9 April 2020
Line 299:		Line 299:
	* <nowiki><form></nowiki>, including the method (get, post), action, and enctype attributes		* <nowiki><form></nowiki>, including the method (get, post), action, and enctype attributes
	* <nowiki><input></nowiki>, including the type (text, email, password, number, date, file, range, radio, checkbox, hidden) attribute		* <nowiki><input></nowiki>, including the type (text, email, password, number, date, file, range, radio, checkbox, hidden) attribute
	* <nowiki><button></nowiki>, including the type (submit, reset, hidden) attribute		* <nowiki><button></nowiki>, including the type (submit, reset, hidden, button) attribute
	* <nowiki><textarea></nowiki>		* <nowiki><textarea></nowiki>
	* common form element attributes (name, value, id)		* common form element attributes (name, value, id)

FabianThorns: /* 035.2 NodeJS Express Basics (weight: 4) */

2020-04-08T18:29:54Z

035.2 NodeJS Express Basics (weight: 4)

← Older revision		Revision as of 18:29, 8 April 2020
Line 657:		Line 657:
	'''Files, terms, and utilities:'''		'''Files, terms, and utilities:'''

	* express ~~NPM~~ module		* express and body-parser node module
	* Express app object		* Express app object
	* app.use(express.json())
	* app.get(), app.post()		* app.get(), app.post()
	* ejs ~~NPM~~ module		* ejs node module
	* ejs.compile(), ejs.render(), ejs.renderFile()		* ejs.compile(), ejs.render(), ejs.renderFile()
	* <nowiki><% … %></nowiki>, <nowiki><%= … %></nowiki>, <nowiki><%# … %></nowiki>, <nowiki><%- … %></nowiki>		* <nowiki><% … %></nowiki>, <nowiki><%= … %></nowiki>, <nowiki><%# … %></nowiki>, <nowiki><%- … %></nowiki>

FabianThorns: /* 035.1 NodeJS Basics (weight: 1) */

2020-04-08T15:23:38Z

035.1 NodeJS Basics (weight: 1)

← Older revision		Revision as of 15:23, 8 April 2020
Line 617:		Line 617:
	'''Files, terms, and utilities:'''		'''Files, terms, and utilities:'''

	* node ~~index~~.js		* node [file.js]
	* npm init		* npm init
	* npm install [module_name]		* npm install [module_name]
	* npm start
	* package.json		* package.json
	* node_modules		* node_modules