入門から上級まで実例の6サイトを
実際に作ってWebコーディング学習。
無料で学習できるWebサービスです。
開発環境から制作の流れも学習できます。
リンク先
レビュー
無料でWebコーディングの学習ができる教材が用意されています。
開発環境の整備や必要なソフト、拡張機能などの紹介と導入方法もしっかりと
紹介されています。
まずは準備編、Visula Studio CodeのインストールやEmmet、Chrome拡張機能などの紹介など
様々なツールを準備して後のWebコーディングのツールを用意します。
入門編、カフェサイトを作ります。学習を始めるボタンで教材を読み進めていきます。
必要な画像などはダウンロードが可能で画像などを用意する必要はありません。
「コーディング例を見る」で実際に作れるサイトを見る事もできます。
次は初級編、Webコーディングで一番多いと思う、企業サイト。
シンプルなサイトになっています。習得できるHTMLやCSSプロパティなども紹介されています。
last-childなどのプロパティはCSSでも多様するほど便利なプロパティなので
基本を習得しておきます。
中級編ではセミナーサイトになります。イベントページなどもよく見かけるWebページ。
こちらではbox-shadowなどデザインが中心になりそうです。
もう一つ、中級編としてジムサイト。モバイルファーストなサイト作りを学習できます。
背景画像にSVGを使ったり、Swiperなどモバイルに合わせたサイトを作ります。
中級編3つ目はゲームサイト。ローディングや動画などインタラクティブなサイトを作ります。
videoやaudioなど動画の実装なども学習できます。
最後は上級編です。8ページの企業サイトを作りWebコーディングの習得成果を
発揮できます。ここまで作成できたら、かなりレベルが上がっていそうですね。
無料で学習できる便利なWebサービスです。
コメント