프리코드캠프 소개
프리코드캠프는 무료로 제공되는 온라인 코딩 교육 플랫폼입니다. 강의 방식이 아니라 실습을 통해 직접 프로그램을 코딩해보는 사이트입니다. 코드카데미(Codecademy)의 컨텐츠가 훨씬 풍성하지만 프리코드캠프는 무료입니다! 가끔씩 월 5달러의 기부를 압박하는 모달이 뜨기는 하지만 굿굿하게 무시하면 무료로 이용할 수 있습니다.
프로코드캠프는 초보자에게 좋은 것 같아요. 제가 중급자는 아니기 때문에 중급자 이상의 개발자에게도 유용한지는 모르겠습니다만 프리코드캠프의 소개에 따르면 '코딩 초보자부터 전문 개발자까지 누구나 자신의 학습 속도와 목표에 맞게 학습할 수 있다'고 합니다.
https://www.freecodecamp.org/
www.freecodecamp.org
프리코드캠프에 가입해봅시다
위의 주소를 따라 접속하면 아래와 같은 화면을 볼 수 있습니다.
2014년부터 제공했나봅니다.
회원가입
Get started (it's free) 버튼을 누르면 구글, 깃허브, 애플 계정으로 연결할 수 있습니다. 역시 코딩 사이트다보니 깃허브 계정과도 연동할 수 있군요. 이메일 계정으로도 가입할 수 있습니다.
강의 목록 확인
첫 화면은 투박하지만 배울 수 있는 메뉴가 직관적으로 보입니다. 반응형 웹디자인을 시작으로 자바스크립트, 프론트엔드 라이브러리 등 다양한 강의가 있습니다.
강의 코스를 하나 눌러볼까요?
Responsive Web Design Certification을 눌렀습니다.
- Learn HTML by Buildnig a Cat Photo App
- Learn Basic CSS by Building a Cafe Menu
- Learn CSS Colors by Building a Set of Colored Markers
- ....
세부 강의가 참 많네요.
학습 시작
Learn HTML by Buildnig a Cat Photo App을 선택해봤습니다.
학습 목표가 나오네요. 아래의 HTML 화면이 최종 목표물입니다.
Start coding!을 누르면 이제 시작합니다!
좌측은 코딩을 할 수 있는 화면, 우측은 코딩의 결과가 출력되는 화면입니다.
그리고 Step X 라는 부분에 지시사항이 뜹니다.
HTML elements have opening tags like <h1> and closing tags like </h1>.
The text for an element goes between its opening and closing tags.
Find the h1 element and change its text to:
CatPhotoApp
영어에 약하다구요? 걱정마세요. 우리에겐 파파고와 구글이 있습니다.
하나씩 차근차근 만들다보면 언젠가 나도 코딩 초보자를 탈출하겠죠?
코딩 공부를 시작하는 모든 분들 화이팅입니다!