ご覧いただきありがとうございます。
◆実務では、デザインデータをもとにコーディングを行うことが多いです。したがって、コーダーとしてはデザインツールを一定程度使いこなす能力が求められます。そこでオリジナルデザインカンプをもとに、より実践的なレクチャーを展開できると考えています。また、Viteを使った魅力的な開発を提供いたします。Pug、Scss、TailwindCssなど、多様なモジュールを容易に開発に組み込むことが可能です。
デザインカンプからのコーディング
https://web-test-net.site/
Viteで構築したテストサイト
https://net-test-site.website
以下のモジュールを導入
-1画面スクロール
-Lightbox2
-Gsap
◆サポート期間
1週間の集中サポート
◆学習内容
- デザインカンプからのコーディング
- 開発環境の構築
- Gsapの導入
- Scssを構築
- レスポンシブ対応
- Wordpressのテスト環境の構築
◆レッスンの難易度
初心者から上級者まで、あらゆるレベルに応じたフレキシブルなサポートを提供します!
◆レッスン開始までの流れ
①日程を調整のうえ、レッスンサービスのご購入
ビデオチャットの画面共有にてコーディングの流れについてご説明いたします。
↓
②デザインカンプデータを送信
デザインカンプはxd/figma/psdそれぞれ対応可能です。
↓
③開発環境の構築
Cursorの設定
コーディングに便利な拡張機能を紹介
Viteの開発環境を構築
↓
④HTMLコーディングを開始
ビデオチャット等を活用し、レクチャーいたします
期間中、質問回数無制限です。サポート期間中は何度でも質問していただけます
↓
⑤Wordpressのローカル環境を構築
Node.jsを活用し、効率の良い開発環境を構築
↓
⑥HTMLデータのWordpress化
↓
⑦プラグインを使い編集機能を構築
カスタム投稿タイプ・カスタムフィールドの設置
↓
⑧一連のレクチャー完了後、納品
◆こんな方にオススメ
・デザインカンプからのコーディングを学びたい方
・Wordpressの構築がわからない
・実務に活かすためにスキルアップしたい方
・コーダーとして働きたい方
・効率のよい開発環境を構築したい方
◆1週間の集中サポート
購入日からの1週間、コーディング成功のために全力でサポートします。完璧な完成を目指して、一緒に頑張りましょう!
◆フレキシブルな対応が迅速なレスポンシブが特徴
フリーランスとしての柔軟なスケジュールを活かし、平日・土日祝を問わず、いつでもあなたの学びのために対応いたします。
◆カメラオフで安心!
お顔を出す必要はありません。レッスン開始時にカメラをオフにして、心地よく学びましょう。
◆疑問・質問はお気軽に!
サービス内容に関してのご質問や疑問点は、「出品者に質問」ボタンからお寄せください。迅速にお答えいたします!
※Web制作の課題や仕事の案件などを代行するサービスではございませんので予めご了承ください。