<p data-line="0" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--EJO1gOrQ--/https://img.shields.io/badge/react-%252320232a.svg%3Fstyle%3Dfor-the-badge%26logo%3Dreact%26logoColor%3D%252361DAFB" alt="React" loading="lazy" class="md-img"><br>
<img src="https://res.cloudinary.com/zenn/image/fetch/s--z8ld8X19--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://img.shields.io/badge/Codesandbox-040404%3Fstyle%3Dfor-the-badge%26logo%3Dcodesandbox%26logoColor%3DDBDBDB" alt="CodeSandbox" loading="lazy" class="md-img"></p>
<h1 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="3" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h1>
<p data-line="4" class="code-line">從 2024-06-05 開始為期九個月的前端工程師培訓營轉眼也到了最後一個階段，React 框架的實戰班啦~</p>
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">
<a href="https://zenn.dev/chloetseng/articles/2024-layout-course-dailymission" target="_blank">2024 切版 每日任務</a>
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line"><a href="https://zenn.dev/chloetseng/articles/week8-main-mission" target="_blank">切版 - 最終任務</a></li>
</ul>
</li>
<li data-line="7" class="code-line">
<a href="https://zenn.dev/chloetseng/articles/2024-js-dailymission" target="_blank">2024 JS 每日任務</a>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line"><a>JS班 - 最終任務</a></li>
</ul>
</li>
</ul>
<h1 id="%E6%AF%8F%E6%97%A5%E4%BB%BB%E5%8B%99%E5%88%97%E8%A1%A8" data-line="10" class="code-line">
<a class="header-anchor-link" href="#%E6%AF%8F%E6%97%A5%E4%BB%BB%E5%8B%99%E5%88%97%E8%A1%A8" aria-hidden="true"></a> 每日任務列表</h1>
<p data-line="11" class="code-line"><code>since 2024-12-16</code></p>
<h3 id="day-01-~-day-10" data-line="12" class="code-line">
<a class="header-anchor-link" href="#day-01-~-day-10" aria-hidden="true"></a> Day 01 ~ Day 10</h3>
<p data-line="13" class="code-line"><strong>Day 01:</strong> <a href="https://codesandbox.io/p/sandbox/day-1-bian-shu-ming-ming-bootstrap-oocss-yun-yong-k75l9t" target="_blank" rel="nofollow noopener noreferrer">變數命名、Bootstrap OOCSS 運用</a> - 學習小駝峰的命名以及複習 Bootstrap<br>
<strong>Day 02:</strong> <a href="https://codesandbox.io/p/sandbox/day-2-wu-jian-qu-zhi-bootstrap-biao-dan-1-sw5t3k" target="_blank" rel="nofollow noopener noreferrer">物件取值、Bootstrap 表單 1</a> - 複習了 JS 物件取值的方式、Bootstrap 表單，並且自己加碼練習了 React 修改 HTML 欄位<br>
<strong>Day 03:</strong> <a></a><br>
<strong>Day 04:</strong> <a></a><br>
<strong>Day 05:</strong> <a></a><br>
<strong>Day 06:</strong> <a></a><br>
<strong>Day 07:</strong> <a></a><br>
<strong>Day 08:</strong> <a></a><br>
<strong>Day 09:</strong> <a></a><br>
<strong>Day 10:</strong> <a></a></p>
<p data-line="24" class="code-line">===</p>
<h3 id="day-11-~-day-20" data-line="25" class="code-line">
<a class="header-anchor-link" href="#day-11-~-day-20" aria-hidden="true"></a> Day 11 ~ Day 20</h3>
<h1 id="%E4%B8%BB%E7%B7%9A%E4%BB%BB%E5%8B%99%E7%9A%84%E5%9B%9E%E9%A1%A7" data-line="28" class="code-line">
<a class="header-anchor-link" href="#%E4%B8%BB%E7%B7%9A%E4%BB%BB%E5%8B%99%E7%9A%84%E5%9B%9E%E9%A1%A7" aria-hidden="true"></a> 主線任務的回顧</h1>
<h3 id="%E7%AC%AC%E4%B8%80%E9%80%B1%E4%B8%BB%E7%B7%9A%E4%BB%BB%E5%8B%99" data-line="29" class="code-line">
<a class="header-anchor-link" href="#%E7%AC%AC%E4%B8%80%E9%80%B1%E4%B8%BB%E7%B7%9A%E4%BB%BB%E5%8B%99" aria-hidden="true"></a> 第一週主線任務</h3>
<p data-line="30" class="code-line">@<a>codesandbox</a></p>
<h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>


2024 React 作品實戰冬季班 - 每日任務

はじめに

每日任務列表

Day 01 ~ Day 10

Day 11 ~ Day 20

主線任務的回顧

第一週主線任務

最後に

Discussion