未経験からWebデザイナーを目指している方向けにコーディング課題を作成したよ!チャレンジしてみてね★

以下の記事でコーディングの学習ステップを紹介しています!!
コーディング課題は初級、中級、上級の3つのレベルを用意しています😊
初級編は特に、HTML/CSSの学習をはじめて、一通り基礎的な知識を学習し終えた方におすすめです。
具体的にはProgateのHTML/CSS、jQueryを学習した方、または、はじめてのコーディングを学習した方を想定しています。
課題のデータのダウンロード
課題のデザインカンプはこちらのリンクからダウンロードしてください。
回答を見ながら学習したい方は、以下の解説記事をご覧ください。
おすすめの学習方法
コーディングの学習は以下の3セットをおすすめします。
- 1セット目:解説を見ながら手を動かす。写経のつもりでやる。
- 2セット目:理解しようとしながらやる。わからない点はメモしておく。
- 3セット目:2セット目でわからなかったことを復習しながらやる。
1セット目は解説を見ながら写経のようにやるのでもOKです。このとき、理解しようとすらしなくて良いです。頻出のものはだんだんと分かってくるはずなので!
2セット目は理解しようとしながらやってみましょう!わからない点はメモしておいて、後で調べましょう!
3セット目は、2セット目でわからなかった点を理解することを重視してやってみましょう!
この3セットを繰り返せば、ある程度はコーディングが理解できるようになっているはずです😊
地道にがんばりましょうね!!
参考になる記事
XDの導入方法やXDのデザインカンプからコーディングに必要な数値を取得する方法がわからない方は、以下の記事を参考にしてください。
「XDの導入と値の取得方法 〜コーディング課題に取り組む方へ〜」
Googleフォントのインストール方法やコーディングに反映させる方法がわからない方、「そもそもWebフォントって何?」って状態の方は以下の記事を参考にしてください。
毎日学習していてえらいです!!たくさんの方のチャレンジをお待ちしてます!
[…] PorgateでHTML/CSS、jQueryを学習し、クリスタコーディング課題の初級編を終えられた方。 […]
[…] ・Adobe XDからのコーディング・レスポンシブデザイン・所要時間6時間※クリ★スタさん出題のコーディング課題です。 […]
[…] クリ★スタコーディング課題の初級編・中級編を終えられた方。 […]
[…] クリ★スタコーディング課題の初級編・中級編を終えられた方。 […]
[…] XDからコーディングをしよう【初級編】 XDからコーディングをしよう【中級編】 【コーディング課題】XDからコーディングをしよう【上級編】 […]
[…] 初級編への挑戦はこちらから […]
はじめまして!
職業訓練でWebデザインを学んでいるのですが、色んな事が重なり、卒業まで残り少しの所で勉強も挫折しかけていたところ
このサイトを見つけ、とても励みになりました。
こんな温かみがあって親切なサイトが有るなんて…
感動です。
感謝です。
これからたくさんお世話になると思います。
ありがとうございます。
こんにちは
クリスタさん、はじめまして。
案件取るのに言語はHTML、CSS、jQueryが出来ればいいことはわかりました。
その他の言語はとりあえず手をつけなくても大丈夫でしょうか?例えばお問い合わせフォームの通信部分はPHPが出来ないといけないのか、CSS部分もブートストラップができなくてもカバーできるのか教えてください。
課題のデザインカンプはこちらのリンクからダウンロードしてください。
からダウンロードしたのですがファイルの見方がわからないです
ファイルを開いてどうすればよいでしょうか