サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
code-jump.com
練習方法 コーディング練習は、「模写コーディング」と「デザインカンプからのコーディング」が行えます。 ①模写コーディング 「デモサイト」を見ながら同じサイトを作るコーディング練習です。実際のサイトで動きが確認できるのでコーディング初級者におすすめです。 ②デザインカンプからのコーディング 「仕様」と「デザインデータ」をもとにサイトを作るコーディング練習です。実務と同じ条件でコーディングを行うのでより実践的です。 完成イメージ コーディング練習をはじめよう! 課題内容 東京の西麻布を拠点に活動するフォトグラファーから、ポートフォリオ用のサイトを作ってほしいと依頼がありました。 プロフィール欄の他に、作品の紹介、近況の活動を知らせるニュース、コンタクトフォームが必要とのことです。 設定単価 コーディング1ページ:5万円 素材(画像) 素材をダウンロードする デザインデータ(XD、Figma)
最終更新日 2024.01.28 模写コーディングの練習におすすめのサイトを難易度にあわせて、入門編、初級編、中級編×2、上級編の5つ紹介します。最後に、総仕上げとして実案件をモデルにした練習課題を紹介していますので、ぜひ最後までご覧になってみてください。 【①:入門編】ウォーミングアップ用の模写サイト 【②:初級編】簡単なHTMLとCSSでできるLPの模写サイト 【③:中級編 その1】少し複雑な2カラムの模写サイト 【④:中級編 その2】実務を想定したグリッドレイアウトの模写サイト 【⑤:上級編】jQueryを使用した上級者向けの模写サイト 【⑥:実践編】実案件をモデルにした仮想案件にチャレンジ! 上記の模写サイトでは、「レイアウト構成の考え方」についても解説していますので、コーディングを始める前に必要なサイト構成の組み立て方についても理解が深まるかと思います。 また、全ての練習課題にX
このページを最初にブックマークしてみませんか?
『Codejump【旧 Codestep】 | 作って学ぶコーディング学習サイト(HTML、CSS、JavaSc...』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く