Thumbnail
개발 · 프로그래밍 웹 개발
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Application Course)
(5.0)
4개의 수강평 ∙ 60명의 수강생

22,000원

지식공유자 : J.영
총 17개 수업˙총 2시간 54분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 51 공유
초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.

돕다 사이트 제작 Application Course로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. 무료 강의로 오픈한 돕다 사이트 Basic Course의 Layout과 Animation 위주의 단순한 구조의 코딩에서 Fixed header, Image Slider, Mobile navigation, Scroll Animation, 반응형 등을 추가하며 코딩 하나하나를 수정보완하며 완성해가는 웹페이지 제작 실전! 강의입니다. (본강의는 반드시 돕다-Basic Course(무료강의)를 들으시고 수강하셔야 학습 효과가 크다고 볼 수 있습니다.)

✍️
이런 걸
배워요!
스크롤 시 디자인이 변경되는 FixHeader jQuery
스크롤 이벤트 애니메이션 jQuery(scrolla.js) 활용과 응용
애니메이션이 들어간 이미지 슬라이드 jQuery(slick.js) 활용과 응용
Open 버튼 클릭 시 나타나는 GNB navBar 제작하기

HTML + CSS로 Layout & Animation 제작을 익히는
돕다 Basic Course를 들으셨나요?

레이아웃과 애니메이션 제작에 대한 이해가 되셨다면, 이젠 좀 더 액티브한 요소들을 구현해 볼까요?
웹페이지 제작에 필요한 jQuery의 기초부터 활용까지 배울 수 있으며, 라이브러리와 플러그인을 활용하여 단시간에 멋있고 화려한 웹페이지를 제작할 수 있도록 여러분을 도와드립니다.


누구에게 필요할까요?

  • CSS Animation 그 이상의 화려함과 액티브함을 구현하고 싶으신 분
  • 웹에서 필요로 하는 JavaScript와 jQuery의 기본을 알고 싶으신 분
  • 업무 속도와 확장성을 위해 단시간에 액티브한 웹을 구현하고 싶으신 분
  • 웹디자이너/퍼블리셔로 취업을 위해 포트폴리오를 제작하고 싶으신 분
  • 현재 그래픽 디자이너로서 웹디자이너/퍼블리셔로 전향하고 싶으신 분

실무에서 꼭 필요로 하는 인터랙티브 요소들로 구성된 웹페이지 강의를 통해 업무 스킬과 실무 핵심 노하우를 한번에 얻을 수 있습니다.

실무는! 속도전이며, 확장성입니다.
작업시간 내에 빠르게, 고퀄리티의 프로젝트를 완료하시는 분만이 실력있는 디자이너, 퍼블리셔로 인정받고 대우받을 수 있습니다.

돕다 사이트 Application Course를 함께 만들어보면서, 화려한 웹사이트도 빠르게 제작해나갈 수 있는 노하우를 익혀보세요!


학습 내용 살펴보기


Full Screen Image

Image Slider

Responsive Web (1100px~951px 태블릿 해상도)

Responsive Web (950px~751px 태블릿 해상도)

Responsive Web (750px 이하 모바일 해상도)

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
HTML/CSS 기초는 있으나 웹페이지 제작이 두려우신 분
웹디자이너, 퍼블리셔로 취업을 위해 빠르게 포트폴리오를 제작하고 싶으신 분
웹에서 필요로 하는 jQuery 소스를 익히고 싶으신 분
JavaScript 기초 없이 실무에서 필요로 하는 인터랙티브 웹을 손쉽게 구현하고 싶으신 분
현재 그래픽 디자이너로 프론트엔드 개발자나 퍼블리셔로 전향하고 싶으신 분
웹디자이너로서 업무 스킬을 향상시키고 싶으신 분
확장성을 고려한 인터랙티브 웹을 빠르게 구현하고 싶으신 분
📚
선수 지식,
필요한가요?
HTML / CSS 기초
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course) 강의를 들으시고 이어서 수강하시면 됩니다.

안녕하세요
J.영 입니다.
J.영의 썸네일

 안녕하세요? J.young입니다.

20여년간의 웹디자인 & 앱개발회사에서 디자인팀 총괄로 팀을 운영하며,
틈틈히 대학과 학교 및 직업훈련기관에서 UI.UX디자인,웹디자인,웹퍼블리셔,
프론트엔드개발강의를 하고 있습니다.

디자인이나 코딩에 대한 기초가 전혀 없는 학생들을 대상으로, 전문가(웹디자이너/ 퍼블리셔) 양성을 위해 ~
- 기초부터 실무까지!
- 실무에서 원하는!
- 실무에서 바로 써 먹을 수 있는 포트폴리오제작! 강의로 전문가로써 당당히 실무에 진출할 수 있도록 지도하고 있습니다.

그런만큼... 많은 제자들이 현직 디자이너로 퍼블리셔로 그 역량을 발휘하고 있습니다.

- 웹디자이너 퍼블리셔가 되고 싶어도 어디서 부터 어떻게 시작할지 막막하신분들..
- 이직을 위한 정규코스 학원을 다니고 싶어도 직장생활로 인해 엄두도 못내시는분들..
- 코딩에 '코'자도 모르시는 분! 학원이나 유튜브 등으로 html/css기초는 배웠지만 -
도통...웹사이트제작이란 남의 이야기이신 분들....

J.young이 도와드리겠습니다.!!
또한!! 학습하시다 궁금하신 점 있으시면 댓글 남겨주시면
도움이 되드릴 수 있는 답을 드리도록 최선을 다하겠습니다.

실무경력
- 2015년~2017년(주)엘리에셀 총괄 이사
- 2003년~2015년 (주)어뮤징웨어 총괄 이사
- ~~2003년: 서우씨앤디 디자인실장

강의경력
- 인천문예전문학교 (멀티미디어웹강의)
- 서울현대직업전문학교 (스마트웹 & 앱강의)
- 폴리텍대학 (디자인강의)
- 한국IT전문학교 (멀티미디어디자인 강의)
- 두드림직업전문학교 (디자인강의)
- 광명시여성비전센터 (웹디자인강의)
- 이젠컴퓨터학원강의 분당점 (디자인강의)
- 더조은컴퓨터아카데미 서초점 ([웹디자인기능사]디지털웹&앱디자인-과정평가형자격-A)
- 하이미디어컴퓨터학원 서초점 (영상을 활용한 UI/UX 웹디자인&웹퍼블리셔)  
- 더조은컴퓨터아카데미 안양점 (UI/UX 스마트웹콘텐츠(프론트엔드개발))

감사합니다^^ 


운영중인유튜브

잘난웹디
https://www.youtube.com/channel/UCISuuIbv_SnkE6d4oDgrBWQ

공동 지식공유자: janey23의 썸네일 headong2의 썸네일
커리큘럼 총 17개 ˙ 2시간 54분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Intro
사이트 소개 및 강의진행용 결과파일 첨부 수업 자료 02:31
섹션 1. Scroll animation (스크롤 애니메이션 적용)
Scroll animation 적용_01 미리보기 10:14
Scroll animation 적용_02 08:11
섹션 2. fixed header (픽스헤더 제작)
스크롤시 디자인이 변경되는 fixed header 제작 08:47
섹션 3. ImageSlide (이미지 슬라이드 제작)
ImageSlide 제작 _01 08:17
ImageSlide 제작 _02 11:00
ImageSlide 제작 _03 11:38
섹션 4. Responsive (반응형 페이지 제작)
테블릿 반응형 제작_(max-width : 1100px)_1 14:18
테블릿 반응형 제작_(max-width : 1100px)_2 10:36
테블릿 반응형 제작_(max-width : 1100px)_3 13:30
테블릿 반응형 제작_(max-width : 950px)_1 10:40
테블릿 반응형 제작_(max-width : 950px)_2 (강의노트 확인부탁드립니다.) 12:02
테블릿 반응형 제작_(max-width : 950px)_3 13:59
모바일 반응형 제작_(max-width : 750px)_1 10:35
모바일 반응형 제작_(max-width : 750px)_2 07:17
모바일 반응형 제작_(max-width : 320px) 14:08
모바일 네비제작 07:10
강의 게시일 : 2020년 10월 05일 (마지막 업데이트일 : 2020년 10월 05일)
수강평 총 4개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
4개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김응민 thumbnail
좋은 강의 감사합니다~!
2020-11-05
지식공유자J.영
김응민님 힘이나는 수강평 감사드립니다^^ 더 좋은 강의로 찾아뵙도록 하겠습니다 감사합니다^^ J.young드림
2020-11-27
최석문 moon thumbnail
돕다 베이직 강의 부터 어플리케이션 강의 까지 넘 좋은 강의 였습니다. 기술위주로 흐르다 보면 지루 할 수 있는데 직접 같이 홈페이지를 만들다 보니 확실히 많은 습득이 이루어지는거 같아요.^^ html/css 코딩 뿐 아니라 크롬 개발자모드로 유지보수(?) 하는 부분까지 쭉 접하게 되어 전체적인 흐름을 알게되어 너무 좋았습니다. 추가로 디테일한 부분(서브메뉴, 모바일 서브 메뉴 등)의 추가 강의도 생기면 좋겠네요 명품 강의 감사합니다.
2021-03-04
지식공유자J.영
석문님 감사합니다. 여러가지로 도움이 되시고 좋으셨다니 제가 정말 기쁩니다~~ 현재도 강의를 준비중에 있으니...더 많은 것을 배우실 수 있도록 준비하여 뵙도록 하겠습니다 감사합니다^^
2021-03-04
headong2 thumbnail
항상 잘 듣고있어요!! 유투브 강의올려주시는 내용도 너무 좋고 감사합니다아아ㅏㅏ 또 들으러올거에용
2020-10-16
janey23 thumbnail
제이영님!!!! 강의는 다 듣고있습니당 ㅋㅋㅋ 유투브로 무료강의 완강하고 실제 돕다 사이트처럼 슬라이드랑 반응형 해보고싶엇는데 깔끔한 강의 감사드려요!!! 편집이 타이트 하고 깔끔해서 직접 대면으로 강의 하는것처럼 내용이 바로바로 들려서 너무 좋아요!!! 앞으로도 좋은강의 많이 부탁드려요!!! 감사합니다1!!
2020-10-05
지식공유자J.영
janey23님 이번에도 역시 빠르게 완강하셨군요 감사드립니다. janey23님 수강평을 읽고나니 ... 더 열심히 좋은 홈페이지로 강좌를 올려드려야겠다는 욕심이 생깁니다. 다시 한번 감사드리구요... 오늘도 좋은 하루 되십시요^^ J.young드림
2020-10-06

22,000원

내 목록 추가 51 공유
지식공유자 : J.영
총 17개 수업˙총 2시간 54분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스