100DaysOfCode
1.0.0
ยินดีต้อนรับสู่บันทึกรหัส #100 วันของฉันในขณะที่ฉันใช้ความท้าทายในการรหัสอย่างน้อยหนึ่งชั่วโมงต่อวันสำหรับ 100 วันถัดไป! ฉันกำลังเข้าร่วมโลกใหม่ที่กล้าหาญของการเรียนรู้วิธีการเขียนโค้ดโดยเริ่มต้น Bootcamp การพัฒนาเว็บสแต็กของ School of Code เต็มเวลาสำหรับสี่เดือนข้างหน้า แต่ก็ฟรี ขั้นตอนการสมัครมีความยาว แต่ โรงเรียนรหัสยอมรับเพียง 3% ของผู้สมัคร 4,000 คนสำหรับกลุ่มของฉัน ฉันจะลดโอกาสได้อย่างไร? #CareerChange #womenintech
ความคืบหน้าของวันนี้ : เรียนรู้ตัวเลือก CSS ใหม่และฝึกฝนพวกเขาในขณะที่การเขียนโปรแกรมจับคู่กับ CSS Diner
ลิงค์ไปทำงาน : CSS Diner
ความคิด: ทำให้มันผ่านวันแรกของฉันที่ School of Code และรักมัน Chris Meah ผู้ก่อตั้งและซีอีโอบอกกับเราในวันนี้ว่าชื่อที่แม่นยำยิ่งขึ้นสำหรับโรงเรียนรหัสคือ ฉันตื่นเต้นที่จะเริ่มต้นการเดินทางของฉันเรียนรู้ที่จะเขียนโค้ดกับผู้คนใหม่ ๆ เหล่านี้!
ความคืบหน้าของวันนี้ :
ลิงค์ไปทำงาน : แฮ็คกาแล็กซี่
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : ใช้เวลาตลอดทั้งวันในการเขียนโปรแกรมใน #JavaScript และ #problemsolving กับเพื่อนร่วมทีมของฉันในโรงเรียนแรกของการแฮ็กรหัสโรงเรียน เราสร้างร็อค, กระดาษ, เกมกรรไกรตั้งแต่เริ่มต้น
ความคิด: ฉันสนุกกับการปรับแต่ง Hackathon School School of Hackathon ที่ทำให้พวกเราทุกคนถูกไล่ออกในวันนี้ - Hackathon Fridays
ความคืบหน้าของวันนี้ : วันนี้ฉันเรียนรู้วิธีการซื้อ repo ใน GitHub จากนั้นฉันก็แยกการประชุมเชิงปฏิบัติการที่ฉันทำในระหว่างสัปดาห์กับคู่จับคู่ของฉัน เรายังไม่เสร็จในช่วงสัปดาห์ดังนั้นฉันจึงแยกพวกเขาเพื่อที่ฉันจะได้ทำงานกับพวกเขาอย่างอิสระ
ความคืบหน้าของวันนี้ : ทำงานทำการบ้านของเราในช่วงสุดสัปดาห์ซึ่งเป็น Repo GitHub ที่ครอบคลุมหัวข้อทั้งหมดเกี่ยวกับ JavaScript ที่เราได้รับการสอนในสัปดาห์แรกของเราที่ School of Code
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคิด: ฉันเริ่มเข้าใจว่าโปรแกรมเมอร์ทำอะไรนอกเหนือจาก "ทำงานกับคอมพิวเตอร์" -
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : การศึกษาและการออกกำลังกายที่เสร็จสมบูรณ์ใน www.w3schools.com ในหัวข้อต่อไปนี้ใน JavaScript: ตัวแปร, ประเภทข้อมูล, ฟังก์ชั่น, อาร์เรย์, การเปรียบเทียบและตัวดำเนินการเชิงตรรกะสำหรับลูปและ HTML DOM
ลิงค์ไปทำงาน : W3Schools JavaScript Tutorial
ความคืบหน้าของวันนี้ : เริ่มทำงานในการประชุมเชิงปฏิบัติการ RECAP WEEK 2 จาก School of Code ซึ่งครอบคลุมฟังก์ชั่น, สตริง, สำหรับลูป, อาร์เรย์, SetInterval, ClearInterval และ Fetch
ความคืบหน้าของวันนี้ :
ความคิด: คำพูดที่สร้างแรงบันดาลใจของฉันสำหรับวันนี้ เห็นสิ่งนี้และมันสมบูรณ์แบบสำหรับฉันเมื่อฉันเริ่มสัปดาห์ที่ 3 ของการเข้ารหัส bootcamp สิ่งใหม่ที่คุณจะกล้าพอที่จะดูด?
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
การออกแบบส่วนต่อประสานผู้ใช้ (UI):
CSS:
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : เมื่อวานนี้คือ Hackathon Friday ที่ School of Code เราใช้ทักษะ UI/UX ที่พัฒนาขึ้นใหม่ในการออกแบบหน้า Landing Page ทำงานร่วมกันในคู่เรา:
ความคืบหน้าของวันนี้ :
ฟังก์ชั่นการเข้ารหัสอย่างต่อเนื่องลูปและอาร์เรย์สำหรับ JavaScript Recap Workshop กับ School of Code
หนึ่งในหลาย ๆ สิ่งที่ฉันชอบเกี่ยวกับ School of Code คือพวกเขาเชื่อมโยงเราแต่ละคนกับที่ปรึกษาที่ทำงานในอุตสาหกรรมเทคโนโลยีแล้วและยินดีที่จะพบกับเรา 1: 1 ในแต่ละสัปดาห์ อาเธอร์เป็นที่ปรึกษาของฉันและเขาได้ให้กำลังใจฉันมากด้วยเคล็ดลับคำแนะนำและการสนับสนุนของเขา เขาส่งคำพูดที่สร้างแรงบันดาลใจให้ฉันเมื่อเช้านี้เมื่อฉันรู้สึกท้อแท้และฉันได้ทำซ้ำกับตัวเองทั้งวัน ขอบคุณอาเธอร์!
#javascript #mentoring
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
สัปดาห์นี้เรากำลังเรียนรู้เกี่ยวกับการพัฒนาแบ็กเอนด์ เรากำลังใช้ NodeJS (รันไทม์ JavaScript โอเพนซอร์ส) เพื่อเรียกใช้ JavaScript นอกเบราว์เซอร์
#nodejs #BackEndDevelopment #JSON #ExpressJS
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : Hackathon Friday ที่ School of Code ในการสร้างปลายกลับ สร้าง REST API ตั้งแต่เริ่มต้น ตั้งค่าเส้นทาง CRUD และให้พวกเขาทำงานในเราเตอร์ของเรา สร้างฟังก์ชั่นโมเดลและส่งผ่านไปยังตัวจัดการเส้นทางในเราเตอร์
ความคืบหน้าของวันนี้ : แยกการซื้อคืนจากการประชุมเชิงปฏิบัติการที่ฉันทำกับคู่หูการเขียนโปรแกรมของฉันเมื่อสัปดาห์ที่แล้วในการสร้าง REST API โดยใช้ Node.js และ Express ทำมันอีกครั้งตั้งแต่เริ่มต้นด้วยตัวเองในครั้งนี้เพื่อเสริมสร้างสิ่งที่ฉันได้เรียนรู้
ความคืบหน้าของวันนี้ : สัปดาห์นี้เรากำลังเรียนรู้เกี่ยวกับภาษาการเขียนโปรแกรม SQL
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : วันนี้เราเรียนรู้วิธีเชื่อมต่อห้องสมุดกับฐานข้อมูล
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : Hackathon Friday ที่ School of Code! ทำงานร่วมกันในทีมสามคนเรา:
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ : สัปดาห์นี้เรากำลังเรียนรู้เกี่ยวกับการทดสอบและการปฏิบัติด้านวิศวกรรมซอฟต์แวร์ที่ทันสมัย เราได้เรียนรู้เกี่ยวกับ jestjs.io การพัฒนาที่ขับเคลื่อนด้วยการทดสอบ (TDD) และ cypress.io
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ลิงค์ไปทำงาน : ค่ายรหัสฟรี
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคืบหน้าของวันนี้ :
ความคิด: ทุกวันพักกลางวันฉันพยายามเดินออกไปข้างนอก มันยอดเยี่ยมสำหรับสุขภาพของฉันและได้รับการพิสูจน์ทางวิทยาศาสตร์เพื่อเพิ่มความคิดสร้างสรรค์โดยเฉลี่ย 60 เปอร์เซ็นต์! เครื่องช่วยที่สมบูรณ์แบบสำหรับการแก้ปัญหาที่มีประสิทธิภาพ
ความคืบหน้าของวันนี้ : Hackathon Friday ที่ School of Code เราพยายามใช้ทักษะใน ReactJS ที่เราได้เรียนรู้มาตลอดทั้งสัปดาห์เพื่อสร้างแอพ "รายการสิ่งที่ต้องทำ" คู่จับคู่ของฉันและฉันตัดสินใจว่าเราต้องกลับไปทำความเข้าใจพื้นฐานบางอย่างของการตอบสนองเช่นรัฐและอุปกรณ์ประกอบฉาก เป็นผลให้เราใช้เวลาในการผ่านเพลย์ลิสต์ YouTube ของ NET NINJA, การสอนแบบตอบโต้แบบเต็มและพูดคุยกันเพื่อให้แน่ใจว่าเราเข้าใจ
ความคืบหน้าของวันนี้ :
วันนี้ฉันได้เรียนรู้วิธีการแปลงบันทึก #100DaysoFCode ของคุณเป็นประสบการณ์การมองเห็นด้วยบทความค่ายรหัสฟรีนี้
ต่อมาฉันได้อัปเดตบันทึกนี้ด้วยรูปภาพลิงก์และการเปลี่ยนแปลงการจัดรูปแบบด้วยความช่วยเหลือของรหัส Markdown เช่น:
ตัวเอียง
ตัวหนา
การเชื่อมโยง
blockquote
Inline code พร้อม backticks
# code block
print '3 backticks or'
print 'indent 4 spaces'
ลิงก์ไปยังทรัพยากร :
การสอน Markdown
MARKDOWN TUTORIAL และ Visual Studio Code
ความคิด: หลังจากสัปดาห์ที่รุนแรงเมื่อฉันป่วยด้วยไข้หวัดและพยายามเรียนรู้วิธีการใช้รหัสโดยใช้ React JS ฉันต้องการการหยุดพักทางจิต ฉันพบว่ามันให้กำลังใจและสร้างแรงจูงใจในการเรียนรู้วิธีปรับปรุง #100daysofcode ลงชื่อเข้าใช้ #GITHUB เพื่อให้น่าสนใจยิ่งขึ้นในการอ่าน หนึ่งวันเหล่านี้ฉันหวังว่าจะโพสต์โครงการจริง แต่ตอนนี้นี่เป็นขั้นตอนแรกที่ดี คำพูดนี้จาก Code First Girls เป็นเพียงสิ่งที่ฉันต้องการอ่านวันนี้:
ความคืบหน้าของวันนี้ : เรียนรู้เกี่ยวกับฟังก์ชั่นที่บริสุทธิ์ใน ReactJs เช่น USEEffect Hook วิธีดึงข้อมูลจาก API โดยใช้ Fetch, USEEffect และใช้งาน
ความคืบหน้าของวันนี้ :
เรียนรู้เกี่ยวกับการจัดการสาขาใน Git รวมถึงการเรียนรู้คำสั่ง GIT ใหม่เช่น:
Git Checkout –B add-to-remote สิ่งนี้สร้างสาขาใหม่ที่เรียกว่า
Git Checkout Main
Git Push-Set-Set-upstream Origin NewBranchName
นอกจากนี้เรายังได้เรียนรู้เกี่ยวกับวิธีการที่เป็นเบ็ดที่ช่วยให้คุณจัดการสถานะของคุณในการตอบสนองเมื่อคุณต้องการควบคุมทุกอย่างภายใต้การควบคุม
ความคืบหน้าของวันนี้ :
refactored รายการกับ Usereducer จากโรงเรียนการประชุมเชิงปฏิบัติการรหัส Usereducer
ทำงานเกี่ยวกับการแก้ปัญหา 6kyu kata ใน Code Wars กับคู่จับคู่ของฉัน
มีการรีเฟรชเกี่ยวกับการเขียนรหัสทดสอบเพื่อเตรียมพร้อมสำหรับโครงการกลุ่มของเราในสัปดาห์หน้า
จากนั้นทำงานในการประชุมเชิงปฏิบัติการการทดสอบส่วนประกอบ React
เรียนรู้เกี่ยวกับการสร้างแอป React ห้องสมุดการทดสอบตอบสนอง
ความคืบหน้าของวันนี้ :
เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานแบบ Agile, Kanban Board, Agile Sprint การทำซ้ำ, MSCW (ต้องมีควรจะมีไม่มี) เป็นต้น
การตรวจสอบเพิ่มเติมเกี่ยวกับการทดสอบส่วนประกอบที่ตอบสนอง
นอกจากนี้เรายังดำเนินการและนำเสนอโครงการวิจัยกลุ่มในหัวข้อต่อไปนี้:
ความคืบหน้าของวันนี้ : จบบทเรียนต่อไปในหลักสูตร JavaScript บน FreeCodecamp
ลิงค์ไปทำงาน : อัลกอริทึม JavaScript และหลักสูตรการรับรองโครงสร้างข้อมูล
ความคืบหน้าของวันนี้ : ทำงานอย่างต่อเนื่องผ่านบทเรียนในหลักสูตร JavaScript บน FreeCodecamp
ลิงค์ไปทำงาน : อัลกอริทึม JavaScript และหลักสูตรการรับรองโครงสร้างข้อมูล
ความคืบหน้าของวันนี้ :
สัปดาห์นี้ที่ School of Code เราได้รับการจัดกลุ่มสี่และขอให้ออกแบบแอปพลิเคชันเว็บสแต็กเต็มรูปแบบซึ่งช่วยจัดการกับความท้าทายที่ bootcampers เผชิญในขณะที่เรียนรู้จากระยะไกล ในตอนท้ายของสัปดาห์เราจะนำเสนอวิธีแก้ปัญหาของเราต่อคณะกรรมการจากอุตสาหกรรม
หนึ่งในเป้าหมายของเราในสัปดาห์นี้คือการใช้แนวทางการพัฒนาซอฟต์แวร์ Agile ตามที่เราวางแผนจัดการพัฒนาและนำเสนอแอพของเรา ดังนั้นในฐานะทีมเราจึงตกลงกันเป็นครั้งแรกในรายการหลักของทีมงานและกลยุทธ์การกู้คืน จากนั้นเราใช้ Jamboard และวิธีการคิดของดิสนีย์เพื่อระดมสมองความคิดและ จำกัด ให้แคบลง นอกจากนี้เรายังเสร็จสิ้นเรื่องราวของผู้ใช้แผนผังส่วนประกอบและโครงร่างความเที่ยงตรงต่ำบน FIGMA
ก่อนที่จะเริ่มวันของฉันด้วยโรงเรียนรหัสฉันดูวิดีโอการเรียนการสอน YouTube โดย Net Ninja เกี่ยวกับ Node.js และ React (โดยใช้ JSON Server และ USEEFECT การพึ่งพา)
ความคืบหน้าของวันนี้ :
วันนี้เราได้สร้างคณะกรรมการ Kanban บน Trello เพื่อวัตถุประสงค์ในการจัดการโครงการ จากนั้นเราก็ทะลักเข้าสู่คู่การเขียนโปรแกรมโดยมีคู่หนึ่งเริ่มสร้างส่วนหน้าและอีกฝ่ายทำงานบนแบ็คเอนด์
สำหรับแบ็คเอนด์เราดึงแผนภาพแสดงให้เห็นว่าตารางฐานข้อมูลของเราจะมีและวิธีที่พวกเขาเข้าร่วม นอกจากนี้เรายังเขียนตารางการวางแผน API สำหรับคำขอที่แบ็คเอนด์ของเราจะจัดการ จากนั้นเราก็สร้างฐานข้อมูล PostgreSQL ใน Railway.app
ความคิด:
นี่เป็นวันที่เครียดมาก แรงเสียดทานที่เรามีในทีมเมื่อวานนี้แย่ลงในวันนี้ หนึ่งในเพื่อนร่วมงานของเราไม่สอดคล้องกับส่วนที่เหลือของทีมและเราพบว่าตัวเองใช้พลังงานมากเกินไปว่าทำไมเราถึงทำสิ่งที่เราตกลงกันมาก่อนหน้านี้พยายามผลักดันไปข้างหน้า ครึ่งทางผ่านช่วงบ่ายมันทนไม่ได้และทีมงานของเรามาถึงจุดแตกหัก
ความคืบหน้าของวันนี้ :
หนึ่งในความท้าทายในวันนี้คือการเชื่อมต่อด้านหน้าและด้านหลังที่เราพัฒนาขึ้น เราลงเอยด้วยการดาวน์โหลดแพ็คเกจ Node.js ที่เรียกว่า CORS ซึ่งให้มิดเดิลแวร์ด่วนและปรับแต่งส่วนประกอบ React ของเราเพื่อตอบสนองอย่างเหมาะสม
นอกจากนี้เรายังมี console.log ในฟังก์ชั่น async ซึ่งโยนเราออกไปสักพักจนกว่าเราจะสังเกตเห็นว่าเราจำเป็นต้องย้ายออก
เราจัดการเพื่อให้ได้สององค์ประกอบในการทำงานอย่างถูกต้อง
ความคิด:
เราเริ่มต้นวันนี้ด้วยความไม่แน่นอนเกี่ยวกับสิ่งที่จะเกิดขึ้นกับทีมของเรา เราทำงานเป็นสามคน แต่เราก็ยังหลงทางเล็กน้อยเพราะมันยากที่จะดำเนินการในขณะที่สิ่งต่าง ๆ เปลี่ยนแปลงไปอย่างแข็งขัน
มันยังคงเป็นเช่นนั้นจนถึงช่วงบ่ายเมื่อเราได้รับการตัดสินใจอย่างเป็นทางการจากโรงเรียนรหัสว่าตั้งแต่นั้นมาเราจะเป็นทีมสามคน เราเห็นได้ชัดว่าอยู่เบื้องหลัง แต่การยืนยันนี้ทำให้เราต้องการสิ่งที่เราต้องการซึ่งเป็นความแน่นอน ในช่วงบ่ายที่เหลือเราสามคนประเมินสถานการณ์ของเราอีกครั้งเขียนแผนการกู้คืนของเราใหม่และเริ่มพิจารณาคำจำกัดความผลิตภัณฑ์ขั้นต่ำ (MVP) ของเราอีกครั้ง
ความคืบหน้าของวันนี้ :
เช้าวันนี้ที่การยืนรายวันของเราเราตัดสินใจว่าเป้าหมายของเราในตอนท้ายของวันคือแอพของเราที่จะมีแดชบอร์ดแบบแยกส่วนที่มีส่วนที่ชัดเจนและมีโครงสร้างที่ดี เราต้องเสียสละเล็กน้อยในแผนเดิมของเราเพื่อไปถึง MVP ที่ได้รับการแก้ไขของเราในตอนท้ายของวันเช่น:
หลังจากแก้ไข MVP ของเราเราได้มาพร้อมกับโทนสีปรับเปลี่ยนโครงร่างความเที่ยงตรงต่ำของเราและหารือเกี่ยวกับลำดับความสำคัญและความรับผิดชอบของเราสำหรับงานที่ใช้บอร์ด Kanban ของเราบน Trello
ฉันได้เรียนรู้วิธีใช้ CSS ในส่วนประกอบของ React to Style และสนุกกับการได้เห็นผลการมองเห็นทันทีจากการเข้ารหัสของฉัน
ในตอนท้ายของทุกวันในสัปดาห์นี้เราได้พบกันเพื่อย้อนหลังใช้เทคนิค 4LS เพื่อหารือเกี่ยวกับสิ่งที่เรารักเกลียดชังและเรียนรู้ในวันนั้น
ความคืบหน้าของวันนี้ :
วันนี้เราให้ความสำคัญกับการเตรียมและนำเสนอแอพของเราต่อคณะกรรมการผู้พิพากษาจากอุตสาหกรรม
โซลูชันของเราคือแผงควบคุมที่จะช่วยให้ bootcampers คลายการบีบอัดหลังจากการเรียนรู้วันที่เข้มข้น มันมีกิจกรรมที่จัดโดยหมวดหมู่ซึ่งช่วยเพิ่มความเป็นอยู่ที่ดี คุณสามารถเพิ่มเข้าไปในแต่ละวันและดูความคืบหน้าของคุณตามเป้าหมายของคุณ นอกจากนี้ยังมีเครื่องกำเนิดตลกแบบสุ่ม ในที่สุดก็มีพรอมต์ที่จะจดสิ่งที่คุณรู้สึกขอบคุณด้วยรายการเตือนคุณถึงสิ่งที่คุณเคยขอบคุณในอดีต
เครื่องมือที่ใช้: Jamboard, Figma, Trello, Vscode, Git, GitHub, Zoom, Google Docs และ Google Slides
Tech Stack ที่ใช้: JavaScript ES6, node.js, expres.js, react.js, postgreSQL (Elephantsql และ Railway.app), HTML และ CSS
ความคิด:
เรามีความพ่ายแพ้ที่หลีกเลี่ยงไม่ได้ในสัปดาห์นี้และจากนั้นเราก็กลายเป็นทีมสามคนเมื่อเราอยู่ข้างหลัง หลังจากนั้นแม้ว่าทีมงานของเราจะเล็กกว่า แต่เราก็ทำงานเป็นทีมที่มีความเหนียว แต่ก็ฉลองชัยชนะของเรา แต่ก็มีขนาดเล็กและระดับการผลิตของเรายิงผ่านหลังคา
สิ่งที่ยิ่งใหญ่สำหรับเราคือความคิดที่สำคัญและทัศนคติเชิงบวกคือเมื่อเผชิญกับความท้าทายในฐานะทีม เรามีโอกาสที่ไม่เหมือนใครในการสัมผัสกับประเภทของอุปสรรคที่อาจเผชิญในสภาพแวดล้อมการทำงานจริง มันเป็นสิ่งสำคัญสำหรับเราที่จะเดินหน้าต่อไปและอยู่ต่อไปเรื่อย ๆ
สัปดาห์นี้เราใช้ชีวิตต่อไปนี้จากแถลงการณ์ Agile:
ฉันรู้สึกขอบคุณเพื่อนร่วมทีมของฉันอย่างไม่น่าเชื่อในโครงการนี้ Gabe และ Milly พวกเขาให้การสนับสนุนให้กำลังใจ, ใจดี, ยืดหยุ่น, ยืดหยุ่นและยอดเยี่ยมในการเขียนโค้ดด้วย! เราเผชิญกับความท้าทายครั้งใหญ่ แต่เอาชนะพวกเขาเข้าด้วยกันทำงานเป็นทีมที่มีทัศนคติเชิงบวก ในตอนท้ายของสัปดาห์เรานำเสนอแอพการทำงานที่ผู้พิพากษาซึ่งมีรหัสเกือบทั้งหมดในหนึ่งวัน ช่างเป็นความสำเร็จ!
พวกคุณแสดงให้เห็นถึงความเข้าใจที่ดีเกี่ยวกับหลักการพื้นฐานของการออกแบบซอฟต์แวร์และวงจรชีวิตการพัฒนาซอฟต์แวร์โดยทั่วไป
งานที่ดีจริงๆทำให้สถานการณ์เป็นบวกออกมาจากสัปดาห์ที่ยากลำบาก
การเดินทางที่โชคร้ายเนื่องจากปัญหาที่พวกเขามีกับสมาชิกในทีม แต่ยังคงส่งมอบในโครงการซึ่งน่าประทับใจ
โดยธรรมชาติแล้วผลิตภัณฑ์สุดท้ายของคุณได้รับการพัฒนาน้อยกว่าที่เราเห็น แต่เป็นที่เข้าใจได้อย่างแน่นอนเมื่อเราคำนึงถึงปัญหาที่คุณมีในสัปดาห์ (และหลีกเลี่ยงไม่ได้อย่างสมบูรณ์!) สิ่งที่คุณนำเสนอแม้ว่าจะ น่าประทับใจอย่างแท้จริง สำหรับสิ่งที่เป็นงานประจำวัน
ความคืบหน้าของวันนี้ : ก่อนที่ SOC จะเริ่มเมื่อเช้านี้ฉันอ่านเอกสาร ReactJS เกี่ยวกับรัฐเพื่อเสริมความเข้าใจของฉัน
ที่ School of Code วันนี้เราใช้เวลาช่วงเช้าในกลุ่มโครงการของเราเมื่อสัปดาห์ที่แล้วถือการวิ่งย้อนหลังของเรา เราสร้างบอร์ด Trello เพื่อหารือเกี่ยวกับสิ่งที่เป็นไปด้วยดีสิ่งที่ต้องการการปรับปรุงและรายการแอ็คชั่นสำหรับอนาคต ฉันยังได้เรียนรู้วิธีเพิ่มตัวเลือกการลงคะแนนสำหรับการ์ด Trello เพื่อให้เราสามารถลงคะแนนทีมในสามแนวคิดที่เราต้องการดูที่ด้านบนของรายการ
ในช่วงบ่ายเรามุ่งเน้นไปที่รีวิวรหัส เราอ่านแนวทางการตรวจสอบรหัสแล้วพบกับทีมอื่นจากสัปดาห์ที่แล้วเพื่อตรวจสอบรหัสของพวกเขา (และในทางกลับกัน)
ลิงค์ไปยังแหล่งข้อมูลบางอย่างที่ใช้ :
สถานะ: หน่วยความจำขององค์ประกอบ
พื้นฐานย้อนหลังจาก Atlassian
ความคืบหน้าของวันนี้ : วันนี้เราเริ่มใช้การเปลี่ยนแปลงบางอย่างกับรหัสในโครงการของเราตามข้อเสนอแนะที่เราได้รับจากการตรวจสอบรหัสเพื่อนของเราเมื่อวานนี้
ความคิด: วันนี้ฉันมีความสุขมากและรู้สึกว่าฉันเรียนรู้มากมาย ขณะที่เรากำลังตรวจสอบรหัสของเราฉันพยายามอธิบายเสียงดังกับเพื่อนร่วมทีมของฉันว่ารหัสกำลังทำอะไรอยู่ เพื่อนร่วมทีมของฉันยอดเยี่ยมในการอธิบายสิ่งที่ฉันไม่เข้าใจ พวกเขายังช่วยให้ฉันเริ่มใช้ไวยากรณ์ที่ถูกต้อง บ่อยครั้งที่ฉันเข้าใจและสามารถอธิบายตรรกะของรหัส แต่อย่าจำคำทางเทคนิคที่ถูกต้องที่จะใช้ (เช่น "การแสดงผลส่วนประกอบ")
ลิงก์ไปยังทรัพยากร : เครื่องมือ JSDOC สำหรับการเพิ่มความคิดเห็นของเอกสารและตัวแก้ไข Markdown Readme
ไซเปรสทดสอบส่วนประกอบของแอปของเรา: 
กราฟเครือข่าย GitHub ของการกระทำของเรา: 
ความคืบหน้าของวันนี้ : สร้างเอกสาร readme สำหรับส่วนหน้าและแบ็กเอนด์ repos จากโครงการกลุ่มของเราจากสัปดาห์ที่แล้ว เสร็จสิ้นการเขียนความคิดเห็น JSDOC ในรหัสสำหรับทั้ง Repos ส่วนหน้าและแบ็กเอนด์ เมื่อเราผ่านรหัสอีกครั้งมันเป็นการดีที่จะตรวจสอบความเข้าใจของฉันว่าแต่ละส่วนเชื่อมต่อและสื่อสารกับส่วนอื่น ๆ จากด้านหน้าไปยังแบ็กเอนด์
ความคืบหน้าของวันนี้ : วันนี้เราได้เรียนรู้เกี่ยวกับตัวตนเป็นบริการ (IDAAS) การรับรองความถูกต้องบนคลาวด์ที่สร้างและดำเนินการโดยผู้ให้บริการบุคคลที่สาม ตัวอย่างของผู้ให้บริการ IDAAS คือ Auth0, AWS Cognito, Firebase และ Supabase ในช่วงบ่ายฉันเริ่มพยายามตั้งค่าการรับรองความถูกต้องในส่วนหน้าของโครงการ React ฉันใช้ Autho0 เพื่อรวมคุณสมบัติต่อไปนี้ภายในแอพ React หน้าเดียว:
Today's Progress : Today I continued working on yesterday's project. I learned how to call an API that validates ourJSON Web Tokens. The aim was to get our user's metadata to display on the page and we managed to do it!
Next, we worked on protecting the backend of our React project. We created an API that supports the following routes:
It took ages to figure out how to get the last one (private-scoped) to work but we finally managed to find and tick the right boxes in the Auth0 API settings to get it to work (hint: check the Machine to Machine Applications tab).
In the last few minutes of the day, I built a React app from scratch that uses authentication via Auth0. The one bit I haven't figure out yet is how to code it so that you can only access the app once you have logged in. Right now it's showing on the main page and also when you log in. Will tackle that problem another day.
Today I also added a demo video to the README files for our week 9 Group Project: Globally Scoped Project Frontend and Globally Scoped Project Backend
Today's Progress : Learned and practiced how to deploy React app projects via Netlify.
Today's Progress : Learned and practiced how to deploy a backend environment using Render. Then deployed the related frontend (a React app shopping list) via Netlify.
The highlight for me today was learning how to set up my React App from last Friday (2 Dec) so that the user has to log in first before they had access to the app, their user info and their user metadata.
To do this, we leveraged the Identity as a Service (IDaaS), Auth0 React SDK. It is a JavaScript library for implementing authentication and authorization in React. We used the useAuth0 hook in our components to access authentication states such as (isAuthenticated and user), authentication methods such as logout, as well as the logical conjunction (&&) operator to do it.
In the morning I also completed some katas on Code Wars with my pairing partner for an hour. We started going through Katas list of Training JS series together.
Today's Progress : Today we learned about a React Hook called useContext that lets you read and subscribe to context from your component.
Links to resources : React Hooks: useContext and Passing Data Deeply with Context
Today's Progress : This morning I completed a CodeWars kata with my pairing partners. Then we worked on completing the workshop from yesterday on custom hooks.
In the afternoon, we learned more about Couchbase. Couchbase is a DataBase as a Service (DBaaS) provider.
Today's Progress : Hackathon Friday at School of Code. Our challenge was to ideate, plan, and build a full stack app that included:
It was a huge challenge to do in just 5 hours. We managed the first task and had started on the second one when it was time to present at the end of day.
Thoughts: How do you maintain motivation to keep going when you are worn out? After twelve weeks of intensive learning with the School Of Code boot camp, I took the advice that Women In Technology (WIT) shared below so I can press on to keep going in my #100daysofcodechallenge.
Today's Progress : We started learning about TypeScript today. Here's a little code snippet from the first part of our workshop practicing writing in TypeScript:
Code Snippets
/* TASK 1.1: declare and initialize a boolean variable */
let isTrue : boolean = true ;
/* declare and initialize a string variable */
let myName : string = "Stephanie" ;
/* declare and initialize a number */
let myAge : number = 32 ;
/* declare and initialize an array of booleans */
let isVeryTrue : boolean [ ] = [ true , false ] ;
/* declare and initialize an array of strings */
let stringArray : string [ ] = [ "2" , "b" , "6" ] ;
/* TASK 1.2: Declare and implement a function which takes in two numbers and
returns their sum.*/
function totalSum ( a : number , b : number ) {
return ( a + b ) ;
}
console . log ( totalSum ( 2 , 8 ) ) ;
/* TASK 1.3: Declare a new type that describes an object containing the keys and
types below:
amount: a number
uniqueId: a string
isValid: a boolean
addressLines: an array of strings */
type Data = {
amount : number ;
uniqueID : string ;
isValid : boolean ;
addressLines : string [ ] ;
} ;
function getData ( personalData : Data ) {
return personalData . uniqueID ;
}
console . log ( getData (
{
amount : 15 ,
uniqueID : "Sam" ,
isValid : true ,
addressLines : [ "1 Park Lane" , "2 Falcon Way" ]
}
) ) ;
/* TASK 1.4: Declare a new type which is any one of: "BLUE" or "YELLOW" */
function setColor ( color : string | string ) {
return "My favourite color is " + color ;
}
console . log ( setColor ( "BLUE" ) ) ;
console . log ( setColor ( "YELLOW" ) ) ;Today's Progress : Learned how to convert React JavaScript to TypeScript. Spent the day with my pairing partner converting all the .js components of a “to-do list” React app to .tsx components.
Today's Progress : Today we learned how to use VS Code to debug code. We also learned a bit more about how to code using TypeScript.
Tomorrow I have a progress interview. Therefore, I also took some time to review the code from our week 9 group project to make sure I understood it. My programming pair partner for this week, Beatrice, was kind enough to let me practice explaining it to her. She asked me some good questions about it too.
In the evening I met with my mentor, Arthur, and he helped me review and practice answering common interview questions that someone might be asked when interviewing for a software development job.
Today's Progress : Hackathon Friday at School of Code. With our programming pair partner our challenge was to build a weather checker app using Typescript and React. The user needed to be able to input the name of a city and have weather information about that city added to the page.
We first made a plan then created a component tree diagram in Miro before we started any coding. I had my progress interview in the middle of the day so Beatrice did a large chunk of the coding during the 1 1/2 hours that I was away for my interview.
In the last bit of time we had at the end of the day we managed to add a background image and weather icon which reflects the city's weather.
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification. Also started watching Dave Grey's Node.js Tutorials on YouTube.
Link(s) to work : JavaScript Algorithms and Data Structures Certification
Link(s) to resources : Node.js Tutorials
Thoughts: I have now completed the first twelve weeks of the School of Code (SoC) boot camp. When I started, the only coding I knew how to do was some basic Python from the Code First Girls intro course I took last summer. I didn't know any JavaScript, HTML, or CSS. I didn't know how to use Git or GitHub. I had never heard of a PERN Stack much less how to code using PostgreSQL, Express, React, and NodeJS. In these past twelve weeks, we have been taught a massive amount and I've worked incredibly hard - day, night, and every weekend. It's amazing how much I have learned and grown in just three months.
I still feel so behind though in my comprehension and was feeling quite discouraged yesterday. However, Bee helped me gain some perspective by pointing out that before our SoC boot camp started, she spent two months going through some Udemy courses on JavaScript (while also working). At our SoC bootcamp we only spent 3 days learning what she had spent a full 2 months learning on her own.
I really enjoyed going through this basic JavaScript course on Free Code Camp today. It's so much easier on my brain. I'm learning things that so many others on my SoC course already knew before they started. Some of these concepts look familiar to me because we have used them in our coding at SoC but I had not learned them yet.
This post encouraged me too:
Today's Progress : This morning David Adams, Site Reliability Engineer (SRE) at ManyPets, gave us a interesting, practical presentation about the Continuous Integration and Continuous Delivery (CI/CD) cycle.
In the afternoon, I met my new programming pair partner for the week and together we started learning more about Amazon Web Services' many products. We created a new AWS account and followed the Amplify with React tutorial to create a full stack application with the AWS Amplify Comment Line Interface (CLI). We didn't have time today to add authentication to the app or deploy and host it but managed to get everything else done from the tutorial.
Link(s) to resources : Amplify with React Tutorial
Today's Progress : This afternoon we did group research projects on Nextjs, Gatsby, and Remix. Each programming pair was assigned one of the React frameworks to research. We later presented to groups who looked at the other two frameworks. My programming partner and I were assigned to research Remix. As part of our research we created a Remix project from scratch. Our group presentations at the end led to some interesting discussions about which framework was better to use depending on your needs.
In the morning I also solved a CodeWars kata with my programming pair partner for this week.
Link(s) to resources : Nextjs, Gatsby, and Remix
Today's Progress : Continuted watching Dave Grey's Node.js Tutorials on YouTube and writing the code along with the tutorial.
Link(s) to resources : Node.js Tutorials
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link(s) to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification. Also watched more of Dave Grey's Node.js Tutorial playlist on YouTube.
Link to work : JavaScript Algorithms and Data Structures Certification
Link to resources : Node.js Tutorials
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress : Continued to work through more of the Free Code Camp curriculum for the JavaScript Algorithms and Data Structures Certification.
Link to work : JavaScript Algorithms and Data Structures Certification
Today's Progress :
This month at School of Code we have been put into teams of six people and tasked with designing a full stack web application which solves a real-world problem. The aim of this month-long project is to help us experience what it's like to be part of a real-life engineering team building a practical solution for our end users.
Today as a team we accomplished the following:
Key Principles from our Team Manifesto:
Thoughts:
Today was our first day back after a two-week holiday and the first thing we did was find out who our teammates are for this final project. I have only worked with one of my five teammates (pair programming) before but know some of them as we're in a larger 40 person group (A) on the bootcamp. I am very excited to about our team. They are all great people and we have huge potential.
Today's Progress :
Disney Ideation Method:
User Stories:
The Unique Selling Point (USP) of our app will be:
Now that we had agreed on an idea for our app we decided on a team name: Frugal Fanatics
Today's Progress : Today we began to define our Minimum Viable Product (MVP) and to design a basic low fidelity wireframe based on our requirements.
We also created a Market Research Survey on Google docs. I shared it on LinkedIn, Facebook, and on the School of Code Slack channels to gather as much feedback as possible.
Link to our survey : Frugal Fanatics Market Research Survey
Today's Progress :
We had 74 people complete our Market Research Survey! The results led us to quickly pivot our MVP based on the user feedback.
It showed that the vast majority of those surveyed have increased stress and anxiety as a result of the cost of living crisis. This led us to decide to add a component to the app which would help them, such as a mindfulness element.
Users also indicated that they were keen to have a budgeting tool as well as a tracker for their expenses and saving. However, not many indicated that they needed help with managing debt. So we decided to shelve the debt tracker for the time being.
Today we also finished our low fidelity wireframes.
Today's Progress :
We made final decisions on our Tech stack today, including using relational databases over non-relational. We also decided on our Git branching strategy (GitHub Flow) and practiced it using a practice repo. We will be protecting the main branch and deploying after every sprint. In addtion, we agreed on our colour scheme.
Tech Stack:
Colour Scheme:
Today's Progress :
We finally started coding today!
Team Rota:
Other work we did today as a team:
On the Front End:
On the Back End:
Entity Relationship Diagram 
Today's Progress :
We merged all the front and back end branches this morning so we are moving forward on a uniform copy. With my pair partner for the day I set up the back end to include 3 models and 3 routes connected to the database tables on elephantSQL.
Today's front end teams:
Today's Progress : Today I was working with a different partner on the back end. We debugged and successfully tested GET requests for userRoutes, expensesRoutes, and savingsRoutes via Postman. We also successfully debugged and tested POST for userRoutes.
I drafted the README doc for our back end repo.
We also deployed the back end to Render: Users Table, Expenses Table, and Savings Table
Today's Progress : This morning, with my partner, I finished debugging and testing the back-end GET and POST requests for users, expenses and savings.
We then prepared our group presentation for our mid-month product demos which we showed in the afternoon to everyone in Group A (around 40 people). We received some helpful feedback from the coaches which we will bring into our planning next week.
Today's Progress : Worked on documenting our teams progress since we started, including taking screen shots and recoding videos which demonstrate our app as it is today.
Today's Progress : Today we discussed our goals for our next week-long sprint which starts today. Our top priority is to get the front and back end connected. Right now we have a fully funtional back end with GET and POST requests working. The front end is working too but with dummy data that's been hard coded.
My programming pair partner for today and I worked on cleaning up the code on the front end: breaking down the components into groups and updating the terminology to match the database. At the end of the day, we met as a team of six again and decided that tomorrow morning four of us will work together to agree upon how we want to connect the front and back end so we are not doing separate things (on the front and back end) that don't end up working together.
We are also considering at what stage we will implement authentication - at the start before completing the budget information form, or only after that form has been completed but before displaying the custom dashboard which is populated with data from the completed form.
Today's Progress : Last week, we created a custom Express.js server on the back end and built our front end using the Next.js React framework. We realised this week that there are some challenges with connecting these two. Therefore, today we explored some other options for the back end that would work better with Next.js, such as Supabase. Some of the features that Supabase offers are a Postgres database and authentication. It is also open-source. We spent today discussing, researching and experimenting to determine the best option to use. While I was doing this with a few of my teammates, two others from our group worked together to get the front end deployed on Netlify as well. When we divide and conquer we make great progress together as a team!
Link(s) to resources : Supabase
Today's Progress : Yesterday afternoon we created a test branch off our main front end branch and scaled it down to test whether we could get Supabase working with authentication and our simplified Next.js app. We managed to get it working so decided to go with Supabase + Next.js instead of elephantSQL and Express.js with Next.js. It was easy to quickly replicate our Postgres database in Supabase. Then we started refactoring our code on the front end using Supabase. It's been slow going as it's all new to us. Up to this point, the only authentication that we've learned in the bootcamp was how to use Auth0 as a login for a simple static site. Our app for this project, however, requires authentication and authorization when accessing the database and it's also a dynamic website.
We also spent time as a team today discussing how we can make our app fun and gamefied since that's one of our unique selling points. We have some great ideas which we hope to implement once we finish connecting the front and back ends.
Two of our team worked together today updating the front end to make it accessible. By the end of the day, Google's Lighthouse accessibility audit was showing all green with 100% ratings.
This evening I spent some time reading through documentation on Next.js and supabase so I have a better understanding of how they work. I feel more confident now going into tomorrow.
Tech Stack starting week 3
Accessibility - Lighthouse Audit
Today's Progress : Discussed our goals first thing this morning. Decided to make dark mode the default mode for our app as we all think it looks better (based on our high fidelity wireframes).
Then we split into two teams for the day. My team continued refactoring the code on our front end to add authentication with supabase. It was slow going but we made some good progress.
The second team worked on making the savings page of our app look more fun with icons and colors.
We also had the opportunity to hear from two companies that are hiring for roles that we can apply for when we finish the bootcamp. One of them is hosting a hackathon next week for potential applicants. น่าตื่นเต้น!
High Fidelity Wireframe dark mode
Today's Progress : Today we agreed on the name of our app: frumo (short for frugal money).
My pairing partner and I started working on the dark mode version of our app. I enjoyed learning how to use Tailwind CSS for the first time.
We also prepared and gave a presentation to the coaches and other teams in Group A summarizing what we accomplished this week.
Sprint goals week 3 and accomplishments:
Savings page with features added to make it more fun:
Today's Progress : I spent most of today with my pairing partner updating the code so that our app runs by default in dark mode and the dark mode matches our high fidelity wireframe. It was a lot of grunt work but the end result looks good. It also helped me to get more familiar with the interworking of the code on the front end, Tailwindcss, and Figma. We also tried adding a celebration animation to the app for when a goal is achieved to make the app more fun.
Another pairing group from our team worked on the landing page. The third pairing group from our team continued working on the savings page.
At the end of today, the team decided that I should be the scrum leader for the rest of our time working together. I served as the scrum leader our first week and then we started changing to a new scrum leader every two days. Even though half the team initially weren't keen on being a scrum leader, we thought everyone should have the chance to lead because it would be a good experience. It was also interesting to see people's different leadership styles.
frumo app in dark mode:
Today's Progress :
As the scrum leader today, I ran the daily stand-up and end-of-the day retrospective. That evening, one of my teammates sent me a message which boosted my confidence. They said,
“Hey Stephanie, I think you did a fantastic job leading the team today! You kept the stand-ups on point and I think we were a lot more clear and productive thanks to it!”
It was a surprise to receive their message and their encouraging words made my day.
We paired off into three teams today with tasks to complete. My partner and I worked on making the app responsive so that you can view it on mobile phones as well.
By Friday we have to prepare a short video introducing our project, create a new YouTube account for our team, and upload the video to this account. Therefore, I started preparing the PowerPoint presentation and embedding a demonstration video of our app into it.
Today's Progress :
I had a fun day today participating in my first hackathon for a potential employer. It's the first step to apply for a junior software developer role at this company. I was put in a group of four and we were given four hours to design and create a web app to promote sustainability to individuals and software development project teams. We also had to prepare and give a 5 minute presentation to a panel of interviewers from the company about our app.
Throughout the day, we were each pulled out at different times to meet one to one with someone from the company for a casual interview. I enjoyed my conversation with the person who interviewed me and learned a lot more about the company. All in all, it was a great experience. I had never worked with the three people in my group but we worked well together and the interviewers said that our presentation was really good.
Today's Progress :
Today was the last day to work on our app. It was a flurry of activity and stress but we got through it. The main things we worked on were:
Today's Progress :
Today we recorded our presentation and submitted it. You can view it here:
Frugal Fanatics presentation
If you'd like to try out our app for yourself, check it out here: https://frumo.co.uk/
Celebrating the completion of our final project!
Today's Progress :
Today I took on a 6 kyu Shopping List kata on CodeWars. First, I wrote a plan in plain English. I did something differently today though. Once I'd written the plan, I worked backwards. I looked at the best solutions and then wrote code to solve it. I did it in steps, first writing the code to solve the simplest part of the kata. For the next step, I wrote the code to include any discounts and buy one get one free deals on the products. Throughout I wrote comments explaining each line of code. I did all of it in a private repo in js files and tested them in JS Console.
Link to resource : Codewars Shopping List kata (6kyu)
Today's Progress :
Continuing on from yesterday, today I wrote code to test the solutions that I wrote yesterday. I initialised a Node.js project and installed Jest as a dependency. Then I created the test files, wrote the tests, and ran the tests ( npm test ). Loved seeing those green pass test results!
Today's Progress : Today we worked on preparing and rehearsing our presentation for the School of Code demo day.
Today's Progress : I worked with one of my Frugal Fanatics teammates this morning to write some end to end tests to test our app using Cypress. It was really fun to explore testing with Cypress. We hadn't done it since week 6 of the 16 week bootcamp.
Today's Progress :
Today we shared our frumo app to the School Of Code's partner companies who are looking to hire talented junior developers. Our team had the chance to share our frumo app with 12 people from 9 different companies. Their responses blew me away! Here are a few quotes:
"Awesome idea"
"The best presentation I've seen all day. Very professional"
"Shout out to the gamification of savings"
"Amazing app"
"Awesome presentation"
"Really useful"
"Makes dealing with money more digestible for non-financial people"
"Looks fantastic"
"มหัศจรรย์"
"The dashboard is beautiful"
"Really good looking app"
"Looks really impressive. Very professional."
My personal favourite quote for the day though was:
"Anyone can learn to code with enough time. How you work with people and your communication skills are much harder to learn."
It gives me high hopes as I continue learning how to code even after my days at the wonderful School Of Code are done. I am incredibly grateful to the School Of Code for choosing me, from among the 4000 applicants, to have the opportunity to attend their fantastic bootcamp. I have been stretched beyond measure and learned more than I ever thought possible these last four months. I can't wait to keep learning and coding!
