한 눈에 끝내는 CSS/JS 애니메이션 - goormEDU

한 눈에 끝내는 CSS/JS 애니메이션

이미 모두 갖추어진 실습환경에서 직접 코드를 작성하고 실행하며 CSS/JS 애니메이션의 기본을 다질 수 있는 프로그래밍 강좌입니다.

Lecture Introduction
Difficulty
Normal
Category
Programming - Web Programming

왜 내 웹 페이지는 심심할까?


웹 페이지를 만들긴 만들었는데,
왜 내 웹 페이지는 뭔가 심심하지...?

CSS와 JavaScript 애니메이션으로
좀 더 역동적인 웹 페이지를 완성해보세요!

기초 맛집 구름과 함께 기초를 탄탄하게 잡으면
많은 사람들에게 사랑 받는 매력적인 웹을
완성시킬 수 있을 거니까요:D

비전공생도, 컴퓨터 공학 관련 신입생도,
관심과 열정이 가득한 청소년
누구나 재밌게 공부할 수 있다!❤



제가 아는 그 Animation인가요?



CSS와 JavaScript 애니메이션이라고 하니
어렵게 느껴지시나요?

CSS와 JavaScript를 이용할 뿐,
여러분이 평소에 접하는 애니메이션과
같은 개념이라고 생각해주세요!

웹을 마치 애니메이션처럼 역동적으로
움직이도록 만들어보자구요



아직도 고민된다면?


또 시간 낭비일 것 같아서 걱정되나요?
텍스트 강의가 영상 강의보다 별로일 것 같나요?
어차피 광고잖아! 의심가시나요?

'한 눈에 끝내는 CSS/JS 애니메이션'은
하나의 웹 페이지에서 이론과 실습을 동시에
해결할 수 있는 가장 효과적인 교육 콘텐츠
입니다

그 어떤 설치 과정 없이 웹 페이지 열고
수강 신청만 끝내면 틈새 시간을 적극
활용하는 웹 개발 공부를 시작
할 수 있어요







개발 문화를 사랑하는 FE개발자



장순호

IT엔터테인먼트 우물128번지 소속
現 웹 분야 현직 개발자

리디북스 Web Animation
With 냥이집사 공동저자

前 멀티캠퍼스 기초 파이썬 강사


제 Github에 놀러오세요:)




이 모든 것을 구름EDU와 함께!



all Image made by Freepik

Curriculum
Expand All
  • 01
    시작하기에 앞서
  • 강의의 방향
    실습 환경 설정 - 구름IDE
  • 02
    CSS Animation1. transition
  • 학습 목표
    delay
    duration
    property
    timing-function
    transition
    정리
  • 03
    CSS Animation2. transform
  • 학습 목표
    scale
    rotate, translate
    skew, origin
    정리
  • 04
    CSS Animation3. keyframe 개념과 활용
  • 학습 목표
    Keyframe의 시작
    animation과 관련된 프로퍼티_1
    animation과 관련된 프로퍼티_2
    animation과 관련된 프로퍼티_3
    Loading Spinner 만들기
    Loading Bar 만들기
    정리
  • 05
    (공개 예정) JS Animation1. DOM
  • DOM 접근 1
    DOM 접근 2
    DOM 조작하기 1
    DOM 조작하기 2
  • 06
    (공개 예정) JS Animation2. Event
  • 07
    (공개 예정) JS Animation3. Animation
  • 08
    (공개 예정) CSS/JS Animation 종합 예제
Instructor Introduction
user
구름Teacher

Lecture Reviews
  • No reviews have been written.

59,000

26,550
(55%)


Average Rating
0.0
Difficulty
Normal
Lecture Period
Unlimited