HTML
見出し、文章、画像、リンクなど、Webページの構造を基礎から学びます。
WEBTRAINING LESSON GUIDE
次に学ぶレッスンを、
ここから見つける。
HTML・CSSからWordPressまで、WebTrainingのレッスンを分野や制作目的から探せます。すべてを一度に並べず、学習の入口になるレッスンをまとめました。
FIRST STEPS
初めての方におすすめの学習順
迷った場合は、ページの構造から始めて、見た目、動き、データ処理へ進むと理解しやすくなります。
- 01
- 02
- 03
- 04
- 05
LEARN BY FIELD
分野からレッスンを探す
各分野は、親子関係と管理画面の表示順を使って主要レッスンを掲載しています。
CSS
色や文字、余白、レイアウト、レスポンシブ対応を段階的に学びます。
JavaScript
基礎文法からDOM操作まで、ページに動きや機能を加える方法を学びます。
- 01 JavaScriptで「表示してみる」体験をしよう！
- 02 変数と演算子でJavaScriptで「計算」してみよう！
- 03 JavaScriptのif文で条件分岐を学ぼう！
- 04 for文とwhile文でJavaScriptの「繰り返し処理」を体験しよう！
PHP
フォーム処理やデータベース連携など、Webサイトの裏側を学びます。
WordPress
既存テーマの活用からオリジナルテーマ制作まで、実際の構築手順を学びます。
- 01 Wordpressでフルサイト作成の事前準備と環境構築
- 02 Wordpressで固定ページとヘッダー・フッターの作成
- 03 Wordpressで個別投稿テンプレートとサイドバーのテンプレートパーツ作成
- 04 Wordpressトップページ＝フロントページのテンプレートを扱う
Figma
画面構成、図形、オートレイアウト、画像の書き出しなどを学びます。
Bootstrap
グリッドやコンポーネントを使い、効率よくページを制作する方法を学びます。
- 01 Bootstrapを読み込んで使ってみよう
- 02 Bootstrapグリッドシステムでレイアウトしてみよう
- 03 Bootstrapのボタン・カード・画像を使って装飾しよう
- 04 Bootstrapのナビゲーションバーを作ってみよう
LEARN BY GOAL
制作目的から探す
身につけたい役割や、作りたい仕組みに合わせて学習分野を組み合わせます。
NEW & UPDATED
最近追加・更新されたレッスン
7分野のレッスンから、更新日時が新しいものを掲載しています。
FREE TOOLS
学習を助ける無料ツール
コード入力や関数の確認など、レッスンと一緒に使えるツールです。
CONTACT
学習順やレッスン選びに迷ったら
現在の学習状況や作りたいものに合わせて、次に進む内容をご相談いただけます。