CONTENTS

現場で通用するスキルを

体系的に・効率的に学ぶ。

オンラインで、あなたのペースで
プロを目指そう。

現役エンジニアが実務に基づいて設計したカリキュラムで、学ぶたびにスキルが使える力に変わる。自分のペースで成長できる、オンラインWebトレーニングです。

制作チャレンジで、
実践力をチェック

WebTraining.jpの特徴

効率的に学び、確実にスキルアップできる
環境を提供します。

充実した教材

動画、テキスト、アニメーション、演習問題など、多様な教材で効率的よく学習できます。

実践的なカリキュラム

現場で使われている最新技術を、プロジェクト形式で身につけます。

柔軟な学習スタイル

オンライン完結型で、自分のペースに合わせて学習を進められます。

人気の
カリキュラム

目的に合わせて選べる、3つの学習パス。

フロントエンドを
基礎から実践まで

HTML・CSS・JavaScriptを使って、デザインを正しく再現し、使いやすいWebページを作れるスキルを習得します。ユーザー体験を形にするためのフロントエンド技術を段階的に身につけます。

コース一覧

Web制作のための
バックエンド

PHPとデータベースを中心に、Webサイトの裏側で動く“処理の仕組み”を学びます。フォーム送信、データ保存、ログイン機能、WordPressテーマ化など、Web制作で求められるサーバーサイドの基礎を実践

コース一覧

Web制作を一貫して学ぶ
フルスタック

デザインからフロントエンド、サーバーサイド、WordPressまで、制作の全工程を一貫して学びます。ページ構造・見た目・動き・データ処理。自分でWebサイトを構築できる総合スキルを身につけるコースです。

コース一覧

フロントエンド
制作チャレンジ

HTML・CSS・JavaScriptを使い、実務に近い制作課題で実践力をチェック

フロントエンド制作に必要なスキルを、
入門・初級・中級・上級のレベル別課題で確認できます。
デザイン再現から動きの実装まで、段階的に実践力を高めます。

HTML・CSSの基礎を正しく使えるか

ページ構造や基本スタイルを理解し、
シンプルなWebページ制作に挑戦します。

入門編にチャレンジ

デザインを忠実に再現できるか

レイアウト・余白・文字組みを意識し、実務に近いデザインカンプを再現します。

初級編にチャレンジ

設計を意識して実装できるか

クラス設計や再利用性を考え、
保守しやすいHTML/CSSを構築します。

中級編にチャレンジ

基礎から学べる
カリキュラム

あなたの目標に合わせて最適なカリキュラム
から始めましょう。

HTML講座

HTMLは、すべてのWeb制作の出発点。まずはこの講座からスタートしましょう

#HTML基礎 #フォーム #img要素

#セマンティック #リンク要素

CSS講座

CSSは、HTMLで作った「ページの構造」に対して「見た目」を指定するための言語

#CSS基礎　#CSS-CLASS設計

#CSS応用と実践 #flexbox#BEM記法 #gird

JavaScript講座

JavaScriptは、「動き」や「仕組み」を加えるためのプログラミング言語

#JavaScript基礎 #JavaScriptDOM

JavaScript応用 #スライドショー

#IntersectionObserver

WordPress講座

WordPressは、Webデザイナー・エンジニア・ライターなどさまざまな職種で使われている実用的なツール。「デザインを動かす」「仕組みを作る」 という実務的な制作スキルを身につけていきます。

#Wordpressテーマ

#Wordpressオリジナルテーマ

PHP講座

PHP は、Webサイトを動的にするためのサーバーサイドスクリプト言語です。お問い合わせフォーム・ログイン機能・掲示板などデータベースと合わせて学習します。

#PHP基礎#PHPで作るお問い合わせフォーム

#PHPとデータベース #PHPの実践と応用

#PHP占い #PHPでゲーム作成

Bootstrap講座

Bootstrapは、CSS・JavaScriptの機能があらかじめ用意された無料のフレームワークです

#Bootstrap #Bootstrapのボタン

Blog

吹き出し
WebTraining AI
WebTraining AI へようこそ！
HTML / CSS / JavaScript / Wordpress/ PHP など、 コードやプログラミングについて何でも質問できます。