메뉴 닫기 메가스터디아카데미 로고 로그인 로그인

알림창

알림을 전체 삭제하시겠습니까?

  • 입문

  • 초급

  • 중급

  • 고급

IT·프로그래밍 xido

웹 퍼블리싱 5주 완성 Part2. JS/jQuery

총 40개의 강의 (33시간40분)

수강기간 100일

최고 평점

(5)

총 5개의 수강후기

IT·프로그래밍 xido

웹 퍼블리싱 5주 완성 Part2. JS/jQuery

총 40개의 강의 (33시간40분)

수강기간 100일

최고 평점

(5)

총 5개의 수강후기

강좌소개

우리가 배울 내용이에요!

“ 웹 퍼블리싱을 위한 중급 과정! ”
javascript 기초개념과 이를 이용한 기본 내용구성을 파악할 수 있어요.

  • 반응형구조에 따라 js 기능수행
  • HTML 문서 분리하여 불러오기
  • 탭 메뉴를 javascript로 세팅
 



Part1 바로가기>


이런 분들께 추천드려요!


  • 퍼블리셔가 되고 싶은 초심자

  • 기본 HTML, CSS를 이해하고
    레이아웃을 구성할 수 있는 분

  • 이쁜 화면을 그대로 웹 화면으로 구현하고 싶은 분

  • 프론트엔드 개발자로
    입문하고자 하는 분

 

강좌특징

  • javascript를 이용하여 웹페이지의 기능 수행을 파악하기 이전에 필요한 기초 개념을 파악할 수 있습니다.
  • 실무에서 사용되는 다양한 기능들을 직접 만들어 볼 수 있습니다.
  • 많은 웹페이지를 구성하는데 필요한 광고 슬라이드의 기본 구성 개념을 파악하고,
    이를 다양한 측면에서 활용할 수 있도록 할 수 있습니다.
  • HTML 문서의 각각의 특징을 파악하고 이를 분리할 수 있으며, 화면구성에 따른 환경에 따라 기능 수행이 달라지며
    이에 따른 각각의 파일을 적용할 수 있습니다.
     

 

강의맛보기



 

이 강좌에서는
이런걸 배워요.

  • 실무 사용되는 기능인 아코디언 메뉴와 navigation 하위 메뉴 처리
  • 반복되는 html문서 작성을 해결하기 위한 방법
  • 탭 메뉴를 javascript로 세팅
  • fade 처리되는 광고 슬라이드 개념
  • indicator 버튼기능, 다음버튼 이전버튼 선택 시 처리되는 기능
  • 모바일에서 구현되는 터치기반의 슬라이드 구현
  • 외부데이터 이용한 광고슬라이드 구현
  • HTML 문서 분리하여 별도로 불러오기
  • 외부 데이터 불러와서 화면기능 수행
  • 반응형구조에 따라 js 기능수행
 

이 강좌에서는 무엇을 배울 수 있나요?

  • 퍼블리싱을 위한 jQuery & JavaScript 기본기
  • 퍼블리셔에게 필수적인 jQuery & JavaScript 활용 예제
  • 다양한 jQuery 기능 중, 실무에 주로 사용되는 기능들
  • 반응형 웹사이트 제작 과정을 통해 포트폴리오 제작

 

이런 분들께 추천해요!

  • 퍼블리싱 중급자

  • 반응형 웹사이트 제작

  • 프론트엔드 개발 취준생

커리큘럼 총 40강

JS 기본 및 jQuery

10강

07:14:38

1. Javascript 코드 작성위치, 결과 체크 방법

FREE

2. 변수의 기초개념 파악, 기본 내용 파악, +의 의미

3. 자료형 파악

4. 연산자 이해

5. 조건문

6. 반복문

7. 배열메소드

8. 일반변수 및 참조변수, 객체의 복합성

9. 함수의 이해

10. setTimeout, setInterval

jQuery 실습 예제

13강

11:19:52

11. jQuery 이해, 설치방법, javascript 와 jQuery 구분

FREE

12. 선택자, css설정

13. 내용 파악 / 내용 처리

14. 이벤트, $(this)

15. show/hide, class처리

16. eq/index 구분

17. 실무예제 12 : 아코디언메뉴 구성

18. 실무예제 13 : 네비게이션 하위메뉴 처리

19. 실무예제 14 : 갤러리이미지

20. 실무예제 15 : 모달윈도우

21. 반복되는 html 문서 작성을 해결하기위한 json 파일처리

22. 실무예제 16-1 : 탭메뉴 구성을 위한 기본세팅

23. 실무예제 16-2 : 탭메뉴 구성을 js로 세팅

jQuery 슬라이드 및 반응형JS

12강

10:57:46

24. 슬라이드 광고 구성 개념

25. 실무예제 16 : fade 레이아웃 구성

26. 실무예제 17 : slide indicator 활용

27. 실무예제 18 : slide 버튼 클릭시 무한이동(요소강제이동처리)

28. 실무예제 19 : slide 버튼 클릭시 무한이동(요소복제 후 처리)

29. 실무예제 20 : slide_무한이동기능에 indicator기능 첨부

30. 실무예제 21 : 터치기반의 슬라이드

31. 실무예제 22-1 : 슬라이드 광고 내용 제작을 위한 json data 제작

32. 실무예제 22-2 : 슬라이드 광고 불러온내용을 파악하여 html코드 삽입

33. 실무예제 22-3 : 불러온 data를 기반으로 css구성

34. 실무예제 22-4 : 슬라이드 indicator 생성

35. 실무예제 22-5 : 슬라이드 수행

ajax 및 반응형만들기

5강

04:07:44

36. html 문서 분리 및 불러오기

37. 실무예제 23 : html 문서 분리 및 불러오기

38. 반응형 구조에 따른 js기능 처리하기-구조 및 개념 정리

39. 반응형 구조에 따른 js이용한 문서 불러오기 자료 구축

40. 실무예제 24 : 반응형페이지 예제

수강후기

  • 수강생 총 평점

    5

  • MEGA가 추천하는 이유

    “ 실무에서 사용되는 다양한 기능들을 직접 만들어 보기! ”

    jQuery를 이용해 슬라이드를 작성하고 반응형 JS를 작성할 수 있습니다.

후기 총 5개

방문자 님이런 강좌는 어때요?

무료강의

메가스터디 컴퓨터아카데미 강남캠퍼스

서울 서초구 서초대로 77길 41 8층 (서초동, 대동빌딩)

02-588-9991

TOP