HTMLチュートリアル
HTMLとCSSを学んでも「コーディングのお仕事を受けて、できるのか」となると不安に感じる方も多いのではないでしょうか。デザインをコードに起こす「考え方」を学び、どんなデザインもコーディングできるようになりましょう。
レベル
ビギナー
4レッスン
0h00m
どんな案件でももう怖くない！
～高難易度のプロ案件も、安心して受注できるスキルを獲得～
HTMLとCSSを学んでも「コーディングのお仕事を受けて、できるのか」となると不安に感じる方も多いのではないでしょうか。デザインをコードに起こす「考え方」を学び、どんなデザインもコーディングできるようになりましょう。
実際に稼働しているサイトデザインを元に、プロとしてのコーディング力を培うカリキュラムをご用意しました。
実際に稼働しているプロのデザインを使った本格学習
本物のプロコーダースキルが身につく
どんなデザインでも自力でコーディングできるようになる
コーディングを依頼されるデザインは、スクール等の題材よりも圧倒的にむずかしいですよね。時にはHTMLやCSSを全く知らないデザイナーが作ったものもあります。
この講座の内容をマスターすれば、もうデザインカンプを見て途方に暮れることはありません。どんな案件・どんなデザインも自分の力だけでコーディング出来るから怖いものなし！
クライアントの困難な要求に答えられるようになる
デザインカンプとぴったり重なるように作って欲しい、cssリセットは〇〇を使って...クライアントに伝えられる様々な要件。それをきっちりとクリアしてこそ、プロのコーダーです。
頂いたデザイン以外に「タブレット幅は見やすいように作っておいて」「ここはちょっと動きをつけて欲しい」など、漠然とした要求にも対応できるようになりますよ。
単価の高いお仕事が受けられ、余裕ができる
制作要件やデザイン難易度が高い案件ほど、お仕事の報酬も高額になります。また、複雑なデザインを再現できるコーダーは多くありません。競争相手が少ないので、案件獲得のチャンスもどんどん高くなります。
中には1時間4000円もありますので、毎日2時間、週末少しで20万円以上稼ぐことも可能です。
現場レベルのコーディングを学びましょう
本当の「プロのデザイン」を使ってコーディング
コーディング学習が目的のデザインではなく、プロがデザインし実際にリリースされているサイトデザインをコーディングします。デザイン通りに作る大変さを乗り越え、自信をゲットしましょう。
デザイン画からコーディングする「考え方」を学ぶ
レッスンでは、どう要素・クラスを設計を考えたのかを解説しています。習ったものならできる、ではなく、どんなデザインが来ても「考えてコーディングする」ことができるようになります。
モバイルファースト設計のコツが分かる
課題はコーディングは現在の主流であるモバイルファーストで行います。スマホ向けとPCモニター向けで、レイアウトやパーツデザインが変化する場合のクラス設計やCSSも解説。現場でも通用するモバイルファースト設計を学びましょう。
「自己解決力」をつけて、できないを自力で解決！
お仕事をするならば、作り方がわからないときに自分で調べて解決する力が必要です。レッスンは「調べながら作る」箇所も多いので、自然と自己解決力が身につきますよ。習っていないからできない、はもう卒業です！
ツールを使って効率よくコーディングする
カンプと同じに仕上がっているか確認したり、CSSで図形やアニメーション効果を表現したり…。コーダーの作業はツールを使うと簡単・短時間で出来ることもたくさんあります。卒業後も使用必須の便利なコーディングツールも紹介しています。
レッスン内容
-
1
HTML の基本1
-
2
HTMLをはじめよう
-
3
HTMLのヘッドには何が入るの？
-
4
Vimeo Video
もちろん、細かく言えば、綺麗で分かりやすいコードを書く、効率的なid,class設計ができるなどの技術も必要です。しかし、その前に「渡されたデザイン画をWebページとして再現できる」ことが大前提。
無料申し込み期限
5月9日まで
募集
人数
100名
（残りわずか）
