loading...

検索結果 {{searchResultList.length + '件'}}

HTML/CSS/JavaScript基礎研修(4日間)

HTML/CSS/JavaScript基礎研修(4日間)

WEBページ作成に必要な3つの言語を実践的にマスター

研修No.6020010

本研修は、オンラインでも実施可能です。日程がない場合はお気軽にご相談ください

対象者

・HTML、CSS、JavaScriptの基本構造を理解したい方

研修内容・特徴outline・feature

・ウェブサイト、HTML/CSSの基本構造を理解する
・入力フォームのあるウェブページを作成できる
・JavaScript文法について理解する
・代表的なJavaScriptライブラリである「jQuery」と「Ajax」についての知識を得る

*この研修ではPCを使用します*
研修会場にノートPCをご用意をしております
(持ち込んだPCのご利用はできません)
*オンライン研修の受講環境について*
オンライン研修では開発用ソフトVisual Studio CodeをインストールしたPCからの受講をお願いしております。
また、受講者ご自身に管理者権限のあるPCをご用意ください。

研修プログラムprogram

  内容 手法
  • 1.ウェブサイトの基礎知識
    (1)ウェブサイトの基礎知識
    (2)編集ソフト
講義
  • 2.HTMLの概要
    (1)HTMLとは/基本書式
    (2)ネスト/バージョン
講義
  • 3.ウェブページの基本要素
    ■基本構造/見出し/段落/リスト/リンク/画像
講義
  • 4.CSS(カスケーディング・スタイル・シート)の概要
    (1)CSSの役割/基本書式/セレクタ/継承
    (2)CSSの配置/外部化
講義
ワーク
  • 5.CSSでのスタイル調整
    ■背景色/テキスト色・サイズ/余白・枠/リンク色/カスケード
講義
ワーク
  • 6.実用的なウェブページ
    ■フロート/テーブル/フォーム
講義
  • 7.ウェブサイト作成演習
    【ワーク】ウェブサイトを作成してみる
ワーク
  • 8.JavaScript入門
    (1)Javascript概論/開発ツール/ダイアログボックス
    (2)関数/配列/オブジェクト他
講義
ワーク
  • 9.JavaScript基本文法
    (1)IF文/比較演算子・論理演算子・算術演算子/繰り返し
    (2)関数/配列/オブジェクト他
講義
ワーク
  • 10.フォームで利用
    ■フォームの入力内容の取得とイベント/Dateオブジェクト/型キャスト
講義
ワーク
  • 11.jQuery
    ■要素の取得、class属性の操作/アニメーション/AjaxとJSON
講義
ワーク
  • 12.ウェブサイト総合演習
    【ワーク】ウェブページにJavaScriptで機能追加したウェブサイトを作成してみる
ワーク

スケジュール・お申込みschedule・application

注意点お申込み時の注意点 →お申込みから研修当日までの流れ

2020年度新人IT研修」のコース申込みについては、まずはお問合せください。(関心のあるテーマ:2020年公開講座新人IT研修、とご入力いただいたうえで詳細をご入力ください。)


オンライン開催

研修開始20分前から接続可能です。研修開始10分前までにマイク/スピーカの動作確認を完了して、研修開始までお待ちください。

■申込期日はこちら

■キャンセル期日はこちら

※申込期日とキャンセル期日はオンライン開催とセミナールーム開催で異なります。ご注意ください

セミナールーム開催

【新型コロナウイルス感染症への対策について】 (更新日:2020年11月20日)
セミナールーム開催の場合、受講者さまの安全確保のために、定員半減、ビニールシールド設置、会場消毒など「8つの感染症対策」を実施しております。詳細はこちらのページをご覧ください。

■申込期日はこちら

■キャンセル期日はこちら

受講者の評価evalution

本テーマの評価

内容:大変理解できた・理解できた

92.3%

講師:大変良かった・良かった

100.0%

※2019年10月~2020年9月

実施、実施対象
2020年4月     15名
業種
インソース
評価
内容:大変理解できた・理解できた
0%
講師:大変良かった・良かった
0%
参加者の声
  • 学校でデータベースを学びながらhtmlを簡単に学んだことがありますが、今回は詳しく学ぶことができて嬉しかったです。以前はアンドロイドプログラミングを習いましたが、これと似た点が多く、すぐに目で確認できて面白い言語だと思います。
  • この分野はおそらく自分が行っていく業務に必ず関わってくるため、JQueryの部分も自分で学習するべきである。
  • もう少し深く学習してみたいという気持ちをあった。そのため本研修で得た知識をいかし、今後は独習で学び続けたい。
  • 基本的な構文などだけでなく、ユーザー視点で考えることが重要だと感じました。常にユーザーの立場でものごとを考えるということを意識して業務に取り組みたいです。
  • webサイトの作成を実際に行ってみたいと感じた。

実施、実施対象
2020年1月     4名
業種
インソース
評価
内容:大変理解できた・理解できた
75%
講師:大変良かった・良かった
100%
参加者の声
  • 社内ページを精査し、新しく構築したいと考えていたので、2日間で学んだ成果を発揮したいと思います。
  • 自分の中であやふやになってた部分が理解できた。
  • Webページの改修業務、HTMLメールの作成業務に活かしたい。
  • 普段、あまり触れることが少なかったCSSについて深く学ぶことができました。まだまだ復習が必要ですが、十分業務に役立てられる研修内容でした。

実施、実施対象
2019年8月     7名
業種
インソース
評価
内容:大変理解できた・理解できた
100%
講師:大変良かった・良かった
85.7%
参加者の声
  • 自身がデザインやバグ取りの直接作業をしなくても、中で何が行われているか、どれだけ手間がかかるかなどイメージできるようになったので、もっと勉強したい。
  • 気になるHPがあったら構造などを確認しようと思いました。
  • 手を動かし、都度更新して変化を確認しながら進んだので、楽しみながら取り組むことができた。

実施、実施対象
2019年4月     16名
業種
インソース
評価
内容:大変理解できた・理解できた
0%
講師:大変良かった・良かった
0%
参加者の声
  • 実際に会社のHP作成や編集に携わった際は、今回のことを思い出しながらひとつひとつできることを増やしたい。
  • 基礎知識はもちろんのこと、グループワークで学んだ課題解決の仕方を取り入れていきたい。
  • 現在業務で使用しているシステムは自社で作ったものなので、これを機に、簡単な改修ができるようにしたい。

実施、実施対象
2019年4月     16名
業種
インソース
評価
内容:大変理解できた・理解できた
93.8%
講師:大変良かった・良かった
100%
参加者の声
  • 本日までの研修を通じて、知識・スキルをもっと身につけていきたく、意欲が湧いております。
  • 自社のWEBシステムに関わる機会があるので、今回学んだ知識をもとに、専門性を磨いていきたい。
  • JavaScriptの基本を学ぶことができてよかったです。覚えることが多く大変でしたが、実務で少しでも活かしたいです。

お電話でのお問合せ0120-800-225

メールでのお問合せ お問い合わせフォームへ

タイミングが合えば1名様からでも格安で受けたい研修が受けられる研修リクエストを受付中!

※研修リクエストの詳細は
こちら

TEL:03-5259-0071

FAX:03-5259-0077

お問い合わせフォームへ

ページトップへ
本テーマの評価
内容をよく理解・理解
92.3
講師がとても良い・良い
100.0

※2019年10月~2020年9月

年間実績公開講座の年間実績
受講者数※1
開催数※1
講座数※2

WEBinsource
ご利用社数※2

※1 

※2 

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
業界・業種別研修
関連テーマ
オンライン人材育成

オンライン人材育成

企業内研修は、すべてオンラインで実施可能です

動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

メールマガジンのご登録

レアもの研修特集


感染症対策実施について

日々の会場消毒やビニールシールド設置など「8つの感染症対策」を行い、全国で来場型の公開講座を再開しております。また、オンライン公開講座も引き続き実施しております。


今週のPickUp


申込者数人気ランキング


直近の公開講座開催研修