Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編
最終更新日:2024年01月22日
Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編の講座詳細
「Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編」は、デジタルスキル標準に準拠したTrack Trainingのリスキリング講座です。HTMLタグやCSSのフォント、余白の基礎を学び、Webプログラミングの基本を習得します。
受講対象者
受講可能形態
想定受講時間(eラーニング)
14時間
講座日数(研修)
2日
スキル
-
必要となる前提知識
特になし
-
習得できるスキル・知識
プログラミング力
対応資格
基本情報技術者試験
デジタルスキル標準項目
DX推進スキル標準
テクノロジー(ソフトウェア開発)
Webアプリケーション基本技術
フロントエンドシステム開発
Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編とは?
この講座は、Webプログラミングを学習する人を対象にしたコースです。フロントエンド開発で用いられるHTML/CSSというプログラミング言語の基礎を学びます。HTMLでよく利用されるタグやCSSで重要なフォントや余白などの基礎的な概念を学びます。
Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編のゴール
この講座は、Webプログラミングを行う上で必ず覚えておきたいHTML、CSSの基礎を学習し、次のステップへ進めるようになることを目的としています。
Webアプリ開発(フロントエンド, HTML/CSS) 基礎講座 実践編のカリキュラム
スタイル
学習
ブック
想定時間
60分
HTML基礎 HTMLの仕組み編
このブックではHTMLやCSSを少し触ったことがある人を対象に, 実際にテキストをHTMLタグやCSSを用いてマークアップしてみる体験を通じて,HTMLの仕組みや役割について理解を深めていきます。
スタイル
学習
ブック
想定時間
60分
HTML基礎 基本要素(タグ)編
このブックでは,HTML未経験者を対象にHTMLで使用される用語や基本的HTML要素(タグ)について学習します。 HTMLについての基本的な理解と,いくつかのHTML要素を使えるようになることを目標としています。
スタイル
チャレンジ問題(実装)
想定時間
30分
シンプルなWebページを作成せよ
この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTMLの基礎的なタグに対する理解が求められます。
スタイル
学習
ブック
想定時間
60分
HTML基礎 HTML5編
このブックでは,HTML5で追加された様々な要素について学びます。 最終的に,HTML5の新しい要素を適切に使えるようになることを目標としています。
スタイル
学習
ブック
想定時間
60分
HTML基礎 フォーム実装編
このブックでは,HTML5で追加された様々なinput関連の属性について学びます。 新しく追加されたTypeや属性の特性を理解して,より適切にinputを使いこなせるようになることを目標としています。
スタイル
チャレンジ問題(実装)
想定時間
60分
アイデア提出フォームを作成せよ HTML編 (軽量版)
この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTML5の機能やバリデーション属性に対する理解が求められます。 非軽量版から、videoタグ、入力チェック、autocompleteの指示を無くしています。
スタイル
チャレンジ問題(実装)
想定時間
60分
(オプショナル) アイデア提出フォームを作成せよ HTML編
この問題はHTMLの基礎的な理解度を確認します。この問題で満点を取るためには、HTML5の機能やバリデーション属性に対する理解が求められます。
スタイル
学習
ブック
想定時間
90分
CSS基礎 基本スタイリング編
このブックでは,HTMLに様々な装飾を施すための言語であるCSSについて学習します。 CSSについての基本的な理解と,様々なCSSセレクタを使って基本的なスタイリングができるようになることを目標としています。
スタイル
学習
ブック
想定時間
60分
CSS基礎 display編
このブックでは,ページレイアウトの重要概念の1つであるdisplayについて,その仕組みについて深く学習することができます。 様々なdispayの指定方法やその特徴を理解した上で,自由にレイアウトができるようになることを目標としています。
スタイル
学習
ブック
想定時間
60分
CSS基礎 margin padding編
このブックでは,ページレイアウトの重要概念の1つであるmarginとpaddingについて,実際に動作するサンプルを使いながらその仕組みについて深く学習することができます。 ボックスモデルやmarginの相殺が起こる原理を理解した上で,marginとpaddingを扱えるようになることを目標としています。
スタイル
学習
ブック
想定時間
60分
CSS基礎 position編
このブックでは,ページレイアウトの重要概念の1つであるpositionについて,実際に動作するサンプルを使いながらその仕組みについて深く学習することができます。 様々なpositionの指定方法やfloatを利用する場合の注意点などを理解した上で,positionを扱い自由にレイアウトができるようになることを目標としています。
スタイル
学習
ブック
想定時間
60分
CSS基礎 CSS3編
このブックでは,「CSS基礎」の他コースを一通り学習した人を対象として,従来のCSSに比べてより多彩な装飾が可能になった「CSS3」について学習します。このブックを通してCSS3で使用できる機能やその使い方を学ぶことができます。
スタイル
チャレンジ問題(実装)
想定時間
60分
ページのスタイルを完成させよ CSS編 (軽量版)
この問題はCSSを用いた処理の理解度を確認します。この問題で満点を取るためには、positionやCSS3に対する理解が求められます。 非軽量版から、アニメーションの指示を無くしています。
スタイル
チャレンジ問題(実装)
想定時間
60分
(オプショナル) ページのスタイルを完成させよ CSS編
この問題はCSSを用いた処理の理解度を確認します。この問題で満点を取るためには、positionやCSS3に対する理解が求められます。
この講座と合わせて受講すると良い講座
次のステップとして、関連するスキルを広げるための講座を検討してみませんか?
自社に最適な研修を設計しませんか?
Trackの法人研修は、社員のスキルに応じたカスタマイズ研修を提供します。
研修設計から運営、振り返りまで、すべてをサポートいたします。
-
1
まずはスキル診断から
社員のスキルを把握し、最適な研修プランを提案します。
-
2
オーダーメイドの研修設計
自社にピッタリの研修プログラムを一緒に作り上げましょう
-
3
研修の振り返りと評価
研修後には振り返りを行い、学習効果の評価や今後の改善点を明確にします。
お見積もりやご相談はお気軽にどうぞ。お待ちしております。
導入事例
累計200社・30,000人以上が利用する
Trackの法人向けデジタル人材研修サービス
CONTACT
ご相談・ご要望など、お気軽にお問い合わせください