100DaysOfCode
1.0.0
다음 100 일 동안 하루에 한 시간 이상 코딩하는 데 어려움을 겪으면서 #100 Days of Code Log에 오신 것을 환영합니다! 저는 Code of Code의 Full Stack 웹 개발 부팅 캠프를 시작하여 코딩하는 방법을 배우는 용감한 새로운 세계에 가입하고 있습니다. 다음 4 개월 동안 풀 타임이지만 무료입니다. 신청 절차는 길었지만 코드의 학교는 내 코호트의 4000 명의 지원자 중 3% 만 받아 들였습니다. 기회를 어떻게 거절 할 수 있습니까? #careerChange #womenintech
오늘의 진행 상황 : 새로운 CSS 셀렉터를 배웠고 CSS Diner와 짝을 이루는 동안 연습했습니다.
일하는 링크 : CSS 식당
생각 : 코드의 첫날을 통해 코드의 첫날을 통해 그것을 좋아했습니다. 창립자이자 CEO 인 크리스 메아 (Chris Meah)는 오늘 코드의보다 정확한 이름은 "공동 창조적 인 문제 해결사의 기술 경력 집약적 인 탑승"이라고 말했다. 이 새로운 사람들과 함께 코딩하는 법을 배우는 여행을 시작하게되어 기쁩니다!
오늘의 진행 상황 :
링크 (들) 작동 : 은하계 해킹
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 : 하루 종일 #JavaScript로 프로그래밍하고 첫 번째 코드 Hackathon 학교에서 팀원과 #ProBlemsoling을 보냈습니다. 우리는 바위, 종이, 가위 게임을 처음부터 만들었습니다.
생각 : 나는이 눈길을 끄는 코드 해커 톤 곡을 즐깁니다.
오늘의 진보 : 오늘 저는 Github에서 저장소를 포크하는 방법을 배웠습니다. 그런 다음 일주일 동안 페어링 파트너와 함께했던 워크샵의 저장소를 포장했습니다. 우리는 일주일 동안 그들을 끝내지 못했기 때문에 나는 그들을 독립적으로 작업 할 수 있도록 그들을 물리 쳤다.
오늘의 진보 : 주말에 숙제를했는데, 이는 School of Code에서 첫 주에 가르친 JavaScript의 모든 주제를 다루는 Github 리포였습니다.
오늘의 진행 상황 :
오늘의 진행 상황 :
생각 : 프로그래머가 "컴퓨터와 함께 작동하는 것"이외의 일을 이해하기 시작했습니다. ?
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 : JavaScript의 다음 주제에 대해 www.w3schools.com에서 연구 및 완료 연습 : 변수, 데이터 유형, 기능, 어레이, 비교 및 논리 연산자, 루프 및 HTML DOM
링크 작업 : W3Schools JavaScript 자습서
오늘의 진행 상황 : 기능, 문자열, 루프, 어레이, SetInterval, ClearinterVal 및 Fetch의 기능, 문자열을 다루는 School of Code의 Week 2 워크숍에서 작업하기 시작했습니다.
오늘의 진행 상황 :
생각 : 오늘의 영감을주는 인용문. 이것을 보았고 코딩 부트 캠프의 3 주차를 시작할 때 그것은 나에게 완벽합니다. 당신은 어떤 새로운 일을 빨아 먹을만큼 용감 할 것인가?
오늘의 진행 상황 :
오늘의 진행 상황 :
사용자 인터페이스 (UI) 설계 :
CSS :
Today's Progress :
오늘의 진행 상황 : 어제는 Code School에서 금요일 Hackathon 금요일이었습니다. 우리는 새로 개발 된 UI/UX 기술을 사용하여 비즈니스 방문 페이지를 설계했습니다. 한 쌍으로 함께 일합니다.
오늘의 진행 상황 :
Code School과 함께 JavaScript Recap 워크숍을위한 지속적인 코딩 기능, 루프 및 배열.
코드 스쿨에 대해 내가 좋아하는 많은 것들 중 하나는 우리 각자를 기술 산업에서 일하고 매주 1 : 1을 기꺼이 만나는 멘토와 우리 각자를 연결한다는 것입니다. Arthur는 저의 멘토이며 그의 팁, 조언 및 지원으로 이미 저에게 많은 것을 격려했습니다. 그는 오늘 아침에 내가 낙담 한 느낌이 들었을 때 영감을주는 인용문을 보냈다. 그리고 나는 하루 종일 나 자신에게 그것을 반복하고있다. 감사합니다, Arthur!
#JavaScript #mentoring
오늘의 진행 상황 :
오늘의 진행 상황 :
이번 주에 우리는 백엔드 개발에 대해 배우고 있습니다. 브라우저 외부에서 JavaScript를 실행하기 위해 Nodejs (Open-Source JavaScript 런타임)를 사용하고 있습니다.
#nodejs #BackEndDevelopment #JSON #ExpressJS
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 : Back End를 구축하는 School of Code에서 Hackathon 금요일. 처음부터 REST API를 구축했습니다. Crud 경로를 설정하고 라우터에서 실행했습니다. 모델 기능을 만들어 라우터의 핸들러를 라우팅하기 위해 전달했습니다.
Today's Progress : Forked the repo from the workshop that I did with my programming pair partner last week on Building a REST API using Node.js and Express. 내가 배운 것을 강화하기 위해 이번에는 처음부터 혼자서 다시 그것을 했어요.
오늘의 진행 상황 : 이번 주에는 프로그래밍 언어 인 SQL에 대해 배우고 있습니다.
오늘의 진행 상황 :
오늘의 진행 상황 : 오늘, 우리는 라이브러리를 데이터베이스에 연결하는 방법을 배웠습니다.
오늘의 진행 상황 :
오늘의 진행 상황 : School of Code에서 Hackathon 금요일! 세 팀에서 함께 일하면서 우리 :
오늘의 진행 상황 :
오늘의 진보 : 이번 주에 우리는 테스트 및 현대 소프트웨어 엔지니어링 관행에 대해 배우고 있습니다. 우리는 jestjs.io, 테스트 중심 개발 (TDD) 및 Cypress.io에 대해 배웠습니다.
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
일하는 링크 : 무료 코드 캠프
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
오늘의 진행 상황 :
생각 : 매일 점심 시간에 나는 밖에 걸어가려고 노력합니다. 그것은 나의 건강에 좋고 또한 과학적으로 창의적 사고를 평균 60 %로 향상시키는 것으로 입증되었습니다! 효과적인 문제 해결을위한 완벽한 원조.
오늘의 진행 상황 : School of Code에서 금요일 Hackathon 금요일. 우리는 일주일 내내 "할 일 목록"앱을 만들기 위해 배우고있는 Reactjs의 기술을 사용하려고 시도했습니다. 저의 페어링 파트너와 저는 State 및 Props와 같은 React의 기본 사항 중 일부를 이해하기로 결정했습니다. 결과적으로, 우리는 Net Ninja의 YouTube 재생 목록, Full React Tutorial을 통해 시간을 보냈으며이를 이해하기 위해 논의했습니다.
오늘의 진행 상황 :
오늘 저는이 무료 코드 캠프 기사 덕분에 #100daysofcode 로그를 시각적 경험으로 변환하는 방법을 배웠습니다.
그 후이 로그를 이미지, 링크 및 Markdown 코드의 도움으로 다음과 같은 서식 변경으로 업데이트했습니다.
이탤릭체
용감한
링크
블록 쿼트
백 티크가있는 Inline code
# code block
print '3 backticks or'
print 'indent 4 spaces'
리소스에 링크 :
마크 다운 튜토리얼
Markdown 튜토리얼 및 비주얼 스튜디오 코드
생각 : 강렬한 주 후, 독감에 걸렸고 React JS를 사용하여 코딩하는 방법을 배우려고했을 때, 나는 정신적 휴식이 필요했습니다. 나는 그것이 내 #100daysofcode 로그온을 개선하는 방법을 배우는 것이 더 흥미로워지는 것이 더 흥미로워지는 것을 고무적이고 동기를 부여한다는 것을 알았습니다. 요즘 중 하나는 희망적으로 실제 프로젝트를 게시 할 것이지만 지금은 이것이 좋은 첫 단계입니다. Code First Girls 의이 인용문은 오늘 읽어야 할 것입니다.
오늘의 진행 상황 : useeffect hook와 같은 반응의 순수한 기능에 대해 배웠습니다. Fetch, UseEffect 및 Usestate를 사용하여 API에서 데이터를 가져 오는 방법.
오늘의 진행 상황 :
Git의 지점 관리에 대해 배웠습니다. 여기에는 다음과 같은 새로운 GIT 명령을 배우는 것이 포함되었습니다.
git 체크 아웃 –B 추가-레모 테. 이것은 "추가로 추가"라는 새 지점을 생성하고 동시에 전환합니다.
git 체크 아웃 메인.
git 푸시-세트 업스트림 원점 NewBranchName
우리는 또한 모든 것을 통제하고 싶을 때 React에서 상태를 관리 할 수있는 hook 인 usereducer에 대해 배웠습니다.
오늘의 진행 상황 :
Code Of Code Usereducer Workshop의 Usereducer와 함께 목록을 리팩트링했습니다.
내 페어링 파트너와 코드 전쟁에서 6kyu kata를 해결하기 위해 노력했습니다.
다음 주에 그룹 프로젝트를 준비하기 위해 테스트 코드 작성에 대한 새로 고침이있었습니다.
그런 다음 React 구성 요소 테스트 워크숍에서 작업했습니다.
React App 만들기에 대해 배웠습니다. 반응 테스트 라이브러리.
오늘의 진행 상황 :
Agile Working, Kanban Board, Agile Sprint Ierations, MSCW에 대해 더 많이 배웠습니다. 등.
React 구성 요소 테스트에 대한 더 많은 검토.
우리는 또한 다음 주제에 대한 그룹 연구 프로젝트를 수행하고 발표했습니다.
오늘의 진행 상황 : Freecodecamp의 JavaScript 코스에서 계속 수업을 완료했습니다.
링크 작업 : JavaScript 알고리즘 및 데이터 구조 인증 과정
오늘의 진행 상황 : Freecodecamp의 JavaScript 코스에서 수업을 계속 진행했습니다.
링크 작업 : JavaScript 알고리즘 및 데이터 구조 인증 과정
오늘의 진행 상황 :
이번 주 School of Code에서 우리는 4 명으로 구성되어 있으며 전체 스택 웹 애플리케이션을 설계하여 부트 캠퍼가 직면 한 문제를 해결하는 동안 직면 한 문제를 해결하는 데 도움이됩니다. 주가 끝나면 우리는 업계의 판사 패널에게 솔루션을 제시합니다.
이번 주 목표 중 하나는 앱을 계획, 관리, 개발 및 발표 할 때 민첩한 소프트웨어 개발 관행을 사용하는 것입니다. 따라서 팀으로서 우리는 처음으로 우리 팀 선언 핵심 항목 및 복구 전략에 동의했습니다. 그런 다음 Jamboard와 Disney Ideation Method를 사용하여 아이디어를 브레인 스토밍 한 다음 좁 힙니다. 또한 Figma에서 사용자 스토리, 구성 요소 트리 및 저 충실도 와이어 프레임도 완료했습니다.
Code School에서 하루를 시작하기 전에 Net Ninja의 Node.js 및 React (JSON Server 및 UseEffect 종속성 사용)에 대한 YouTube 교육용 비디오를 보았습니다.
오늘의 진행 상황 :
오늘 우리는 프로젝트 관리 목적으로 Trello에 대한 Kanban 보드를 만들었습니다. 그런 다음 한 쌍이 프론트 엔드를 만들기 시작하고 다른 하나는 백엔드에서 작동하는 프로그래밍 쌍으로 유출되었습니다.
백엔드의 경우 데이터베이스에 포함 할 테이블과 결합 방법을 보여주는 다이어그램을 그렸습니다. 또한 백엔드가 처리 할 요청에 대한 API 계획 테이블을 작성했습니다. 그런 다음 Railway.App에서 PostgreSQL 데이터베이스를 만들었습니다
생각 :
이것은 매우 스트레스가 많은 날이었습니다. 우리가 어제 팀에서했던 마찰은 오늘 더 나빠졌습니다. 우리 동료 중 한 명이 팀의 나머지 팀과 조화를 이루지 못했고 우리는 왜 우리가 왜 우리가 이전에 동의 한 일을하고 있는지, 왜 우리가 왜 우리가 동의했는지에 대한 에너지를 분명히 지출하고, 힘을 밀어 내려고 노력하는 것을 발견했습니다. 오후의 중간 쯤에, 그것은 견딜 수 없게되었고 우리 팀은 파괴 포인트에 도달했습니다.
오늘의 진행 상황 :
오늘날의 과제 중 하나는 우리가 개발 한 전면 및 후면 끝을 연결하는 것이 었습니다. 우리는 Express Middleware를 제공하는 CORS라는 Node.js 패키지를 다운로드하고 적절하게 응답하도록 React 구성 요소를 조정했습니다.
우리는 또한 비동기 함수 내부에 콘솔을 가지고 있었는데, 우리가 그것을 옮길 필요가 있음을 알 때까지 잠시 동안 우리를 버렸습니다.
우리는 두 가지 구성 요소가 올바르게 작동하도록 관리했습니다.
생각 :
우리는 오늘 우리 팀에게 일어날 일에 대한 불확실성으로 시작했습니다. 우리는 트리오로 일했지만 상황이 적극적으로 바뀌는 동안 진행하기가 어려웠 기 때문에 여전히 약간 길을 잃었습니다.
우리가 공식적으로 School of Code로부터 공식적으로 결정을 받았을 때 오후 중반까지 그렇게 머물 렀습니다. 우리는 분명히 뒤쳐졌지만,이 확인은 우리에게 필요한 것을 확실하게 주었다. 오후의 나머지 기간 동안, 우리 셋은 우리의 상황을 재평가하고 회복 계획을 다시 작성하고 최소 실행 가능한 제품 (MVP) 정의를 재고하기 시작했습니다.
오늘의 진행 상황 :
오늘 아침 우리의 매일 스탠드 업에서 우리는 하루가 끝날 때까지 우리의 목표는 우리의 앱이 명확한 섹션이있는 모듈화 된 대시 보드를 갖고 시각적으로 잘 구성된 것으로 결정했습니다. 우리는 하루가 끝날 때까지 수정 된 MVP에 도달하기 위해 원래 계획에 대해 몇 가지 희생을해야했습니다.
MVP를 수정 한 후, 우리는 색 구성표를 세우고, 저 충실도 와이어 프레임을 수정했으며, Trello의 Kanban 보드를 사용한 작업에 대한 우선 순위와 책임에 대해 논의했습니다.
나는 오늘 스타일 구성 요소에 CSS를 사용하는 방법을 배웠고 코딩에서 즉각적이고 시각적 인 결과를 보는 것을 즐겼습니다.
이번 주에 매일 끝날 무렵 우리는 4LS 기술을 사용하여 회고를 위해 만났고, 우리가 사랑하고, 혐오하고, 갈망하고, 그 날을 배웠습니다.
오늘의 진행 상황 :
오늘 우리의 초점은 업계의 판사 패널에게 앱을 준비하고 제시하는 데 중점을 두었습니다.
당사의 솔루션은 강렬한 학습의 날 이후에 부트 캠퍼가 압축을 눌 수있는 대시 보드입니다. 그것은 카테고리별로 구성된 활동이있어 웰빙을 향상시키는 데 도움이됩니다. 매일 추가하고 목표를 바탕으로 진행 상황을 볼 수 있습니다. 또한 임의의 농담 생성기가 있습니다. 마지막으로, 과거에 감사했던 것을 상기시키는 목록으로 감사하는 것을 적어 두는 프롬프트가 있습니다.
사용 된 도구 : Jamboard, Figma, Trello, Vscode, Git, Github, Zoom, Google Docs 및 Google 슬라이드
기술 스택 사용 : JavaScript ES6, Node.js, Expres.js, React.js, PostgreSQL (ElephantsQL 및 Railway.App), HTML 및 CSS
생각 :
우리는 이번 주에 피할 수없는 좌절이 있었고 우리가 이미 뒤에있을 때 3 팀이되었습니다. 그 후, 우리 팀은 작았지만 우리는 응집력있는 팀으로 일했고, 우리의 승리를 축하했지만 작지만 생산성 수준은 지붕을 통해 촬영했습니다.
우리에게 큰 차이는 팀으로서의 도전에 직면 할 때 사고 방식과 긍정적 인 태도가 얼마나 중요한지입니다. 우리는 실제 작업 환경에서 직면 할 수있는 장애물의 유형을 경험할 수있는 독특한 기회가있었습니다. 앞으로 계속 발전하고 민첩하게 유지하는 것이 중요했습니다.
이번 주, 우리는 민첩한 선언문에서 다음과 같은 가치를 살았습니다.
이 프로젝트 인 Gabe와 Milly에 대한 팀원들에게 매우 감사합니다. 그들은 코딩에서지지하고, 격려하고, 친절하고, 유연하고, 탄력적이며, 화려했습니다! 우리는 큰 도전에 직면했지만 긍정적 인 태도를 가진 응집력있는 팀으로 일하면서 함께 극복했습니다. 주가 끝날 무렵 우리는 심사 위원들에게 거의 하루에 거의 전적으로 코딩 된 기능 앱을 제시했습니다. 얼마나 업적!
여러분은 소프트웨어 설계의 기본 원칙과 일반적으로 소프트웨어 개발 수명주기에 대한 확실한 이해를 보여주었습니다.
힘든 일주일로 긍정적 인 상황을 만드는 정말 좋습니다.
불행한 여정은 팀원과의 문제가 있었지만 여전히 인상적인 프로젝트에 전달되었습니다.
당연히, 당신의 최종 제품은 우리가 본 다른 제품들보다 덜 발달되었지만, 우리가 일주일에 가지고 있었던 문제를 고려할 때 (그리고 완전히 피할 수 없었습니다!) 당신이했던 일을 본질적으로 하루의 일에 진심으로 인상적 이었습니다.
오늘의 진보 : SOC가 오늘 아침에 시작되기 전에, 나는 내 이해를 강화하기 위해 State에 대한 Reactjs 문서를 읽었습니다.
오늘 School of Code에서, 우리는 지난 주부터 스프린트 회고를 개최하는 프로젝트 그룹에서 아침을 보냈습니다. 우리는 Trello Board를 만들어서 잘 진행된 내용, 개선이 필요한 것 및 미래의 행동 항목에 대해 논의했습니다. 또한 Trello 카드에 대한 투표 옵션을 추가하는 방법을 배웠으므로 목록 상단에서보고 싶은 세 가지 아이디어에 대한 팀 투표를 할 수있었습니다.
오후에는 코드 리뷰에 중점을 두었습니다. 우리는 코드 검토 가이드 라인을 읽은 다음 지난 주부터 다른 팀을 만나 코드를 검토합니다 (그리고 그 반대).
사용 된 일부 리소스에 대한 링크 :
상태 : 구성 요소의 메모리
Atlassian의 회고 기본 사항
오늘의 진행 상황 : 오늘 우리는 어제 Peer Code Review에서받은 피드백을 기반으로 프로젝트에서 코드의 몇 가지 변경 사항을 구현하기 시작했습니다.
생각 : 나는 오늘 정말 즐거웠고 많은 것을 배웠다고 느낍니다. 우리가 코드를 검토 할 때, 나는 코드가 무엇을하고 있는지 팀원들에게 큰 소리로 설명하려고 노력했습니다. 우리 팀원들은 내가 이해하지 못한 것을 설명하는 데 훌륭했습니다. 그들은 또한 올바른 구문을 사용하도록 도와줍니다. 종종 나는 코드의 논리를 이해하고 설명 할 수 있지만 사용할 올바른 기술 단어 (예 : "구성 요소 렌더링")를 기억하지 않습니다.
리소스에 대한 링크 : 문서 댓글 및 readme Markdown 편집기 추가를위한 JSDOC 도구
사이프러스 앱의 구성 요소 테스트 : 
커밋의 Github 네트워크 그래프 : 
오늘의 진행 상황 : 지난 주부터 그룹 프로젝트에서 프론트 엔드 및 백엔드 리포지토리를위한 README 문서를 만들었습니다. 프론트 엔드 및 백엔드 리포지토리에 대한 코드에 JSDOC 댓글 작성이 완료되었습니다. 코드를 다시 살펴보면 각 부분이 전면에서 백엔드까지 다른 부분과 어떻게 연결되고 의사 소통하는지에 대한 이해를 검토하는 것이 좋았습니다.
오늘의 진보 : 오늘 우리는 제 3 자 제공 업체가 구축하고 운영하는 클라우드 기반 인증 인 IDAAS (Identity As a Service)에 대해 배웠습니다. 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.
기술 스택 :
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!
