로드맵 썸네일

윤재성의 실전 웹 프론트엔드 개발자 로드맵

소프트캠퍼스

HTML/CSS
JavaScript
Bootstrap
입문 강의 아이콘

입문 대상

5개 강의

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

65명 참여중

로드맵 상세

실습 위주의
프론트엔드 개발자 입문 학습에
도전하고 싶다면! 👨‍💻

소프트캠퍼스와 함께하는 프론트엔드 입문 학습!
HTML부터 부트스트랩(Bootstrap)까지 도전해봅시다.

 

나날이 커지는 프론트엔드의 중요성 📖

최근 웹 개발 중에서도 Front-Side 개발 분야가 유망하게 떠오르고 있습니다. 사용자의 UI에 대한 요구가 많아지고 UX 개발에 많은 시간을 할애하게 되면서 프론트엔드를 관장하는 HTML, CSS, JavaScript는 선택이 아닌 필수 역량이 되었습니다.

이 로드맵을 통해 프론트엔드 개발자가 되기 위한 기초 지식을 학습하고, 웹 애플리케이션을 개발할 수 있는 역량을 쌓아볼 수 있습니다. HTML, CSS, JavaScript, jQuery, Bootstrap 등의 스킬을 초심자도 어렵지 않게 학습할 수 있도록 단계별 실습 중심의 강의로 구성하였습니다.

실전 웹 프론트엔드 개발자
로드맵 구성 ✒️

이런 분들께 추천합니다! 🙌

로드맵 상세

로드맵에 포함된 강의 썸네일
윤재성의 처음시작하는 HTML & HTML5 Tutorials
CSS, JavaScript, jQuery 등을 학습하려면 먼저 웹의 기초가 되는 HTML에 대해 알아야 합니다. HTML과 HTML5를 누구나 이해하기 쉽게 구성한 실습 위주의 입문 강의입니다.

16,500

로드맵에 포함된 강의 썸네일
윤재성의 처음 시작하는 CSS & CSS3 Tutorials
HTML5 기반 웹 애플리케이션은 CSS3를 활용하여 다양한 UI를 만들고 더 편리한 UX 환경을 제작할 수 있습니다. 디자이너뿐 아니라 개발자들도 알아야 할 부분을 중심으로 프론트엔드 개발자, 웹 퍼블리셔를 꿈꾸는 분을 위한 강의를 구성하였습니다.

11,000

로드맵에 포함된 강의 썸네일
윤재성의 처음시작하는 JavaScript Tutorials
2008년 이후 HTML5의 중요성이 대두되고 서버측 만큼 클라이언트측도 매우 중요한 부분이 되었습니다. 서버쪽은 JSP, PHP, ASP 등을 이용해 프로그래밍이 가능하지만 클라이언트 측은 프로그래밍이 불가능합니다. 클라이언트 측 프로그래밍을 원한다면 반드시 JavaScript를 이용해야 하며 HTML5에 새롭게 추가된 기능을 다양하게 이용하려면 반드시 JavaScript를 사용해야 합니다. 
JavaScript는 클라이언트측 프로그래밍 언어이며 jQuery, ExtJS 등과 같은 클라이언트 측면 라이브러리의 근간이 되는 언어입니다. 웹 개발자라고 한다면 반드시 JavaScript에 능숙해야 하며 현업에서의 모든 기술이 JavaScript에 근간을 두고 있습니다. JavaScript의 전반적인 내용을 쉽고 재미있게 학습할 수 있도록 강의를 구성하였습니다. 

16,500

로드맵에 포함된 강의 썸네일
윤재성의 처음 시작하는 jQuery Programming
HTML5 시대가 되면서 JavaScript는 굉장히 중요한 개발언어가 되었습니다. 사용자와 소통하고 사용자에게 맞춘 서비스를 개발하기 위해서는 JavaScript가 필수입니다. 이 때문에 JavaScript를 보다 쉽고 강력하게 사용할 수 있는 jQuery의 중요성이 커지게 되고 현업에서 jQuery를 사용하지 않는 개발 분야가 없을 정도로 많은 곳에서 jQuery를 사용하고 있습니다. 본 강좌는 jQuery에 대한 기본적인 문법부터 HTML, CSS 제어, 효과, Ajax 통신까지 상세하게 다루고 있습니다. 대부분의 수업이 실습 위주로 되어 있으며 누구나 쉽게 학습할 수 있도록 구성하였습니다.

16,500

로드맵에 포함된 강의 썸네일
윤재성의 Bootstrap 4 & 3 Framework Tutorial
트위터 서비스를 개발을 위해 만들어진 BootStrap은 오늘날 가장 많이 사용하는 HTML5 웹 프레임워크 라이브러리입니다. 상단 메뉴,버튼, 회전 목마 등 다양한 UI 요소들을 손쉽게 사용할 수 있도록 만들어져 있으며 개발자는 적절하게 태그를 배치하고 제공되는 css 클래스를적용하여 웹 애플리케이션 Front End를 손쉽게 개발할 수 있습니다.
기본 UI 요소들만 사용해도 멋진 웹 애플리케이션을 개발할 수 있으며 100% CSS와 jQuery로 구성되어 있어 수정이나 확장이 용이합니다. 본 강좌는 최신 버전인 BootStrap 4를 중심으로 강의를 진행하고 있으나 현재까지도 많이 사용하고 있는 3버전도 같이 설명을 하고 있습니다. 현재 프로젝트에 따라 3를 사용하는 경우도 있어 두 가지 버전을 모두 설명하고 있습니다.

22,000