MENU

おすすめキーワード
一覧から探す
目的から探す
ソリューションから探す
職種から探す
コースから探す
track givery

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編

最終更新日:2024年01月22日

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編の講座詳細

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編

「Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編」は、デジタルスキル標準に準拠したTrack Trainingのリスキリング講座です。HTMLタグやCSSのフォント、余白の基礎を学び、Webプログラミングの基本を習得します。

受講対象者

DX推進人材 共通スキル

受講可能形態

集合研修
オープン研修
個別指導研修
eラーニング

想定受講時間(eラーニング)

14時間

講座日数(研修)

2

スキル

  • 必要となる前提知識

    特になし

  • 習得できるスキル・知識

    プログラミング力

対応資格

基本情報技術者試験

デジタルスキル標準項目

DX推進スキル標準

学習項目
テクノロジー(ソフトウェア開発)

Webアプリケーション基本技術

フロントエンドシステム開発

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編とは?

この講座は、Webプログラミングを学習する人を対象にしたコースです。フロントエンド開発で用いられるHTML/CSSというプログラミング言語の基礎を学びます。HTMLでよく利用されるタグやCSSで重要なフォントや余白などの基礎的な概念を学びます。


Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編のゴール

この講座は、Webプログラミングを行う上で必ず覚えておきたいHTML、CSSの基礎を学習し、次のステップへ進めるようになることを目的としています。

Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編のカリキュラム

1

スタイル

学習
ブック

想定時間

60分

HTML基礎 HTMLの仕組み編

このブックではHTMLやCSSを少し触ったことがある人を対象に, 実際にテキストをHTMLタグやCSSを用いてマークアップしてみる体験を通じて,HTMLの仕組みや役割について理解を深めていきます。

2

スタイル

学習
ブック

想定時間

60分

HTML基礎 基本要素(タグ)編

このブックでは,HTML未経験者を対象にHTMLで使用される用語や基本的HTML要素(タグ)について学習します。 HTMLについての基本的な理解と,いくつかのHTML要素を使えるようになることを目標としています。

3

スタイル

チャレンジ問題(実装)

想定時間

30分

シンプルなWebページを作成せよ

この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTMLの基礎的なタグに対する理解が求められます。

4

スタイル

学習
ブック

想定時間

60分

HTML基礎 HTML5編

このブックでは,HTML5で追加された様々な要素について学びます。 最終的に,HTML5の新しい要素を適切に使えるようになることを目標としています。

5

スタイル

学習
ブック

想定時間

60分

HTML基礎 フォーム実装編

このブックでは,HTML5で追加された様々なinput関連の属性について学びます。 新しく追加されたTypeや属性の特性を理解して,より適切にinputを使いこなせるようになることを目標としています。

6

スタイル

チャレンジ問題(実装)

想定時間

60分

アイデア提出フォームを作成せよ HTML編 (軽量版)

この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTML5の機能やバリデーション属性に対する理解が求められます。 非軽量版から、videoタグ、入力チェック、autocompleteの指示を無くしています。

7

スタイル

チャレンジ問題(実装)

想定時間

60分

(オプショナル) アイデア提出フォームを作成せよ HTML編

この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTML5の機能やバリデーション属性に対する理解が求められます。

8

スタイル

学習
ブック

想定時間

90分

CSS基礎 基本スタイリング編

このブックでは,HTMLに様々な装飾を施すための言語であるCSSについて学習します。 CSSについての基本的な理解と,様々なCSSセレクタを使って基本的なスタイリングができるようになることを目標としています。

9

スタイル

学習
ブック

想定時間

60分

CSS基礎 display編

このブックでは,ページレイアウトの重要概念の1つであるdisplayについて,その仕組みについて深く学習することができます。 様々なdispayの指定方法やその特徴を理解した上で,自由にレイアウトができるようになることを目標としています。

10

スタイル

学習
ブック

想定時間

60分

CSS基礎 margin padding編

このブックでは,ページレイアウトの重要概念の1つであるmarginとpaddingについて,実際に動作するサンプルを使いながらその仕組みについて深く学習することができます。 ボックスモデルやmarginの相殺が起こる原理を理解した上で,marginとpaddingを扱えるようになることを目標としています。

11

スタイル

学習
ブック

想定時間

60分

CSS基礎 position編

このブックでは,ページレイアウトの重要概念の1つであるpositionについて,実際に動作するサンプルを使いながらその仕組みについて深く学習することができます。 様々なpositionの指定方法やfloatを利用する場合の注意点などを理解した上で,positionを扱い自由にレイアウトができるようになることを目標としています。

12

スタイル

学習
ブック

想定時間

60分

CSS基礎 CSS3編

このブックでは,「CSS基礎」の他コースを一通り学習した人を対象として,従来のCSSに比べてより多彩な装飾が可能になった「CSS3」について学習します。このブックを通してCSS3で使用できる機能やその使い方を学ぶことができます。

13

スタイル

チャレンジ問題(実装)

想定時間

60分

ページのスタイルを完成させよ CSS編 (軽量版)

この問題はCSSを用いた処理の理解度を確認します。この問題で満点を取るためには、positionやCSS3に対する理解が求められます。 非軽量版から、アニメーションの指示を無くしています。

14

スタイル

チャレンジ問題(実装)

想定時間

60分

(オプショナル) ページのスタイルを完成させよ CSS編

この問題はCSSを用いた処理の理解度を確認します。この問題で満点を取るためには、positionやCSS3に対する理解が求められます。

この講座と合わせて受講すると良い講座

次のステップとして、関連するスキルを広げるための講座を検討してみませんか?

自社に最適な研修を設計しませんか?

Trackの法人研修は、社員のスキルに応じたカスタマイズ研修を提供します。
研修設計から運営、振り返りまで、すべてをサポートいたします。

  1. 1

    まずはスキル診断から

    社員のスキルを把握し、最適な研修プランを提案します。

  2. 2

    オーダーメイドの研修設計

    自社にピッタリの研修プログラムを一緒に作り上げましょう

  3. 3

    研修の振り返りと評価

    研修後には振り返りを行い、学習効果の評価や今後の改善点を明確にします。

今すぐお問い合わせください

お見積もりやご相談はお気軽にどうぞ。お待ちしております。

導入事例

累計200社・30,000人以上が利用する
Trackの法人向けデジタル人材研修サービス

デジタルスキルの向上に興味がある方は、 「Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編」のご相談・お見積りはこちら ご相談・ご要望など、お気軽にお問い合わせください