【HTML・CSS】Web制作会社が教えるFigmaからのコーディング50本ノック

このコースは、HTML・CSSの基礎学習を終えた方向けに、Figmaを見ながらコーディングする練習ができるようになっています。

コーディングの学習は、下記の3Stepで考えると良いです。

コーディング学習の3Step

1. HTML・CSSの基礎を学ぶ

2. ボタンなどの頻出パーツを作る練習

3. パーツを組み合わせてサイトを作る練習

本コースは、主に上記の2のフェーズの方を対象にしています。

サイトは様々なパーツの組み合わせでできています。1つのサイトを作る前に、まずはパーツを作る練習をすることで、よりスムーズにスキルアップすることができます。

また、実際の仕事では、Figmaなどのデザインツールからデータを取得し、デザイン通りにコーディングすること(ピクセルパーフェクト)が求められます。

本コースでは、Figmaで作ったデザインデータを配布し、それを見ながらコーディングする練習ができます。

こんなお悩みを解決します！

• 基礎は学んだけど実際に作るとなると手が止まってしまう...

• どんなことを考えながらコーディングすれば良いのかわからない...

• Figmaからコーディングする方法がわからない...

本コースの特徴

• Web制作会社が制作

• メンタリング事業をしている教育のプロが制作

• 基礎学習後の実践的な練習に特化

• Figmaからのコーディング方法を学べる

• ピクセルパーフェクトでコーディングする方法を学べる

本コースの制作メンバーからのメッセージ

コーディングは正しい手順・良い題材で学ぶことで、効率よく学習することが可能です。

本コースを通して、1人でも多くの方のスキルアップのお手伝いをすることはもちろんのこと、この仕事の楽しさも感じてもらえれば嬉しいです。