로그인

|

내 강의실

|

마이페이지
프로그래밍

실무능력까지 길러주는 인터랙티브 웹 디자인 기초 입문

HTML, CSS, Javascript로 웹 콘텐츠의 구조와 표현, 동작을 명확하게 분석하고 사용자의 상호작용 기술을 습득하여 웹 표준 퍼블리싱을 구현하는 기초지식을 학습할 수 있는 과정입니다. 

다양한 웹 프로젝트를 웹 표준과 웹 접근성에 고려하여 기획하고 프로젝트 컨셉 트렌드에 맞는 UI/UX 디자인을 설계하여 반응형 웹 페이지를 구현할 수 있습니다.

 

* 활용 소프트웨어 : visual studio code​ 

영상 30

총 학습시간 18:35:34

학습기간
  • 수강료

    225,000원

  • 지원금액

    -225,000원

  • 결제금액

    0원

고용24 과정 바로 신청
학습기간
사업주 직업능력개발 지원 과정
제도안내 Go
  • 수강료

    225,000원

수강 문의
학습기간

* 학습기간 1개월

  • 수강료

    225,000원

  • 지원금액

    -0원

  • 결제금액

    225,000원

학습대상

  • HTML, CSS 언어를 처음 접하는 분
  • Javascript, jQuery를 처음 접하는 분
  • 웹 퍼블리셔, 프론트엔드 개발, UI/UX 등 웹 분야 취업을 희망하는 분
  • 관련 직군 및 직무 : 정보기술개발, 응용SW엔지니어링, 디지털디자인​ 

학습목표

  • 웹 개발 환경과 변화를 이해하고 웹 애니메이션의 종류와 특징들을 설명할 수 있다.
  • CSS3 속성의 종류와 특징들을 이해하고 2차원 변형(transform), 속성 전환(transition), 애니메이션(animation) 등을 직접 활용할 수 있다.
  • 반응형 웹 페이지를 구현하는 데 필요한 속성들을 이해하고 Javascript, jQuery 애니메이션을 활용할 수 있다.​ 

강사 경력 사항

    김동주강사님

    그린컴퓨터아트학원 / 강사

  • (현) 그린 컴퓨터아트학원 종로지점 프론트엔드 강사
    - (현) 이지웹 대표
    - (전) 더조은 컴퓨터아트학원 웹퍼블리셔 강사
    - (전) 그린 컴퓨터아트학원 웹퍼블리셔 강사
    - (전) 상상애드윌 광고대행사 온라인마케팅 팀장
    - (전) 우리한복아카데미 정보화센터 팀장
     
  • 저서

    • - 웹 디자인 & 웹 퍼블리싱을 위한 피그마 완벽 활용서(비제이퍼블릭/2021.07. 출간)

     

학습내용

1

웹 개발 환경 변화와 트렌드

00:46:13
2

웹 애니메이션 종류와 특징

01:03:10
3

CSS3 transition 속성(1)

00:44:45
4

CSS3 transition 속성(2)

00:46:50
5

CSS3 transition 응용

00:34:17
6

CSS3 animation 속성(1)

00:34:05
7

CSS3 animation 속성(2)

00:34:57
8

CSS3 animation 응용

00:40:40
9

CSS3 transform 속성(1)

00:31:38
10

CSS3 transform 속성(2)

00:30:50
11

CSS3 transform 속성(3)

00:32:41
12

CSS3 transform 응용

00:36:53
13

CSS3 애니메이션 라이브러리 활용

00:33:49
14

SVG animation 기초

00:34:32
15

SVG animation 응용

00:33:54
16

CSS3 Flexible 레이아웃 기초

00:33:58
17

CSS3 Flex 속성(1)

00:32:03
18

CSS3 Flex 속성(2)

00:31:17
19

CSS3 Flex 속성(3)

00:39:58
20

CSS3 GRID 속성(1)

00:30:09
21

CSS3 GRID 속성(2)

00:33:30
22

CSS3 GRID 속성(3)

00:35:05
23

CSS3 GRID 응용

00:38:14
24

반응형 웹페이지 이해

00:38:22
25

반응형 웹페이지 - 미디어쿼리 기초

00:33:48
26

반응형 웹페이지 - 미디어쿼리 응용

00:34:36
27

javascript 애니메이션 기초

00:47:49
28

javascript 애니메이션 응용

00:38:50
29

jQuery 애니메이션 구현 기초

00:30:48
30

jQuery 애니메이션 구현 응용

00:37:53