マークアップエンジニアへの道

デザインを、そのまま動くWebページに起こす仕事。Webデザイナーが手を動かす部分。

Webデザイナー・Web制作を目指す方

白紙のページから始めて、見た目を整え、スマホでも崩れないところまで。最後は依頼と完成条件だけを見て、自分で組み上げます。扱うのは HTML・CSS・JavaScript です。配色やタイポグラフィなど、デザインそのものの講座はまだありません。

全8コース・147レッスン（約37時間）

この道で身につく力

65個の力・1個の通過の印。押すと、何を学べばいいかが出ます。

書いたファイルが、どうやって人の画面に出るかが分かります。

意味のある骨組みで、ページを組み立てられます。

狙った場所に、狙った見た目を当てられます。

要素を、思ったところへ置けます。

画面の幅が変わっても、崩れない形にできます。

渡された絵から、数字を拾って同じものを組めます。

見た目だけでなく、動きも自分で書けます。

置いたものに、反応を付けられます。

手元で動くものを、誰でも見られる場所に置けます。

自分の画面で動くところで、終わりにしない形をつくれます。

おすすめの順番です。得意なところは飛ばしてかまいません。

公開URL付きの、操作に反応するWebページ。