公式LINE友達追加

プログラミング講座
Webエンジニア基礎

Webエンジニアの基礎知識を身につける

プログラミング Webページ作成 など

Webエンジニア講座とは

プログラミングが
初めての方はここから!

あらゆる言語の土台となる、
HTMLやCSS、JavaScriptの技術を習得できる講座です。

こんな方におすすめ!

  • Webブラウザで表示されるページの文書を作成できるようになりたい
  • Webブラウザで表示されるページのデザインやレイアウトを変えたい
  • Webブラウザで動く「メールサービス」や「地図サービス」のような
    動的なページを構築したい

学習のプロセス

ITパスポート講座

システム開発の基礎はもちろん、
IT事業やDX経営の基礎を習得

基本情報技術者講座

エンジニアポジションの
システム開発知識を習得

Webエンジニア基礎講座

STEP❶ HTML基礎

Webブラウザで表示されるものはHTMLで構成されています。
HTMLで書かれたプログラムをWebブラウザが解析して表示するという仕組みです。HTMLを理解するとホームページが作成できるようになるだけでなく、JavaやPHPやJavaScriptなどの他言語と連携し、Webアプリケーションにも対応できるようになります。

STEP❷ CSS基礎

Webブラウザで表示されるものはHTMLで構成されていますが、デザインやレイアウトはCSSで行われています。HTMLは文書構成、CSSはデザインやレイアウトを担当するわけです。CSSを利用すると、HTML文書は同じでもメディアによってデザインやレイアウトを変えることもできます。また、CSSを理解することでJavaScriptなどと連携し、Webアプリケーションにも対応できるようになります。

STEP❸ JavaScript基礎

JavaScriptは、「メールサービス」や「地図サービス」のような動的なWebページを構築する際に利用されています。
また、JavaScriptを用いると、ユーザーにとって使い勝手のよいインターフェースを構築することができます。
JavaScriptを理解することでホームページを作成するだけでなく、JavaやPHPなどの他言語と連携し、Webアプリケーションにも対応できるようになります。

PHPエンジニア基礎講座

Webサイトや
Webアプリケーションの開発

Javaエンジニア基礎講座

Web上の直接ユーザーが
目に触れて操作する部分の作成から、
サーバーサイドの開発や構築まで

わたしはどんな
キャリア・学習を進めればいい?

DXに強いビジネスパーソン

ITパスポート

システム開発からDX経営まで、あらゆる人に欠かせないITの基礎知識はこれでOK

Webエンジニア講座

エンジニアと踏み込んだ会話をするための、プログラミングの初歩を習得

フロントエンドエンジニア

基本情報技術者

ベンダーニュートラルで、エンジニアポジションの偏りのないシステム開発の知識を習得

Webエンジニア講座

Webサイト開発に最低限必要な、HTML・CSS・JavaScriptの基礎を習得

PHPエンジニア講座

1歩進んでデータベースと連携しながらWebサイトを動的に見せる技術を習得

バックエンドエンジニア

基本情報技術者

ベンダーニュートラルで、エンジニアポジションの偏りのないシステム開発の知識を習得

Webエンジニア講座

いきなり難易度の高いステップに進む前に、あらゆる言語の土台となる技術を習得

Javaエンジニア基礎講座

汎用性が高く、さまざまな開発に用いられる、定番言語の技術を習得

AWS講座

クラウドサービスでインフラを構築する知識を習得

フルスタックエンジニア

基本情報技術者

これまでの経験の棚卸しのためにも、知識やスキルの抜けがないか確認する

PHPエンジニア基礎講座

フロント・バック、どちらのキャリアを進むにせよ、PHPもしっかりと習得しておくべき

Javaエンジニア基礎講座

本格的にキャリアを積んでいくには、実務のなかで学んできたスキルをしっかりと再習得

AWS講座

クラウドサービスでインフラを構築する知識を習得

この講座のメリット

動画を見ながらご自身のパソコン
でプログラミング

講師がプログラミングの画面を見せながら解説します。ご自身のパソコンで簡単に再現できるため、動くプログラミングをすぐに実践できます。 また、すべての動画内容についてサンプルファイルをお渡ししておりますので、うまく再現できないコードはサンプルをご利用ください。

段階ごとの細かく別れた講座動画で
わかりやすい&学びやすい

パソコンだけでなくスマホにも完全対応! 動画はプログラミングの段階ごとに細かく分かれているため、忙しい方も、 スキマ時間で&スマホで学ぶことが可能です。

問題演習で知識とスキルの習得を
確認できる

動画で学んだこと、実践したことが身についているか問題演習で確認できます。 クイズ感覚で解けるため「動画でインプット→演習でアウトプット」を繰り返しながら進めていきましょう。

進捗が一目でわかる学習管理機能

進み具合を自己管理できる学習システムが搭載されています。 問題演習でどれくらい正解できているか、全体のうちどこまで到達したかを確認し、モチベーションアップにつなげることができます。

動画で各言語の使用環境を構築

  • 動画を見ながら、講座で学習する言語を使用するための環境を整えていく。

コードを打つ前に、スマホで文法を習得

  • 実践に入る前に、コードの文法や「オブジェクト指向とは」といった概念的な知識の習得が可能。 スマホを使って、スキマ時間でも学習がサクサク進められる!

講師のコードをパソコンで再現、わからない場合はサンプルを活用

  • 講師が動画で示したコードを、自身で考えながら、パソコンで入力して再現。 わからない場合はサンプルファイルを確認しながら進めてOK!

インプット・アウトプット
のサイクル

  • Shikaku Passは問題演習や模試に対して 演習解説を用意しています。 図のようなサイクルで学習いただくことで理解を深めていけるシステムとなっています。

自己管理ができるシステム

  • 問題演習で自分がどれくらい正解できているか、また、学習全体としてどこまで進んでいるかなどを確認できる学習進捗管理機能が備わっています。

カリキュラム一覧

  • HTML基礎
  • ・開発環境のインストール
  • ・Webの概要
  • ・HTMLの環境設定
  • ・HTMLの基礎知識
  • ・ページレイアウト関連タグ
  • ・フォント関連タグ
  • ・リスト関連タグ
  • ・表関連タグ
  • ・ハイパーリンク関連タグ
  • ・イメージ関連タグ
  • ・色の設定と特殊文字
  • ・Webアプリケーション
  • ・フォーム関連タグ(1)
  • ・フォーム関連タグ(2)
  • CSS基礎
  • ・開発環境のインストール
  • ・CSSの概要
  • ・CSSの環境設定
  • ・CSSの基本文法
  • ・セレクタ(1)
  • ・セレクタ(2)
  • ・セレクタ(3)
  • ・色・背景関連プロパティ
  • ・フォント関連プロパティ
  • ・テキスト関連プロパティ
  • ・リスト関連プロパティ
  • ・ボーダー関連プロパティ
  • ・幅・高さ関連プロパティ
  • ・マージン・パディング関連
    プロパティ
  • ・表関連プロパティ
  • ・表示関連プロパティ
  • ・配置関連プロパティ
  • ・応用(1)
  • ・応用(2)
  • JavaScript基礎
  • ・開発環境インストール
  • ・JavaScriptの概要
  • ・JavaScriptの環境設定
  • ・JavaScriptの基礎知識
  • ・JavaScriptの基本文法
  • ・配列
  • ・制御構造(1)
  • ・制御構造(2)
  • ・関数
  • ・オブジェクト
  • ・ビルトイン・オブジェクト
  • ・ブラウザ・オブジェクト
  • ・DOM(1)
  • ・DOM(2)

料金プラン

分割の場合*(12回)
通常価格
月々
5,500

税込

一括払いの場合
通常価格
66,000

税込

利用期間

購入から12ヶ月

  • お支払時に、「自動継続する」が選択されています。学習期間終了日翌日に自動的に継続購入されます。
    自動継続を希望しない場合は、お支払い時に選択を外すか、
    お申込み後に、「ログイン→サイドメニュー→マイページ→自動継続設定」で設定は変更できます。詳しくはこちら
  • 分割払いは、クレジットカードの分割払い機能のご利用となります。
  • 分割払い利用時の手数料については、ご利用のカード会社によって異なります。ご契約内容をご確認ください。

<注意事項>
※Shikaku Passのご利用にはGakkenIDが必要になります。
GakkenIDをお持ちでない場合、Shikaku Passの会員登録の中でGakkenIDのご登録もしていただきます。

関連記事

講師について

荒川栄一郎(あらかわ・えいいちろう)先生

IT 関連の研修やコンテンツ制作、システム開発などを行う IT 研究所株式会社代表。IT パスポート、基本情報技術者試験、OCJ-P Silver SE11​、Android アプリケーション技術者など、多数の資格や認定を取得。

開発歴 10 年、講師歴 20 年の経験から Java、PHP、Python、C#、Linux などの実務研修や新入社員研修を担当。「遊びながら、楽しみながら習得できる」内容として高い評価を得ている。また、動画コンテンツを複数製作しており、「動画でプログラミングの技術や開発の知識を学ぶ」にあたってのノウハウも豊富。

  • ※本講座の動画・問題文・解説文の著作権は、アテイン(株)に帰属します。
  • ※動画・問題文・解説文を含む、本講座の内容を不正に利用することを禁じます。
  • ※本講座の内容を学習するにあたっての推奨環境は下記のとおりです。
    • ・Web:Windows10/XAMPP8(実行環境)
    • ・Java基礎:Windows10/Eclipse2024(実行環境)
    • ・PHP基礎:Windows10/XAMPP8(実行環境)
  • ※本講座の内容に関するお問い合わせは、アテイン(株)ではなく、(株)Gakken LEAPへお願いいたします。