<iframe>

<button>

チャレンジ_入門編_テンプレ

チャレンジ_実践編_テンプレ

reactテスト

ターミナル問題テスト

CONSOLE問題テスト

テストのテスト

reactjsxテスト

vue3テスト

vue2テスト

vue3.2テスト

typescript

vueモジュール

Processなし課題

CSSテスト確認

リンクのテスト

sass

scss

隠しファイルテスト

rust

python

ViewZone

分割代入

比較演算子(JavaScript)

オブジェクト{}

変数・定数定義(JavaScript)

console.log

QuizSample

express

echo

katex_sample

Markdown確認challenge1

border

Markdown確認challenge2

wordpress

ファイルロゴチェック

react退避(イベントオブジェクトに型をつけてみよう)

配列操作/forEach

テンプレートリテラル

JavaScript退避

java

deno

rustパーサ

実践チャレンジ用テスト

実践Lessonサンプル

JavaScriptテストサンプル

テストのテスト3

phpApache

http-server

コーディングなし

pythonLib

sandbox-react-js

sandbox-react-ts

sandbox-vue-js

sandbox-vue-ts

Django

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

サンプルコース

サンプルレッスングループ

レッスン_サンプル

入門、初級編コーディングをクリアした方を想定した、実践型演習課題です。

## 最初にやっていただきたいこと
[**「進める上での重要なポイント」**](https://www.notion.so/if-tech/05080e07b0b248aa9e7c86b8188ff27d)をまとめておりますので、ご確認願います。
模写コーディングレッスンに少しずつ慣れていきましょう。
答えを見ながらでも大丈夫なので、「なんでこのコードを書くとこうなるのか」を考えながらWebサイトを実装していきましょう。

## 依頼背景
あなたは、Web制作フリーランスの仕事をしています。
この度、雑貨店のサイト作成の案件を受注することにしました。
2カラムで少し難易度の高いデザインを実装しようとしています。

## 単価目安
50,000〜70,000円

## こんな方におすすめ
* サイト制作に慣れてきた方
* CodeLessonでHTML・CSSの中級レベルを学習中・学習済みの方
* 制作フローを学びたい方
* 自分に何が足りないか確かめたい方

## ポイントとなるスキル
- HTML<br>
<button data-type="skill" data-skill="80b21929-27b3-4855-bbce-f39037ecd9bf" data-keyword="title"></button>
<br>
- CSS<br>
<button data-type="skill" data-skill="9654782f-7bee-4f76-aeac-a704dd7db061" data-keyword="title"></button>
<button data-type="skill" data-skill="15f8a8d9-bed3-493e-ac74-ab1d4359d37f" data-keyword="title"></button>
<button data-type="skill" data-skill="7f72c2ed-9979-458d-9604-f1493b850dc1" data-keyword="title"></button>
<button data-type="skill" data-skill="ba83e367-8d0a-44da-8401-63ce91c770b3" data-keyword="title"></button>
<button data-type="skill" data-skill="5bbe4366-a3f5-41a4-85ac-bb03ec461371" data-keyword="title"></button>
<button data-type="skill" data-skill="c9347c8b-2084-4e74-8e70-482d261129c8" data-keyword="title"></button>
<button data-type="skill" data-skill="4c1d62e3-13f7-4376-8015-2fa37b3ca014" data-keyword="title"></button>
<button data-type="skill" data-skill="7634c151-6a81-4c7c-a0d9-949453eb9cd2" data-keyword="title"></button>
<button data-type="skill" data-skill="cda3e015-ec84-4283-992a-9e75943d4a42" data-keyword="title"></button>
<button data-type="skill" data-skill="a13c0477-8467-4589-8322-69162623c9dc" data-keyword="title"></button>
<br>
- Sass<br>
<button data-type="skill" data-skill="9a0ac49a-d118-46c9-9c6e-10a048f9356d" data-keyword="title"></button>
<button data-type="skill" data-skill="aa0da98a-46ef-4908-aba9-6523fe6d33fe" data-keyword="title"></button>
<button data-type="skill" data-skill="c89e2691-7fdb-403e-b093-77b2e959ec33" data-keyword="title"></button>


## 各種DLファイル
**[ダウンロードはこちら](https://www.notion.so/if-tech/b8eea75554f0453fac0f5dba6d1f0946)**



はじめに（ブログ）

0. はじめに（ブログ）