교육 기간 | 6개월, 100% 온라인 교육 |
학습 방식 | 01. 온라인 VOD 학습 500시간
02. 매주 코딩테스트, 컴퓨터 공학 퀴즈 대비
03. 단계별 실습 과제
04. 라이브 세미나
05. 자소서/이력서 컨설팅, 모의면접 서비스 |
강사진 | 현직 개발자 강사진 36명, 운영 및 질의응답 멘토 6명 |
Stage 1
기본 과정 | HTML/CSS | 컴퓨터 공학 |
(1-6주차) | Git/GitHub
| 실습 프로젝트(미션 과제) |
Stage 2
심화 과정 | JavaScript | 자료구조/알고리즘 |
(7-16주차) | 프레임워크 (React or Vue)
+ TypeScript | 실습 프로젝트(미션 과제) |
Stage 3
프로젝트 | 개인 프로젝트
: 멘토님 프로젝트 리뷰 제공 | 팀 프로젝트
: 멘토님 프로젝트 리뷰 제공 |
(17-26주차) | 백엔드 협업 프로젝트
: 멘토님 프로젝트 리뷰 제공 | 기술서적 스터디, 취업 연계 서비스 |
Week 0. 프론트엔드 스쿨 워밍업
프론트엔드가 무엇인지, 개발자가 말하는 웹은 무엇인지, 어떤 개발자가 좋은 개발자인지 기초 레벨부터 알려드립니다.
개발 기초에 대해 알아가는 과정입니다.
: 개발에 필요한 기초적인 용어부터, 개발자로서의 마음가짐까지 현직 개발자가 알려드립니다.
학습 목록
<제로베이스 어드바이저 인터뷰 - 프론트엔드 개발자란?>
<개발 기초 어휘 완전 정복>
Week 01-06. HTML/CSS 기본기
HTML
Hyper Text Markup Language의 약어로 문서와 문서를 연결시키는 마크업 언어입니다.
CSS
Cascading Style Sheet의 약어로 HTML로 만들어진 문서를 꾸며주는 역할을 담당합니다.
1. HTML/CSS 감 잡기 (+Git 맛보기 학습)
강사님의 코드를 따라해보며 HTML/CSS는 화면에서 어떻게 보여지는지 확인할 수 있습니다.
추가로, 개발자들의 협업에 필수인 Git/Github! Git의 개념부터 어떻게 사용하는지 자세하게 알려드립니다.
무엇을 얻어갈 수 있나요?
이론이 곁들여진 실습 강의를 통해 균형 있게 HTML/CSS와 Git/Github를 학습하고, 감을 잡아볼 수 있습니다.
학습 목록
처음부터 따라해보는 HTML/CSS 실습 강의
HTML/CSS 장인의 핵심정리 & 프로젝트 강의
Git/GitHub 이론 & 실전 적용 강의
2. 과제를 통해 나만의 HTML/CSS 코드 짜보기
HTML/CSS가 어떤 것인지 감을 잡기 위해 강사님의 코드를 따라 해봤다면,
이제는 진짜 개발자로 거듭나기 위해 나만의 코드를 처음으로 직접 만들어봅니다.
무엇을 얻어갈 수 있나요?
실제 수강생분들은 과제들을 통해 기본기를 확실히 다질 수 있었다고 말씀해주셨어요!
기본에 기본을 더해서! 수강생들 만족도가 가장 높은 강의와 요약강의로 HTML/CSS 이론과 실전을 완전 정복하실 수 있어요!
학습 목록
기본부터 끝까지 러닝메이트 HTML/CSS 강의
5시간 만에 완성하는 핵심 마크업 강의
HTML/CSS 미션 과제
3. 비전공자도 이해할 수 있는 컴퓨터공학 지식 쌓기(1)
개발에 필요한 컴퓨터 공학 개념을 강의와 퀴즈로 학습합니다.
무엇을 얻어갈 수 있나요?
•
비전공자 입장에서 가장 접하기 힘든 컴퓨터공학 개념을 배울 수 있어요!
•
현직 개발자가 엄선한 내용이기 때문에 불필요한 검색 시간을 줄일 수 있어요!
•
컴퓨터구조부터, 운영체제, 그리고 시스템 소프트웨어까지 배워갑니다.
학습 목록
잔재미코딩의 CS이론 & 기술면접 강의
컴퓨터공학(CS) 퀴즈
4. 코딩테스트 미리 맛보기
개발자 취업의 관문 중 하나인 코딩테스트는 어떤 것인지 가벼운 마음으로 미리 경험해봅니다!
무엇을 얻어갈 수 있나요?
•
연습 코딩테스트를 통해 코딩테스트에 미리 적응해볼 수 있어요!
•
코딩테스트를 경험해보기 전에 코딩테스트에 사용되는 언어인 Javascript는 무엇이고, 어떻게 활용되는지 강의를 통해 배워갈 수 있어요!
학습 목록
Basic 자바스크립트 강의
코딩테스트 연습
Week 07-12. JavaScript
1. Javascript 감 잡기
강사님의 코드를 따라해보며 Javascript는 화면에서 어떻게 작동지는지 확인해봅니다.
무엇을 얻어갈 수 있나요?
•
HTML/CSS를 처음 배울 때처럼 이론이 곁들여진 실습 강의를 통해 Javascript를 학습하고, 감을 잡아볼 수 있습니다.
학습 목록
입문자를 위한 자바스크립트 실습 강의
토이프로젝트 20개, 기능 구현 100개 완벽 실습 자바스크립트 강의
2. 과제를 통해 나만의 Javascript 코드 짜보기
프론트엔드 개발의 핵심, Javascript을 능숙하게 다룰 수 있을 정도로 학습합니다.
무엇을 얻어갈 수 있나요?
•
HTML/CSS 미션 과제와 마찬가지로, 나만의 코드를 짜보며 Javascript를 마스터해볼 수 있어요!
•
강의에서 학습한 내용을 적용해보고, 강의에서는 가르쳐주지 않는 내용들도 추가적으로 배워갈 수 있어요!
학습 목록
초심자도 빈틈없이 학습하는 자바스크립트 강의
핵심만 골라 먹는 자바스크립트 강의
Javascript 미션 과제
3. 비전공자도 이해할 수 있는 컴퓨터공학 지식 쌓기(2)
개발에 필요한 컴퓨터 공학 개념을 강의와 퀴즈로 계속해서 학습합니다.
무엇을 얻어갈 수 있나요?
•
네트워크와 소프트웨어공학, 그리고 현업 프로세스까지 배우며 컴퓨터공학 지식을 마스터합니다
학습 목록
잔재미코딩의 CS이론 & 기술면접 강의
컴퓨터공학(CS) 퀴즈
4. 본격적인 코딩테스트 준비 시작
자료구조/알고리즘 강의와 실습을 통해 본격적으로 코딩테스트를 준비합니다.
무엇을 얻어갈 수 있나요?
•
프론트엔드 스쿨이 종강할 때까지 매주 코딩테스트를 치면서 코딩테스트를 완벽하게 준비합니다.
•
자료구조/알고리즘은 무엇이고, 코딩테스트에 어떻게 적용되는 개념인지 알 수 있어요!
•
코딩테스트를 주기적으로 치면서 코드 구현력을 높이고, 개발자 취업에 더 가까워집니다.
학습 목록
이론부터 실전까지 모든 것을 담은 자료구조/알고리즘 강의
실전 코딩테스트
Week 13-16. Framework
1. Framework 감 잡기
강사님의 코드를 따라해보며 React/Vue는 어떻게 활용되는지 확인해봅니다.
무엇을 얻어갈 수 있나요?
•
프론트엔드 개발자라면 필수적으로 다뤄야하는 React/Vue를 학습하고, 감을 잡아볼 수 있습니다.
•
Javascript로만 개발하는 것과 어떤 차이가 있는지 확인하실 수 있습니다.
학습 목록
이해가 빠른 일취월장 리액트 강의
실전 필승 비결 4가지 리액트 프로젝트 강의
처음부터 시작하는 프로젝트(타입스크립트&리액트) 강의
기본부터 깔끔하게 배우는 Vue2 강의
프로젝트로 배우는 Vue2 강의
가장 먼저 배우는 Vue3 강의
2. 과제를 통해 Framework 직접 활용해보기
필수 미션과제를 통해 프로젝트 단계 전 Framework를 적용해봅니다.
무엇을 얻어갈 수 있나요?
•
더 빠르고, 효율적으로 코드를 짜는 방법에 대해 배워가실 수 있어요!
•
포트폴리오 준비에 앞서 마지막으로 연습해볼 수 있는 단계입니다.
학습 목록
현업의 노하우를 압축한 실전 리액트 강의
신입 개발자가 Vue를 다루면 반드시 마주치는 상황들 강의
React/Vue 미션 과제
Logical 타입스크립트 강의
첫걸음부터 시작하는 타입스크립트 강의
임팩트 있게 끝내는 타입스크립트 강의
Week 17-20. 개인 프로젝트
🦾개인 프로젝트 : 프론트엔드 A-Z 정복하기
JavaScript
복사
•
무엇을 얻어갈 수 있나요?
◦
서비스의 기획부터 개발까지 진행하면서 개인 역량을 쌓고 프론트엔드 개발 프로세스 전체를 경험할 수 있습니다.
◦
현직 IT 탑 기업 개발자가 선정한 프론트엔드 필수 기능을 구현하며 역량을 쌓으실 수 있습니다.
•
어떻게 진행되나요?
◦
1주차
▪
1인이 소화할 수 있는 범위의 웹 서비스를 기획하고, 멘토님의 피드백과 함께 완성합니다.
◦
2~ 4주차
▪
완성된 기획을 바탕으로 개별로 개발을 진행하고, 매주 회고록을 작성하면서 멘토님께 개발 진행상황을 공유합니다.
▪
3주차에는 멘토님의 라이브 코드리뷰 및 점검을 통해 진행 중인 프로젝트의 방향성 및 퀄리티에 대해 코칭을 받습니다.
▪
마지막 주차에는 데모데이(발표회)를 진행합니다.
팀/협업 프로젝트(21 - 26주차)
🦾팀 프로젝트 : 웹개발 A-Z 정복하기
JavaScript
복사
•
무엇을 얻어갈 수 있나요?
◦
서비스의 기획부터 개발까지 진행하면서 개인 및 협업 역량을 쌓고 웹 개발 프로세스 전체를 경험할 수 있습니다.
◦
실제 현업과 유사한 개발 프로세스를 경험할 수 있습니다.
•
어떻게 진행되나요?
◦
1~2주차
▪
팀원들과 MVP(Minimum Viable Product)단계의 웹 서비스를 기획하고, 멘토님의 피드백과 함께 완성합니다.
◦
2~ 6주차
▪
완성된 기획을 바탕으로 팀별로 개발을 진행하고, 매주 회고록을 작성하면서 멘토님께 개발 진행상황을 공유합니다.
▪
6주동안 총 2번, 멘토님의 라이브 코드리뷰 및 점검을 통해 진행 중인 프로젝트의 방향성 및 퀄리티에 대해 코칭을 받습니다.
▪
마지막 주차에는 데모데이(발표회)를 진행합니다.
프론트엔드 스쿨 수강신청
바로 가기
추가 안내 사항
문의 채널
학습 시 주의사항