[패스트캠퍼스] 프론트엔드 프로그래밍 과정 (10주) 정보
[패스트캠퍼스] 프론트엔드 프로그래밍 과정 (10주)- fastcampus 자기소개 아이디로 검색 회원게시물
- 조회 1,043
- 댓글 0
본문
프론트엔드 프로그래밍 CAMP
FAST CAMPUS : 프론트엔드 프로그래밍 CAMP 과정은 10주, 90시간에 걸쳐 진행되는 정석 웹 프론트엔드 프로그래밍 교육과정입니다.
이번 과정을 통해 수강생 여러분은 10주간 우리가 항상 접하지만 가장 다양한 기술과 높은 숙련도를 필요로 하는 “복합쇼핑몰”을 구현하면서 프론트엔드 개발자로서 알아야 할 기본을 배우게 됩니다.
때문에 본 과정은 기초적인 HTML/CSS부터 Javascript, jQuery, Ajax, 성능 문제까지 프론트엔드 개발자로서 알아야 할 대부분의 내용들을, 자주 사용하는 핵심기술 중심으로 담고 있습니다. 또한, 교육과정 중 개발자로서 갖춰야 할 기본적인 소양(자료검색, 레퍼런스 찾기, 코딩 팁 등)들을 자연스레 몸에 익히도록 도와드립니다.
뿐만 아니라 이 과정은 국내에서 손꼽히는 top tier 프론트엔드 엔지니어들이 직접, 프로그래밍의 핵심기능 이해와 연습에 중점을 두고 가르치기 때문에 웹디자이너, 창업자 외에도 프론트엔드 개발자를 진지하게 커리어로 생각하고 계신 프로그래밍 입문자, 초급 웹퍼블리셔 분들께도 좋은 시작점이 될 것입니다.
------------
대부분의 사람들이 생각하는 프론트엔드 엔지니어링
1. 포토샵 파일, 이미지, 와이어프레임 등을 가지고 웹 페이지를 만드는 일
2. 때로는 앞서 나온 포토샵 파일, 이미지, 와이어프레임을 그리는 일
3. 웹 페이지에 애니메이션을 만들고 트랜지션 효과를 주기 위해 자바스크립트를 작성하는 것
4. 콘텐츠를 정의하고 이를 꾸미는 HTML과 CSS를 작성하는 것
프론트엔드 개발자가 실제로 하는 일
1. 디자이너와 엔지니어 간의 시각적 언어 확립
2. 시각 디자인으로부터 콘텐츠, 브랜드, 기능 등을 표현할 컴포넌트 세트 정의
3. 컨벤션, 프레임워크, 요구 사항, 시각적 언어, 스펙 면에서 웹 애플리케이션의 기준 확립
4. 웹 애플리케이션의 범위를 기기, 브라우저, 화면, 애니메이션의 측면에서 정의
5. 브랜드 충성도, 코드 품질, 관계자의 상품 리뷰를 위한 품질 보증 가이드라인 개발
6. 적절한 간격, 타이포그래피, 헤딩, 글꼴, 아이콘, 여백, 그리드 등을 사용해 웹 애플리케이션 꾸미기
7. 디자인 가이드라인을 따르며 다양한 해상도에 대응하는 이미지, 디바이스별 목업 등을 사용해 웹 애플리케이션 꾸미기
8. 시맨틱, 접근성, 검색엔진 최적화, 스키마, 마이크로포맷 등을 고려하여 웹 애플리케이션 마크업하기
9. API에 접근하여 사용하기 편하고 배터리 소모가 없는 디바이스 및 클라이언트가 인지하는 방식으로 정보를 가져오기
10. 부드러운 애니메이션, 트랜지션, 게으른 로딩lazy loading, 인터랙션, 애플리케이션 워크플로우를 수행하는 클라이언트 사이드 코드 개발
(대부분 점진적 기능 향상 및 하위 표준 호환성까지 고려)
11. CORSCross Origin Resource Sharing을 고려하는 한편 XSSCross Site Scripting와 CSRFCross Site Request Forgery 공격을 막아낼 수 있도록 백엔드 접속에 대한 안전성 확보
12. 엄격한 데드라인, 관계자들의 요구, 기기별 제한에도 불구하고 항상 사용자가 최우선이라는 점을 잊지 않는 것
1. 포토샵 파일, 이미지, 와이어프레임 등을 가지고 웹 페이지를 만드는 일
2. 때로는 앞서 나온 포토샵 파일, 이미지, 와이어프레임을 그리는 일
3. 웹 페이지에 애니메이션을 만들고 트랜지션 효과를 주기 위해 자바스크립트를 작성하는 것
4. 콘텐츠를 정의하고 이를 꾸미는 HTML과 CSS를 작성하는 것
프론트엔드 개발자가 실제로 하는 일
1. 디자이너와 엔지니어 간의 시각적 언어 확립
2. 시각 디자인으로부터 콘텐츠, 브랜드, 기능 등을 표현할 컴포넌트 세트 정의
3. 컨벤션, 프레임워크, 요구 사항, 시각적 언어, 스펙 면에서 웹 애플리케이션의 기준 확립
4. 웹 애플리케이션의 범위를 기기, 브라우저, 화면, 애니메이션의 측면에서 정의
5. 브랜드 충성도, 코드 품질, 관계자의 상품 리뷰를 위한 품질 보증 가이드라인 개발
6. 적절한 간격, 타이포그래피, 헤딩, 글꼴, 아이콘, 여백, 그리드 등을 사용해 웹 애플리케이션 꾸미기
7. 디자인 가이드라인을 따르며 다양한 해상도에 대응하는 이미지, 디바이스별 목업 등을 사용해 웹 애플리케이션 꾸미기
8. 시맨틱, 접근성, 검색엔진 최적화, 스키마, 마이크로포맷 등을 고려하여 웹 애플리케이션 마크업하기
9. API에 접근하여 사용하기 편하고 배터리 소모가 없는 디바이스 및 클라이언트가 인지하는 방식으로 정보를 가져오기
10. 부드러운 애니메이션, 트랜지션, 게으른 로딩lazy loading, 인터랙션, 애플리케이션 워크플로우를 수행하는 클라이언트 사이드 코드 개발
(대부분 점진적 기능 향상 및 하위 표준 호환성까지 고려)
11. CORSCross Origin Resource Sharing을 고려하는 한편 XSSCross Site Scripting와 CSRFCross Site Request Forgery 공격을 막아낼 수 있도록 백엔드 접속에 대한 안전성 확보
12. 엄격한 데드라인, 관계자들의 요구, 기기별 제한에도 불구하고 항상 사용자가 최우선이라는 점을 잊지 않는 것
'프론트엔드 개발자는 왜 구하기 어렵나요?(Why can't we find Front End developers?)' 중 발췌
- 김태곤님의 번역문 : http://mygony.com/archives/4810
댓글 전체