WebDevelopmentEssentials Objectives V1.0(JA): Difference between revisions

From LPI Wiki
Jump to navigationJump to search
← Older editNewer edit →
Okadaknj (talk | contribs)
93 edits
No edit summary
Okadaknj (talk | contribs)
93 edits
No edit summary
Line 4: Line 4:
==日本語ページ構築中Minimally Qualified Candidate==
==日本語ページ構築中Minimally Qualified Candidate==


受験生は、ソフトウエア開発の基本的な理解、ワールドワイドウェブ(WWW)とウェブアプリケーションの原理を理解している必要があります。受験生は、マークアップ言語の文法をりようして簡単なWebサイトを構築したり、そのWebサイトをlink, media要素やフォームを利用して拡張することが可能である必要があります。受験生は、これらのコンテンツがどのように表示されWebサイトに配置されるか、定義できる必要があります。さらに、受験生は変数・条件・ループ・関数などの、プログラミングの基本的な概念を知っている必要があります。受験生は、ウェブブラウザー上で動く、簡単なプログラムを作成できる必要があります。受験生は、ウェブサイトから送られたデータを処理し、データベースで永続化し、データベースのコンテンツで同的なウェブサイトを構築できる、サーバサイド側のプログラムを開発できる必要があります。
受験生は、ソフトウエア開発の基本的な理解、ワールドワイドウェブ(WWW)とウェブアプリケーションの原理を理解している必要があります。受験生は、マークアップ言語の文法を利用して簡単なWebサイトを構築したり、そのWebサイトをlink, media要素やフォームを利用して拡張することが可能である必要があります。受験生は、これらのコンテンツがどのように表示されWebサイトに配置されるか、定義できる必要があります。さらに、受験生は変数・条件・ループ・関数などの、プログラミングの基本的な概念を知っている必要があります。受験生は、ウェブブラウザー上で動く、簡単なプログラムを作成できる必要があります。受験生は、ウェブサイトから送られたデータを処理し、データベースで永続化し、データベースのコンテンツで同的なウェブサイトを構築できる、サーバサイド側のプログラムを開発できる必要があります。


<br />
<br />
Line 155: Line 155:
<br />
<br />


===''032 HTML Document Markup''===
===''032 HTMLドキュメントマークアップ''===


====<span style="color:navy">032.1 HTML Document Anatomy (weight: 2)====
====<span style="color:navy">032.1 HTMLドキュメントの仕組み (総重量: 2)====
{|
{|
| style="background:#dadada" |  
| style="background:#dadada" |  
Line 171: Line 171:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should understand the anatomy and syntax of an HTML document. This includes creating basic HTML documents.
受験生は、HTMLドキュメントの仕組みと文法を理解している必要がある。これには、基本的なHTMLドキュメントの作成も含まれる。


|}
|}
Line 177: Line 177:
'''主な知識分野:'''
'''主な知識分野:'''


* Create a simple HTML document
* 簡単なHTMLドキュメントを作成する。
* Understand the role of HTML
* HTMLの役割の理解。
* Understand the HTML skeleton
* HTMLスケルトンの理解。
* Understand the HTML syntax (tags, attributes, comments)
* （タグ・属性・コメント等の）HTMLの文法の理解。
* Understand the HTML head
* HTMLのheadの理解。
* Understand meta tags
* Metaタグの理解。
* Understand character encoding
* 文字エンコーディングの理解。


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''
Line 191: Line 191:
* <nowiki><head></nowiki>
* <nowiki><head></nowiki>
* <nowiki><body></nowiki>
* <nowiki><body></nowiki>
* <nowiki><meta></nowiki>, including the charset (UTF-8), name and content attributes
* charset(uff-8), name, content属性を含む<nowiki><meta></nowiki>


<br />
<br />


====<span style="color:navy">032.2 HTML Semantics and Document Hierarchy (weight: 2)====
====<span style="color:navy">032.2 HTMLの意味とドキュメントの階層 (総重量: 2)====


{|
{|
Line 210: Line 210:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should be able to create HTML documents with a  semantic structure.
受験生は、意味構造によるHTMLドキュメントを作成できなくてはいけない。


|}
|}
Line 216: Line 216:
'''主な知識分野:'''
'''主な知識分野:'''


* Create markup for contents in an HTML document
* HTMLドキュメントのコンテンツにマークアップを作成する。
* Understand the hierarchical HTML text structure
* 階層化HTMLテキスト構造の理解。
* Differentiate between block and inline HTML elements
* blockとinline HTML要素の区別
* Understand important semantic structural HTML elements
* 重要性な意味構造のHTMLエレメントの理解


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''
Line 237: Line 237:
<br />
<br />


====<span style="color:navy">032.3 HTML References and Embedded Resources (weight: 2)====
====<span style="color:navy">032.3 HTML参照と埋め込みリソース (総重量: 2)====


{|
{|
Line 252: Line 252:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should be able to link an HTML document with other documents and embed external content, such as images, videos and audio in an HTML document.
受験生は、他のドキュメントにリンクを貼ったHTMLドキュメントを作成したり、HTMLドキュメントに画像・ビデオ・音声などの外部のコンテンツを埋め込んだりすることができる。


|}
|}
Line 258: Line 258:
'''主な知識分野:'''
'''主な知識分野:'''


* Create links to external resources and page anchors
* 外部リソースへのリンクとページのアンカーの作成。
* Add images to HTML documents
* HTMLドキュメントに画像を追加する。
* Understand key properties of common media file formats, inlcuding PNG, JPG and SVG
* PNG, JPG, SVGを含む、一般的に用いられているメディアのファイルフォーマットの、主な特性の理解。
* Awareness of iframes
* iframeの知識。


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''


* id attribute
* id属性
* <nowiki><a></nowiki>, including the href and target (_blank, _self, _parent, _top) attributes
* hrefと(_blank, _self, _parent, _top)のtarget属性を含んだ<nowiki><a></nowiki>
* <nowiki><img></nowiki>, including the src and alt attributes
* srcとalt属性含んだ<nowiki><img></nowiki>


<br />
<br />


====<span style="color:navy">032.4 HTML Forms (weight: 2)====
====<span style="color:navy">032.4 HTMLフォーム (総重量: 2)====


{|
{|
Line 286: Line 286:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should be able to create simple HTML forms containing input elements of various types.
受験生は、様々な種類のinput要素を含んだ、簡単なHTMLフォームを作成できる必要がある。


|}
|}
Line 292: Line 292:
'''主な知識分野:'''
'''主な知識分野:'''


* Create simple HTML forms
* 簡単なHTMLフォームの作成
* Understand HTML form methods
* HTMLのformタグのmethod属性の理解
* Understand HTML input elements and types
* HTMLのinput要素と種類の理解


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''


* <nowiki><form></nowiki>, including the method (get, post), action, and enctype attributes
* method(get, post), action enctypeなどの属性を含む<nowiki><form></nowiki>
* <nowiki><input></nowiki>, including the type (text, email, password, number, date, file, range, radio, checkbox, hidden) attribute
* (text, email, password, number, date, file, range, radio, checkbox, hidden等の) type属性の<nowiki><input></nowiki>
* <nowiki><button></nowiki>, including the type (submit, reset, hidden, button) attribute
* (submit, reset, hidden, button等の) type属性の<nowiki><button></nowiki>
* <nowiki><textarea></nowiki>
* <nowiki><textarea></nowiki>
* common form element attributes (name, value, id)
* (name, value, id等の)form要素の共通属性
* <nowiki><label></nowiki>, including the for attribute
* for属性を含んだ<nowiki><label></nowiki>


<br />
<br />


===''033 CSS Content Styling''===
===''033 CSS コンテンツ スタイリング''===


====<span style="color:navy">033.1 CSS Basics (weight: 1)====
====<span style="color:navy">033.1 CSS基礎 (総重量: 1)====
{|
{|
| style="background:#dadada" |  
| style="background:#dadada" |  
Line 323: Line 323:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should understand the various ways to style an HTML document using CSS. This includes the structure and syntax of CSS rules.
受験生は、さまざまな方法で、CSSを利用したHTMLドキュメントにスタイルをつける方法を理解している必要がある。これには、CSS規則の構造と文法の理解が含まれる。


|}
|}
Line 329: Line 329:
'''主な知識分野:'''
'''主な知識分野:'''


* Embedding CSS within an HTML document
* HTMLドキュメントないにCSSを組み込む
* Understand the CSS syntax
* CSS文法の理解
* Add comments to CSS
* CSSにコメントを付加する。
* Awareness of accessibility features and requirements
* アクセシビリティの特徴と要求の知識


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''


* HTML style and type (text/css) attributes
* HTML のstyleとtype(text/css)属性
* <nowiki><style></nowiki>
* <nowiki><style></nowiki>
* <nowiki><link></nowiki>, including the rel (stylesheet), type (text/css) and src attributes
* rel (stylesheet), type (text/css), src属性を含んだ<nowiki><link></nowiki>
* ;
* ;
* /*,*/
* /*,*/
Line 344: Line 344:
<br />
<br />


====<span style="color:navy">033.2 CSS Selectors and Style Application (weight: 3)====
====<span style="color:navy">033.2 CSSセレクタとスタイルの適用 (総重量: 3)====
{|
{|
| style="background:#dadada" |  
| style="background:#dadada" |  
Line 357: Line 357:


| style="background:#eaeaea" |
| style="background:#eaeaea" |
 
.
The candidate should be able to use selectors in CSS and understand how CSS rules are applied to elements within an HTML document.
受験生は、CSS内でセレクタを利用することができて、CSSの規約がどのようにHTMLドキュメント内の要素に適用されるか理解している必要がある。


|}
|}
Line 364: Line 364:
'''主な知識分野:'''
'''主な知識分野:'''


* Use selectors to apply CSS rules to elements
* CSSの規約を要素に適用するためセレクタを利用する。
* Understand CSS pseudo-classes
* CSS pseudo-classesの理解
* Understand rule order and precedence in CSS
* CSSにおけるルールの順序と重要性の理解
* Understand inheritance in CSS
* CSSにおける継承の理解


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''
Line 378: Line 378:
<br />
<br />


====<span style="color:navy">033.3 CSS Styling (weight: 2)====
====<span style="color:navy">033.3 CSS スタイリング (総重量: 2)====


{|
{|
Line 393: Line 393:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should use CSS to add simple styles to the elements of an HTML document.
受験生は、CSSを利用して、HTMLドキュメントの要素へ、簡単なスタイルを利用適用することができる


|}
|}
Line 399: Line 399:
'''主な知識分野:'''
'''主な知識分野:'''


* Understand fundamental CSS properties
* 基本的なCSSプロパティの理解
* Understand units commonly used in CSS
* CSSにおいてよく利用されるユニットの理解


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''
Line 409: Line 409:
<br />
<br />


====<span style="color:navy">033.4 CSS Box Model and Layout (weight: 2)====
====<span style="color:navy">033.4 CSS ボックスモデルとレイアウト (総重量: 2)====


{|
{|
Line 424: Line 424:
| style="background:#eaeaea" |
| style="background:#eaeaea" |


The candidate should understand the CSS box model. This includes defining the position of elements on a website. Additionally, the candidate should understand the document flow.
受験生は、CSSボックスモデルを理解している必要がある。これには、ウェブサイトの要素の位置を定義することも含まれる。さらに、ドキュメントフローを理解している必要もある。


|}
|}
Line 430: Line 430:
'''主な知識分野:'''
'''主な知識分野:'''


* Define the dimension, position and alignment of elements in a CSS layout
* CSSレイアウトで、要素のdimension, position, alignment の定義
* Specify how text flows around other elements
* 他の要素の周りのテキストをどのように記述するか。
* Understand the document flow
* ドキュメントフローの理解
* Awareness of the CSS grid
* CSSグリッドの知識
* Awareness of responsive web design
* レスポンシブ ウェブ デザインの知識
* Awareness of CSS media queries
* CSSメディアクエリの知識


'''利用されるファイル・用語・ユーティリティ:'''
'''利用されるファイル・用語・ユーティリティ:'''

Revision as of 14:47, 21 July 2021


日本語ページ構築中Minimally Qualified Candidate

受験生は、ソフトウエア開発の基本的な理解、ワールドワイドウェブ(WWW)とウェブアプリケーションの原理を理解している必要があります。受験生は、マークアップ言語の文法を利用して簡単なWebサイトを構築したり、そのWebサイトをlink, media要素やフォームを利用して拡張することが可能である必要があります。受験生は、これらのコンテンツがどのように表示されWebサイトに配置されるか、定義できる必要があります。さらに、受験生は変数・条件・ループ・関数などの、プログラミングの基本的な概念を知っている必要があります。受験生は、ウェブブラウザー上で動く、簡単なプログラムを作成できる必要があります。受験生は、ウェブサイトから送られたデータを処理し、データベースで永続化し、データベースのコンテンツで同的なウェブサイトを構築できる、サーバサイド側のプログラムを開発できる必要があります。



バージョン情報

この試験範囲は、バージョン1.0.0の「ドラフト」です。


試験範囲の翻訳

このwikiに、以下の試験範囲の翻訳があります:


試験範囲

031 ソフトウエア開発とウェブ技術

031.1 ソフトウエア開発の基礎(総重量: 1)

総重量

1

説明

受験生は、ソフトウエア開発と重要なプログラミング言語の知識を理解している必要がある。

主な知識分野:

  • ソースコードについての理解
  • コンパイラーとインタープリターの原理の理解
  • ライブラリの概念の理解
  • 関数・プロシージャ・オブジェクト指向プログラミングの概念の理解
  • ソースコードエディタと統合開発環境(IDE)の共通機能の知識
  • バージョンコントロールシステムの知識
  • ソフトウエアテストの知識
  • 重要なプログラミング言語(C, C++, C#, Java, JavaScript, Python, PHP)の知識


031.2 ウェブアプリケーションアーキテクチャー(総重量: 2)

総重量

2

説明

受験生は、ウェブ開発技術とアーキテクチャのよく利用される標準について理解しておく必要がある。

主な知識分野:

  • クライアントとサーバの、コンピューティングの原理の理解
  • ウェブブラウザの役割の理解と、一般的に利用されているウェブブラウザの知識。
  • ウェブサーバとアプリケーションサーバの役割の理解。
  • 一般的に利用されている、ウェブの開発技術と標準の理解。
  • APIの原理の理解。
  • リレーショナルデータベースと非リレーショナルデータベース(NoSQL)の原理の理解。
  • 一般的に利用されている、オープンソースデータベースマネージメントシステムの知識。
  • RESTとGraphQLの知識。
  • シングルページアプリケーション(SPA)の知識。
  • ウェブアプリケーションのパッケージングの知識。
  • WebAssemblyの知識。
  • コンテンツマネージメントシステム(CMS)の知識。

利用されるファイル・用語・ユーティリティ:

  • Chrome, Edge, Firefox, Safari, Internet Explorer
  • HTML, CSS, JavaScript
  • SQLite, MySQL, MariaDB, PostgreSQL
  • MongoDB, CouchDB, Redis


031.3 HTTPの基礎 (総重量: 3)

総重量

3

説明

受験生は、HTTPの基本的な知識を理解している必要がある。それは、HTTPのヘッダ・コンテンツタイプ・キャッシュ・ステータスコードなども含まれる。さらに、受験生はクッキーとセッションに対するクッキの役割の原理について理解していて、さらに発展したHTTP使用の知識がある必要がある。

主な知識分野:

  • HTTPのGETメソッド・POSTメソッド・ステータスコード・ヘッダ・コンテンツタイプの理解。
  • 静的コンテンツと動的コンテンツの違いの理解。
  • HTTPのURLの理解。
  • HTTPのURLが、どのようにシステムパス上のファイルに対応しているか、の理解。
  • ファイルを、ウェブサーバのドキュメントルートへのアップロード。
  • キャッシュの理解。
  • クッキーの理解
  • セッションとセッションハイジャックの知識。
  • 一般的に利用されているHTTPサーバの知識
  • HTTPSとTLSの知識
  • web socketの知識
  • バーチャルホスト(virtual host)の知識
  • 一般的なHTTPサーバの知識
  • ネットワーク帯域と、遅延要求と制限の知識

利用されるファイル・用語・ユーティリティ:

  • GET, POST
  • 200, 301, 302, 401, 403, 404, 500
  • Apache HTTP Server ("httpd"), NGINX


032 HTMLドキュメントマークアップ

032.1 HTMLドキュメントの仕組み (総重量: 2)

総重量

2

説明

受験生は、HTMLドキュメントの仕組みと文法を理解している必要がある。これには、基本的なHTMLドキュメントの作成も含まれる。

主な知識分野:

  • 簡単なHTMLドキュメントを作成する。
  • HTMLの役割の理解。
  • HTMLスケルトンの理解。
  • （タグ・属性・コメント等の）HTMLの文法の理解。
  • HTMLのheadの理解。
  • Metaタグの理解。
  • 文字エンコーディングの理解。

利用されるファイル・用語・ユーティリティ:

  • <!DOCTYPE html>
  • <html>
  • <head>
  • <body>
  • charset(uff-8), name, content属性を含む<meta>


032.2 HTMLの意味とドキュメントの階層 (総重量: 2)

総重量

2

説明

受験生は、意味構造によるHTMLドキュメントを作成できなくてはいけない。

主な知識分野:

  • HTMLドキュメントのコンテンツにマークアップを作成する。
  • 階層化HTMLテキスト構造の理解。
  • blockとinline HTML要素の区別
  • 重要性な意味構造のHTMLエレメントの理解

利用されるファイル・用語・ユーティリティ:

  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
  • <p>
  • <ul>, <ol>, <li>
  • <dl>, <dt>, <dd>
  • <pre>
  • <blockquote>
  • <strong>, <em>, <code>
  • <b>, <i>, <u>
  • <span>
  • <div>
  • <main>, <header>, <nav>, <section>, <footer>


032.3 HTML参照と埋め込みリソース (総重量: 2)

総重量

2

説明

受験生は、他のドキュメントにリンクを貼ったHTMLドキュメントを作成したり、HTMLドキュメントに画像・ビデオ・音声などの外部のコンテンツを埋め込んだりすることができる。

主な知識分野:

  • 外部リソースへのリンクとページのアンカーの作成。
  • HTMLドキュメントに画像を追加する。
  • PNG, JPG, SVGを含む、一般的に用いられているメディアのファイルフォーマットの、主な特性の理解。
  • iframeの知識。

利用されるファイル・用語・ユーティリティ:

  • id属性
  • hrefと(_blank, _self, _parent, _top)のtarget属性を含んだ<a>
  • srcとalt属性含んだ<img>


032.4 HTMLフォーム (総重量: 2)

総重量

2

説明

受験生は、様々な種類のinput要素を含んだ、簡単なHTMLフォームを作成できる必要がある。

主な知識分野:

  • 簡単なHTMLフォームの作成
  • HTMLのformタグのmethod属性の理解
  • HTMLのinput要素と種類の理解

利用されるファイル・用語・ユーティリティ:

  • method(get, post), action enctypeなどの属性を含む<form>
  • (text, email, password, number, date, file, range, radio, checkbox, hidden等の) type属性の<input>
  • (submit, reset, hidden, button等の) type属性の<button>
  • <textarea>
  • (name, value, id等の)form要素の共通属性
  • for属性を含んだ<label>


033 CSS コンテンツ スタイリング

033.1 CSS基礎 (総重量: 1)

総重量

1

説明

受験生は、さまざまな方法で、CSSを利用したHTMLドキュメントにスタイルをつける方法を理解している必要がある。これには、CSS規則の構造と文法の理解が含まれる。

主な知識分野:

  • HTMLドキュメントないにCSSを組み込む
  • CSS文法の理解
  • CSSにコメントを付加する。
  • アクセシビリティの特徴と要求の知識

利用されるファイル・用語・ユーティリティ:

  • HTML のstyleとtype(text/css)属性
  • <style>
  • rel (stylesheet), type (text/css), src属性を含んだ<link>
  • ;
  • /*,*/


033.2 CSSセレクタとスタイルの適用 (総重量: 3)

総重量

3

説明

. 受験生は、CSS内でセレクタを利用することができて、CSSの規約がどのようにHTMLドキュメント内の要素に適用されるか理解している必要がある。

主な知識分野:

  • CSSの規約を要素に適用するためセレクタを利用する。
  • CSS pseudo-classesの理解
  • CSSにおけるルールの順序と重要性の理解
  • CSSにおける継承の理解

利用されるファイル・用語・ユーティリティ:

  • element; .class; #id
  • a, b; a.class; a b;
  • :hover, :focus
  • !important


033.3 CSS スタイリング (総重量: 2)

総重量

2

説明

受験生は、CSSを利用して、HTMLドキュメントの要素へ、簡単なスタイルを利用適用することができる

主な知識分野:

  • 基本的なCSSプロパティの理解
  • CSSにおいてよく利用されるユニットの理解

利用されるファイル・用語・ユーティリティ:

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


033.4 CSS ボックスモデルとレイアウト (総重量: 2)

総重量

2

説明

受験生は、CSSボックスモデルを理解している必要がある。これには、ウェブサイトの要素の位置を定義することも含まれる。さらに、ドキュメントフローを理解している必要もある。

主な知識分野:

  • CSSレイアウトで、要素のdimension, position, alignment の定義
  • 他の要素の周りのテキストをどのように記述するか。
  • ドキュメントフローの理解
  • CSSグリッドの知識
  • レスポンシブ ウェブ デザインの知識
  • CSSメディアクエリの知識

利用されるファイル・用語・ユーティリティ:

  • width, height, padding, padding-*, margin, margin-*, border, border-*
  • top, left, right, bottom
  • display: block | inline | flex | inline-flex | none
  • position: static | relative | absolute | fixed | sticky
  • float: left | right | none
  • clear: left | right | both | none


034 JavaScript Programming

034.1 JavaScript Execution and Syntax (weight: 1)

総重量

1

説明

The candidate should be able to execute JavaScript files and inline code from an HTML document and understand basic JavaScript syntax.

主な知識分野:

  • Run JavaScript within an HTML document
  • Understand the JavaScript syntax
  • Add comments to JavaScript code
  • Access the JavaScript console
  • Write to the JavaScript console

利用されるファイル・用語・ユーティリティ:

  • <script>, including the type (text/javascript) and src attributes
  • ;
  • //, /* */
  • console.log


034.2 JavaScript Data Structures (weight: 3)

総重量

3

説明

The candidate should be able to use variables in JavaScript code. This includes understanding values and data types. Furthermore, the candidate should understand assignment operators and type conversion and be aware of variable scope.

主な知識分野:

  • Define and use variables and constants
  • Understand data types
  • Understand type conversion/coercion
  • Understand arrays and objects
  • Awareness of the variable scope

利用されるファイル・用語・ユーティリティ:

  • =, +, -, *, /, %, --, ++, +=, -=, *=, /=
  • var, let, const
  • boolean, number, string, symbol
  • array, object
  • undefined, null, NaN


034.3 JavaScript Control Structures and Functions (weight: 4)

総重量

4

説明

The candidate should be able to use control structures in JavaScript code. This includes using comparison operators. Furthermore, the candidate should be able to write simple functions and understand function parameters and return values.

主な知識分野:

  • Understand truthy and falsy values
  • Understand comparison operators
  • Understand the difference between loose and strict comparison
  • Use conditionals
  • Use loops
  • Define custom functions

利用されるファイル・用語・ユーティリティ:

  • if, else if, else
  • switch, case, break
  • for, while, break, continue
  • function, return
  • ==, !=, <, <=, >, >=
  • ===, !==


034.4 JavaScript Manipulation of Website Content and Styling (weight: 2)

総重量

2

説明

The candidate should understand the HTML DOM. This includes manipulating HTML elements and CSS properties through the DOM using JavaScript as well as using DOM events in simple scenarios.

主な知識分野:

  • Understand the concept and structure of the DOM
  • Change the contents and properties of HTML elements through the DOM
  • Change the CSS styling of HTML elements through the DOM
  • Trigger JavaScript functions from HTML elements

利用されるファイル・用語・ユーティリティ:

  • document.getElementById(), document.getElementsByClassName(), document.getElementsByTagName(),document.querySelector(), document.querySelectorAll()
  • innerHTML, setAttribute(), removeAttribute() properties and methods of DOM elements
  • classList, classList.add(), classList.remove(), classList.toggle() properties and methods of DOM elements
  • onClick, onMouseOver, onMouseOut attributes of HTML elements


035 NodeJS Server Programming

035.1 NodeJS Basics (weight: 1)

総重量

1

説明

The candidate should understand the basics of NodeJS. This includes running a local development server as well as understanding the concept of NPM modules.

主な知識分野:

  • Understand the concepts of Node.js
  • Run a NodeJS application
  • Install NPM packages

利用されるファイル・用語・ユーティリティ:

  • node [file.js]
  • npm init
  • npm install [module_name]
  • package.json
  • node_modules


035.2 NodeJS Express Basics (weight: 4)

総重量

4

説明

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.

主な知識分野:

  • Define routes to static files and EJS templates
  • Serve static files through Express
  • Serve EJS templates through Express
  • Create simple, non-nested EJS templates
  • 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 cross-site Scripting (XSS)
  • Awareness of cross-site request forgery (CSRF)

利用されるファイル・用語・ユーティリティ:

  • express and body-parser node module
  • Express app object
  • app.get(), app.post()
  • res.query, res.body
  • ejs node module
  • res.render()
  • <% … %>, <%= … %>, <%# … %>, <%- … %>
  • views/


035.3 SQL Basics (weight: 3)

総重量

3

説明

The candidate should be able to create individual tables in an SQLite database and add, modify and delete data using SQL. Furthermore, the candidate should be able to retrieve data from individual tables and execute SQL queries from NodeJS. This does not include referencing or combining data between multiple tables.

主な知識分野:

  • Establish a database connection from NodeJS
  • Retrieve data from the database in NodeJS
  • Execute SQL queries from NodeJS
  • Create simple SQL queries excluding joins
  • Understand primary keys
  • Escape variables used in SQL queries
  • Awareness of SQL injections

利用されるファイル・用語・ユーティリティ:

  • sqlite3 NPM module
  • Database.run(), Database.close(), Database.all(), Database.get(), Database.each()
  • CREATE TABLE
  • INSERT, SELECT, DELETE, UPDATE


Retrieved from "https://wiki.lpi.org/w/index.php?title=WebDevelopmentEssentials_Objectives_V1.0(JA)&oldid=5507"