What is 프론트 앤드 백앤드 콜라보
프론트 엔드와 백엔드 기술역량을 가진 풀스택 개발자가 되기 위한 로드맵입니다.
프론트엔드 필수 기술인 JavaScript를 학습하고, 자바스크립트 기반의 프레임워크와 라이브러리를 활용할 수 있게 됩니다.
또한 Java언어를 활용한 백엔드 개발 기술을 이해하고 스마트앱과 컨텐츠 개발에 대한 종합적인 이해를 드리고자 구성했습니다.
. 순수 자바스크립트 – 차세대 웹컨테츠 개발을 위한 언어의 선택. 시작과 끝은 자바 스크립트입니다.
. 전체 웹사이트의 95%, 개발자의 80%가 사용하는 필수 언어
.웹컨텐츠를 넘어 IoT까지 유망합니다.
Who is the 프론트 앤드 백앤드 콜라보 for?
완전 처음으로 프로그래밍을 시작하시는 분.
입문자분에게 공통적으로 추천되는 로드맵은 웹입니다. 이 로드맵은 현업에 널리 쓰이는 모든 기술을 꼼꼼하게 다루고 있습니다.
변화는 IT에 지쳐 열정을 잃어가신 IT업종에 계신 분
지속적인 업그레이드가 필요한 IT특성상, 학습은 필수며, 그 학습의 바탕은 컴퓨터에 대한 애정과 열정이죠.
그 관심과 열정을 다시 찾으실 수 있도록 로드맵을 구성했습니다.
이미 현업에 계시지만 자기 발전이 필요하신 분
현업에서 일하고 계시지만 현재 하는 일에 얽매여 발전이 없으신 분에게 지금 트랜드에 최적화된 기술 학습을 통해
기초를 다시 다지고 도약할 계기를 마련해 드립니다.
컴퓨터 관련 전공생
학교에서 배우는 것에 취미를 느끼지 못하시는 분에게, 다시한번 열정을 불러 일으켜 드립니다.
IT스타트업을 꿈꾸시는 분
알아야 면장이라고 어떤 업종이든 창업을 위해선 해당 분야의 지식이 필요합니다. 특히 지식 창업인 IT에선
지식에 대한 중요성이 크죠. 이 로드맵은 여러분이 직원과 같이 일할 수 있을 만큼의 지식을 갖출 수 있게 구성되어 있습니다.
What I get 배우고 나서
웹퍼블리셔 (Wbe Publisher) , 웹프론트앤드 개발자(Web Front end Developer), 백앤드 개발자(Back-end Developer), 풀스택 개발자(Full-Stack Developer) 중에서 마음껏 골라 취업할 수 있는 넓은 능력 범위
수료증
뱃지
러닝패스 참가하기 ›
로드맵(러닝패스 과정)
프론트엔드 - HTML5 + CSS3 인터렉티브 웹제작
강좌바로가기200 Points
HTML5는 HTML 표준의 가장 새로운 버전입니다. HTML5를 통해 리치 미디어의 기술 지원 뿐만이 아니라, 사용자 및 로컬...강좌바로가기
HTML5는 HTML 표준의 가장 새로운 버전입니다. HTML5를 통해 리치 미디어의 기술 지원 뿐만이 아니라, 사용자 및 로컬 데이터를 웹 서버 사이에 보다 간편하면서도 효과적으로 교환 할 수 있는 웹 애플리케이션을 개발하기 위한 확장 기술 지원를 제공하는 새로운 기능도 제공됩니다. 그리고 CSS3 는 CSS(Cascading Style Sheets)의 최신 버전입니다. 둥근 코너, 그라디언트, 투명 에니메이션 등등 그동안 구현을 원했던 많은 기능들과 멀티 컬럼, 그리드 레이아웃 등의 레이아웃도 지원하게 되었습니다.더 보기
프론트엔드 - Bootstrap 인터렉티브 웹제작
강좌바로가기200 Points
부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것입니다. 프론트엔드 작업시 일관성을 유지할...강좌바로가기
부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것입니다. 프론트엔드 작업시 일관성을 유지할 수 있는 장점으로 크게 각광 받는 프레임워크입니다. '프레임워크' 라고 하는 것은 재사용이 가능한 요소들의 집합되어 있으며, 정해진 구조와 틀 안에서 이것들이 확장이 가능한 기반 코드로 이루어 짐을 뜻합니다. jquery는 라이브러리이고, 부트스트랩은 프레임워크입니다. 따라서, 우리는 '부트스트랩 프레임워크에서 jquery 라이브러리를 사용할 수 있다.'라고 말 할 수 있습니다.더 보기
프론트엔드 - JavaScript
강좌바로가기200 Points
자바스크립트는 객체 기반의 스크립트 프로그래밍 언어입니다.웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는...강좌바로가기
자바스크립트는 객체 기반의 스크립트 프로그래밍 언어입니다.웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있으며 웹개발에 있어서 반드시 알아두셔야 할 필수 스크립트 언어입니다.더 보기
프론트엔드 응용 기술 - Angular.js
AngularJS 는 구글에서 만든 자바스크립트 기반의 오픈소스 웹프레임 워크입니다. AngularJS는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹...AngularJS 는 구글에서 만든 자바스크립트 기반의 오픈소스 웹프레임 워크입니다. AngularJS는 자바스크립트로 만든 client 측 MVC/MVVM 프레임워크로 모던 단일 페이지 웹 애플리케이션 개발의 정수라고 볼 수 있습니다.더 보기200 Points
프론트엔드 응용 기술 - Node.js
강좌바로가기200 Points
Node.js는 오픈소스 기반의 크로스 플랫폼 자바스크립트 런타인 환경입니다. 특시 서버사이드에서 많이 사용되곤 합니다. 내장 HTTP 서버 라이브러리르 포함하고...강좌바로가기
Node.js는 오픈소스 기반의 크로스 플랫폼 자바스크립트 런타인 환경입니다. 특시 서버사이드에서 많이 사용되곤 합니다. 내장 HTTP 서버 라이브러리르 포함하고 있어 웹 서버에서 아파치 등의 별도 소프트웨어 없이 동작하는 것이 가능하며, 실시간 온라인 채팅, 실시간 온라인 게임 등 실시간 기능을 넣거나, 로그인 기능을 넣어 유저를 관리하고 점수를 관리하는 데이터베이스 기능등을 Node.js 를 통해 만들 수가 있습니다.더 보기
백엔드 - Spring Framework
스프링 프레임워크는 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 경량급 애플리케이션 프레임워크입니다.대한민국 공공기관의 웹 서비스 개발 시 사용을 권장하고 있는 전자정부...스프링 프레임워크는 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 경량급 애플리케이션 프레임워크입니다.대한민국 공공기관의 웹 서비스 개발 시 사용을 권장하고 있는 전자정부 표준프레임워크의 기반 기술로서 쓰이고 있기도 하기에 취업등에서 필수라고 볼 수 있습니다.더 보기200 Points
