프론트엔드개발자취업

취업과 역량강화에 필요한 모든 지식을 한 자리에!
패스트캠퍼스에서 준비한
프론트엔드 로드맵으로 채워보세요!

개발 공부를 시작할 수 있는 입문 강의부터
고급스킬을 배울 수 있는 강의까지 한 자리에!

👨‍💻 입문부터 끝까지 배울 수 있는 BEST 강의

한 번에 끝내는 프론트엔드 개발

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. HTML, CSS, JavaScript, React, Vue와 같은 프론트엔드 개발 핵심 기술을 배우고, 프로젝트에 적용합니다.
  2. CSS 프레임워크, 테스트 라이브러리, 데이터베이스 관련 기술 등 프론트엔드 실무를 효율적으로 만들어주는 기술을 학습합니다.
  3. 다양한 프레임워크와 서비스 배포 방식을 익혀, 내 업무나 개인 프로젝트에 맞는 기술을 활용할 수 있도록 성장합니다.
  4. 책에 나오는 예제를 따라하는 수준이 아닌, 실제 서비스화 가능한 수준까지 프로젝트를 고도화하여 완성합니다.

😉 이런 분들에게 추천해요!

• 프론트엔드 개발에 입문하거나 공부하는 사람이라면 누구나
• 취업이나 이직을 위해 필요한 프론트엔드 최신 기술을 다루고 직접 프로젝트를 통해 적용해보고 싶은 분
• 방대한 프론트엔드 개발의 학습량을 로드맵에 맞춰 단계별로 정복해나가고 싶은 분


👨‍💻 초급자가 대가의 노하우 까지 배울 수 있는 BEST 강의

김민태의 프론트엔드 아카데미 : 제 1강 JavaScript & TypeScript Essential

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. JavaScript와 TypeScript를 함께 배워 기본기가 탄탄해집니다.
  2. 실제 프로젝트에 대한 응용력이 자라고, 빠르게 변하는 기술도 쉽게 익힐 수 있게 됩니다.
  3. 웹앱의 전체적인 구조와 비동기 프로그래밍에 대한 이해가 깊어집니다.

😉 이런 분들에게 추천해요!

• 프론트엔드 개발자로 커리어를 시작/확장하고자 하는 퍼블리셔, 초보 개발자
• HTML/CSS 개발이 가능하고, JS 문법을 가볍게라도 훑어본 경험이 있는 분
• JS를 혼자 공부하려고 했지만 번번히 중도 포기, 실패한 분
• 퍼블리셔 업무에 한계를 느낀 분

김태곤의 프론트엔드 개발 : Back to the Basics

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. 지속 가능한 코드 작성을 위해 꼭 거쳐야 할 프론트엔드 개발자의 업무 프로세스에 대해 알려드립니다.
  2. '브라우저', 'HTML', 'CSS', 'JavaScript' 기초중 실무에서 사용되는 우선순위의 기본기를 정리하고, 누구나 쉽게 범하는 오류에 대해 다뤄봅니다. 또한 성능을 한 단계 개선시킬 수 있는 고급 스킬을 배웁니다.
  3. 자바스크립트 코드 개선을 통해 웹 애플리케이션의 성능을 향상시키는 법을 배웁니다.

😉 이런 분들에게 추천해요!

• 3년차 미만의 프론트엔드 개발자가 듣기에 좋습니다.
• 평소에 개발이 어렵거나 막히는 곳이 많은 분
• 웹 애플리케이션 성능을 고려한 개발을 하고 싶으신 분
• 프론트엔드로서 한 계단 발전하고 싶으신분


👨‍💻 초급자가 고급스킬까지 배울 수 있는 BEST 강의

한 번에 끝내는 React의 모든 것

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. React 입문부터 실전까지 이 강의로 모두 학습할 수 있습니다.
  2. 20가지 이상 관련 스택과 7가지의 실무 기능을 배워 React 역량을 기릅니다.
  3. 실무적 노하우를 기반으로 한 클론 코딩 강의를 통해 이론과 실용적 학습 두 마리의 토끼를 모두 잡습니다.
  4. 왓챠미디어, 카카오톡 인기서비스 클론 코딩으로 실제 API 및 서비스에 필요한 UI Component들을 구현해봅니다.

😉 이런 분들에게 추천해요!

• 최소 HTML, CSS, JS에 대한 이해가 있는 분.
• React 기초에서 심화까지 제대로 배우고 싶은분
• 로그인, 로그아웃, 실시간 채팅, 라우팅, 컴포넌트 스타일링 등 실제 코딩 실습으로 React 실력을 키워보고 싶으신 분


👨‍💻 중급자가 최고의 인사로부터 각 분야의 전문성을 갖출 수 있는 BEST 강의

The RED : 견고한 UI설계를 위한 마크업 가이드 by 정찬명

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. 실제로 현업에서 마주할 수 있는 문제와 풀이 등으로 HTML/CSS 문법에 매몰되지 않는 유연한 사고를 키울 수 있습니다.
  2. CSS 코드 최적화, 렌더링 시간 단축, 이미지 최적화, 분기, 미리로딩 기법을 통해 웹사이트 성능을 향상시킬 수 있습니다.
  3. 실무자가 꼭 알아야 하는 명세를 알아보고, 명세를 통한 문제 해결력을 키울 수 있습니다.
  4. 계층과 구조, 다양한 방법론을 익혀 웹 표준과 웹 접근성에 대해 상황에 맞는 개발 계획을 세울 수 있습니다.

😉 이런 분들에게 추천해요!

• HTML/CSS 문법 외에 실무에서 실질적으로 마주할 수 있는 문제 해결력과 노하우가 필요한 분.
• HTML/CSS를 문법 수준을 넘어 더 깊게 배우고 싶은 분
• 웹사이트 성능 개선, UI 개선을 제대로 배우고 싶은 분

React와 Redux로 구현하는 아키텍처와 리스크 관리 by 김민태

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. 김민태 개발자가 React와 Redux의 매커니즘을 직접 만드는 과정을 보며 도구에 대한 이해를 넓힙니다.
  2. 신규 프로젝트와 기존에 운영되던 레거시 프로젝트에서 직면할 수 있는 리스크를 대비, 대응하는 전략에 대해 배웁니다.
  3. 백엔드 API에 문제가 생기면 유저의 인터페이스에 오류가 뜹니다. API 없이 데이터를 수급할 수 있는 방법과, API 스펙 변경에 대응할 수 있는 아키텍처 설계 방법을 배웁니다.
  4. To-do 앱 프로젝트에서 사용된 샘플 코드를 김민태 개발자가 직접 개선해 나가는 과정을 보며 간결하고 유지보수성 높은 코드로 개선하는 방법을 배웁니다.

😉 이런 분들에게 추천해요!

• 개발 실무에 많은 기여를 해야 하는 5년차 미만의 개발자에게 강력 추천합니다.
• 프로젝트 종류에 따라 적용하는 리스크 관리 전략이 필요한 분
• 백엔드 데이터 없이 프론트엔드 기능을 구현하는 스킬이 필요한 분
• 아키텍처를 잘 설계하기 위한 도구 React / Redux의 이해가 필요한 분

프론트엔드 비즈니스 요구사항 분석과 적정 기술 by 조은

✔ 강의를 수강하면 _____를 할 수 있어요!

  1. 비즈니스 요구사항을 분석하고 필요한 기술을 도출할 수 있게됩니다.
  2. 개발에 필요한 적정 기술과 리소스 체크에 용이해집니다.
  3. MVP 구현, 고도화 및 배포를 하게됩니다.

😉 이런 분들에게 추천해요!

• 실무역량이 부족한 프론트엔드 개발자.
• 부트캠프에서 쌓은 포폴은 화려하지만 면접에서 자꾸 떨어지는 프론트엔드 개발 취준생
• 사수가 없어서 멘땅에 헤딩하며 일하는 스타트업의 프론트엔드 개발자
• Best Practice에만 신경쓰고, Why라는 질문을 하지 않는 프론트엔드 개발자


👨‍💻 역량 논외, 소장가치 100% 최고의 프로그래밍 이론 BEST 강의