コーディングの練習ならこれやってみて!コーディング練習用XDデータを出してるよ!

 

こんにちは!ちづみ です!

私は今、web制作で生計を立てながら、国内外をノマドしながら生きています。

自分自身の学習してきた経験を生かし、これからコーディングを学習してウェブ制作で稼ぎたい人が楽しく、明確にステップを踏めるようにコーディング練習用のXDデータをnoteにて出しています。

 

XDの特徴

 

コーディングしやすい

テキストのコピーやカラーコードのコピーがワンクリックで完了します。

pxの数値の取得もとてもわかりやすく簡単なので、コーディングがとてもしやすいのがXDの特徴です。

 

url形式なのでXDを持っていなくてもデータが見れる

webデザインで主流のadobeのIllustratorやPhotoshopはデータを確認するにはソフトを持つ必要がありますが、XDの場合はurlでデータを共有することができるので、ネット環境があれば大丈夫です。

 

 

コーディングの練習ならこれやってみて!(初級編)

初級編のデザインはこんな感じです!

基準としてはProgateのhtml、cssが終わった方ならググりながらできるレベルです。

 

 

 

こちらの初級編に関しての解説、参考コードもあります。

つまづきやすいポイントと解決方法を解説しています。

Progateのhtml、cssが終わった方が「コーディングで稼ぐレベルになるには」をガチ研究したのでわかりやすく解説する

2018.10.25

このパスコードをnoteにて出しています。

https://note.mu/chizumi_/n/n7228b0f7cabd

 

 

 

コーディングの練習ならこれやってみて!(中級編)

デザインはこんな感じです。

初級編が終わった方ならできそうなくらいのデザインを意識して作りましたが、結構やりがいのあるデザインです。