【デザイン編：Step2 推し図鑑を作ろう】公開しました
ICTの技術をトータルで学ぶYouTubeチャンネル「prepro -プリプロ-」へようこそ！
講師の東郷です。
Step2が始まりました！
Step1ではWebアプリ開発の全体的な流れを知ってもらうことに重点を置きましたが、いよいよ本格的にWebアプリを開発の1つ1つを解説していきます。
Step2は自分の推しの写真を保存して一覧表示するWebアプリを作っていきます。
デザインの基礎となるワイヤーフレームやデザインカンプの制作からしっかりと現場と同じ開発フローで実装しながら、色々な知識を吸収していってください！
今回はデザイン編ということで1〜3回とそれに関する各0.5回シリーズを公開しました。
特に0.5回シリーズはデザインの基礎となる大事な部分を解説していますので、これからデザインを始める方も、デザインが好きだけどいまいちパッとしないという方も初心者から中級者にステップアップするための大事な内容になっています。
繰り返し動画を見て、しっかりマスターしていってください！
推し図鑑アプリ開発を通して
【デザイン】の基礎として
- ワイヤーフレームの作成
- Figmaの便利機能（オートレイアウトとコンポーネント）
- デザインカンプの作成
- Webデザインならではの「8pt Grid System」
- pxやrem、emといったWebの単位
- デザインの作り方
【Webサイト制作】の構造と見た目を作る
- HTMLの構造化
- グリッドレイアウト
- 色々なCSSプロパティ
【プログラム】を通して
- PHPの基本的な書き方
- 配列の基礎
- データ管理
と、今回も盛りだくさんに学んでいきましょう！