https://theory.cpe.ku.ac.th/wiki/index.php?action=history&feed=atom&title=Se63 2026-04-13T10:41:31Z ประวัติรุ่นแก้ไขของหน้านี้ในวิกิ MediaWiki 1.33.1 https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58816&oldid=prev 2020-08-17T02:15:24Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 02:15, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >แถว 14:</td> <td colspan="2" class="diff-lineno">แถว 14:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เอกสาร</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เอกสาร</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** [https://docs.nestjs.com/ NestJS]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** [https://docs.nestjs.com/ NestJS]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*** React</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">**** [https://github.com/typescript-cheatsheets/react React Typescript Cheatsheet]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React (Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab])</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React (Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab])</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58815&oldid=prev 2020-08-17T02:13:33Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 02:13, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12" >แถว 12:</td> <td colspan="2" class="diff-lineno">แถว 12:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** เอกสาร</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*** [https://docs.nestjs.com/ NestJS]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React (Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab])</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React (Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab])</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58814&oldid=prev 2020-08-17T02:12:21Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 02:12, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12" >แถว 12:</td> <td colspan="2" class="diff-lineno">แถว 12:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React <ins class="diffchange diffchange-inline">(Tutorial repository [https://gitlab.com/jittat/se63-cr01 gitlab])</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]  </div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58809&oldid=prev 2020-08-17T00:47:21Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 00:47, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14" >แถว 14:</td> <td colspan="2" class="diff-lineno">แถว 14:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube] [[se63/nestjs-react-install-notes]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]  </div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">**** </ins>[[se63/nestjs-react-install-notes]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=he_3dt4Az4s&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=he_3dt4Az4s&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=4 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=4 youtube]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58808&oldid=prev 2020-08-17T00:47:05Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 00:47, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12" >แถว 12:</td> <td colspan="2" class="diff-lineno">แถว 12:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week XXX</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React <del class="diffchange diffchange-inline">- สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube<ins class="diffchange diffchange-inline">] [[se63/nestjs-react-install-notes]</ins>]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=he_3dt4Az4s&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=he_3dt4Az4s&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=4 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=4 youtube]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58807&oldid=prev 2020-08-17T00:45:55Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 00:45, 17 สิงหาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l10" >แถว 10:</td> <td colspan="2" class="diff-lineno">แถว 10:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** เกม zombie: [[se63/typescript/zombie]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** เกม zombie: [[se63/typescript/zombie]]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Week XXX</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React - สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React - สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=<del class="diffchange diffchange-inline">HkpdHuUS6yM</del>&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=<ins class="diffchange diffchange-inline">he_3dt4Az4s</ins>&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 <ins class="diffchange diffchange-inline">youtube]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*** แนวคิด React [https://www.youtube.com/watch?v=nJOIYuHFITE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=4 youtube]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*** แสดงรายการ course [https://www.youtube.com/watch?v=tVvcGWXL-Zs&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=5 youtube]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*** สร้าง react component CourseItem [https://www.youtube.com/watch?v=UEZRdHotlDU&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=6 </ins>youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** (optional) ในส่วนที่เป็น Promise ที่มีการใช้ then ควรดูคลิป Javascript review: Asynchronous programming (Part 1) [https://www.twitch.tv/videos/670825642 twitch]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** (optional) ในส่วนที่เป็น Promise ที่มีการใช้ then ควรดูคลิป Javascript review: Asynchronous programming (Part 1) [https://www.twitch.tv/videos/670825642 twitch]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58775&oldid=prev 2020-07-12T20:25:45Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 20:25, 12 กรกฎาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l6" >แถว 6:</td> <td colspan="2" class="diff-lineno">แถว 6:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ดูคลิปแนะนำแนวคิด OOP [https://www.youtube.com/watch?v=ypsJbBKGg2E youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ดูคลิปแนะนำแนวคิด OOP [https://www.youtube.com/watch?v=ypsJbBKGg2E youtube]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** (optional) คลิป Javascript review: functions and scopes [https://www.twitch.tv/videos/670533772 twitch]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript  </div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13" >แถว 13:</td> <td colspan="2" class="diff-lineno">แถว 14:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=HkpdHuUS6yM&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=HkpdHuUS6yM&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** (optional) ในส่วนที่เป็น Promise ที่มีการใช้ then ควรดูคลิป Javascript review: Asynchronous programming (Part 1) [https://www.twitch.tv/videos/670825642 twitch]</ins></div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58774&oldid=prev 2020-07-12T20:22:58Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 20:22, 12 กรกฎาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5" >แถว 5:</td> <td colspan="2" class="diff-lineno">แถว 5:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Lab ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Lab ==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** ดูคลิปแนะนำแนวคิด OOP [https://www.youtube.com/watch?v=ypsJbBKGg2E youtube]</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript  </div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** ทดลองใน Typesript playground [[se63/typescript/started]]</div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58773&oldid=prev 2020-07-12T20:22:09Z

<p><span dir="auto"><span class="autocomment">Lab</span></span></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 20:22, 12 กรกฎาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l9" >แถว 9:</td> <td colspan="2" class="diff-lineno">แถว 9:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** เกม zombie: [[se63/typescript/zombie]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*** เกม zombie: [[se63/typescript/zombie]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React - สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React - สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*** แนะนำเนื้อหา [https://www.youtube.com/watch?v=6QOhb7_1XoE&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2&amp;t=261s youtube]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*** ติดตั้งและเรียกใช้งานฝั่ง backend และ frontend [https://www.youtube.com/watch?v=va63sBMcos4&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=2 youtube]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*** สร้าง API ส่งข้อความและให้ frontend เรียก (ทำโดย class component และใช้ hook) [https://www.youtube.com/watch?v=HkpdHuUS6yM&amp;list=PLii-CvAgf-8hv-uwbgZNEkNkrB3lsHSoP&amp;index=3 youtube]</ins></div></td></tr> </table>

Jittat https://theory.cpe.ku.ac.th/wiki/index.php?title=Se63&diff=58730&oldid=prev 2020-07-10T02:44:48Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="th"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">←รุ่นแก้ไขก่อนหน้า</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">รุ่นแก้ไขเมื่อ 02:44, 10 กรกฎาคม 2563</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5" >แถว 5:</td> <td colspan="2" class="diff-lineno">แถว 5:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Lab ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Lab ==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Week 1</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript [[se63/typescript/zombie]]</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** ทดลอง Typescript  </div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*** ทดลองใน Typesript playground [[se63/typescript/started]]</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*** เกม zombie: </ins>[[se63/typescript/zombie]]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** เริ่มเขียน NestJs + React <ins class="diffchange diffchange-inline">- สร้าง backend, frontend, ส่วน frontend เรียก api รับ string</ins></div></td></tr> </table>

Jittat