<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

Streamlit

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

サンプルコース

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

レッスン_サンプル

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

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

## 依頼背景

あなたは、本業の傍ら副業としてWeb制作フリーランスの仕事をしています。
この度、知り合いのオーナーに依頼されてイタリアンレストランのサイトを作成することにしました。
シンプルだけど少しレイアウトに凝ったデザインを実装しようとしています。

## 単価目安

50,000〜70,000円

## こんな方におすすめ

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

## ポイントとなるスキル
- CSS<br>
<button data-type="skill" data-skill="b790db17-246f-4430-b1c0-d6d4672f9af1" data-keyword="title"></button>
<button data-type="skill" data-skill="61ad7d21-22a0-4295-940b-197f81a687e9" data-keyword="title"></button>
<button data-type="skill" data-skill="671b95e6-8c39-46f5-99d3-47184d1e88a2" data-keyword="title"></button>
<button data-type="skill" data-skill="" data-keyword="title"></button>
<button data-type="skill" data-skill="6cd5e274-d7af-4e66-b331-d8b4a82b6bb0" data-keyword="title"></button>
<button data-type="skill" data-skill="18a93362-3b09-4c4b-9924-574201f4ec66" data-keyword="title"></button>
<button data-type="skill" data-skill="926fe2cc-56d6-49cd-a872-f95a5069dedd" data-keyword="title"></button>
<button data-type="skill" data-skill="eb84b15b-63b0-4a39-99b6-4b5b0e5783bd" data-keyword="title"></button>
<button data-type="skill" data-skill="dac78015-7715-4ebc-9e6c-e66aada8704b" data-keyword="title"></button>
<button data-type="skill" data-skill="6ae405b5-9955-4d4b-b894-f1cb744d104f" 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="c89e2691-7fdb-403e-b093-77b2e959ec33" data-keyword="title"></button>
<button data-type="skill" data-skill="aa0da98a-46ef-4908-aba9-6523fe6d33fe" data-keyword="title"></button>

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


1.はじめに（レストラン）