본문바로가기

웹 퍼블리싱 실무 워크샵 Ⅱ
: 제이쿼리, 자바스크립트,
UI 개발 포트폴리오

  • 실무/실습
  • 포트폴리오 구축
  • 6주/12강

실무와 실습을 바탕으로 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI구현, 최종 포트폴리오 사이트 구성까지, 체계적인 훈련을 통해 인터랙션 포트폴리오 구현을 위한 실질적 핵심 스킬을 습득할 수 있습니다.

반갑습니다,
아카데미정글입니다 😃
웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI 개발 포트폴리오 공지사항을 확인해주세요!

교육일정

2025.02.24 ~ 2025.04.07

교육시간

월,수 19:00 - 21:50 (주 2회)

교육장소

아카데미정글 (강남 신논현)

수 강 료

총 75만원

결제방법 준 비 물

개인 노트북(권장)

휴강일자

3/13(월)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

    아카데미정글 강의는 오프라인 대면 수업으로 진행됩니다.

  • 영상과 수업 자료 공유

    수업 복습 및 결석 대비 수업 관련 영상과 자료를 제공해 드립니다.

  • 1:1 크리틱 진행

    1:1 크리틱을 통해 완성도 높은 개인 포트폴리오를 제작해요.

🔉 강의 구성 안내

  • 퍼블리싱 실무 워크샵1

    웹 퍼블리싱 실무 워크샵 Ⅰ: HTML, CSS,
    반응형 웹

  • 퍼블리싱 실무 워크샵2

    웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트,
    UI개발 포트폴리오

  • 퍼블리셔 ui 개발 프로페셔널

    웹 퍼블리셔 &
    UI 개발 프로페셔널

본 강의는 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI 구현, 최종 포트폴리오 사이트 구성까지 배울 수 있는
"웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI개발 포트폴리오" 워크샵 과정이에요.

👉 디플로마 과정 중 웹 퍼블리셔 & UI 개발 프로페셔널 과정의 Part 3, 4, 5와 동일한 과정이에요.

웹 퍼블리싱, 기초부터 반응형 웹까지 제대로 배우고 싶다면?
실무 경험 다수의 강사님이 강의하는
웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI개발 포트폴리오 과정을 소개합니다👏

  • jQuery
  • JavaScript
  • 최종 인터렉션 포트폴리오 제작

웹 퍼블리싱 실무 워크샵 Ⅱ 파트에서는 실무와 실습을 바탕으로, 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI 구현, 최종 인터렉션 포트폴리오 사이트 구성까지. 체계적 훈련으로 실질적 핵심 스킬을 습득할 수 있어요.

제이쿼리, 자바스크립트, UI개발 포트폴리오을 제작하는 과정,
왜 아카데미정글일까요?

  • 실무 사례를 바탕으로 한 실습

    실무와 실습을 바탕으로 한 수업으로, 자바스크립트 및 제이쿼리 기초 및 활용, 반응형 웹, 동적 UI 구현, 최종 포트폴리오 사이트 구성까지 실무 사례를 통한 체계적인 훈련 및 실습을 토대로 프론트엔드 개발자로의 첫 발을 내딛을 수 있어요.

  • 실무 경력 위주 강사의 노하우 전수

    다양한 대기업 프로젝트를 구축한 경험이 있는 강사님이 이야기 해 주는 현업 및 퍼블리셔 시장을 확인할 수 있고, 실무에서 주로 활용하는 html, css 기초를 빠르게 정리 하고 제이쿼리, 자바스크립트 등 실무 기술을 배울 수 있어요.

  • 실무에 적합한 1:1 크리틱

    웹의 동적 구현을 위한 트렌드와 시장의 요구가 커지면서 나날이 늘어가는 퍼블리셔, 프론트 엔드에 대한 관심. 그에 맞는 스킬을 어떻게 익혀야 하는지도 중요한 이슈입니다. 1:1 크리틱을 통해 실무에 적합한 포트폴리오 사이트 제작을 도와드릴 거예요.

웹 퍼블리싱 실무 워크샵 Ⅱ: 제이쿼리, 자바스크립트, UI개발 포트폴리오 과정을 통해
개념을 확실히 만들고 다양하게 적용하는 방법을 학습하여 실무에 바로 적용할 수 있습니다.

  • 😮 실무에서 주로 사용하는,
    실무 중심의 기법을 배울 수 있나요?

    👉 A to Z식의 책 내용을 정리하는 과정 이라기 보다는 극장 예약 시스템 만들기나 채팅UI구현 등 실무에서 쓰이는 예제 위주의 실습을 해요. 어렵게 느껴질수 있는 예제를 쉽게 수강생 여러분의 것으로 만들어드릴 수 있는 수업으로 진행하고 있으며, 현장 에서 많이 사용하고 있는 자바스크립트와 제이쿼리 중심의 실무 기법을 배울 수 있어요.

  • 🤔 강의 자료는 어떤 형식으로
    제공되는지 궁금해요.

    👉 실질적으로 현장에서 쓰이고 있는 지식을 전달해 드리기 위한 강의로,
    수강생분에게만 공개되는 네이버 카페를 통해 강의 교안과 예시를 전달드려요.
    이외에도 다양한 자료를 제공해 드리고, 강의가 끝나더라도 카페를 통해 수강생 분들과 꾸준한 커뮤니케이션을 진행하고 있습니다.

  • 😶 강의는 어떤 형식으로 진행되는지
    알 수 있나요?

    👉 다양한 실무 경험이 있는 강사님이 이야기해주는 현업 및 퍼블리셔 시장을 확인할 수 있고, 수강생이 모르는 부분이 있다면 강사님께서 하나하나 꼼꼼히 알려주실거예요.
    강사님의 실무 노하우를 수강생 여러분께 아낌없이 전달 드릴 예정이고, 완강 후에는 실력이 크게 향상된 것을 느끼실 수 있을 거예요.

강의를 이끌어주실 황선수 강사님을 소개합니다 ✋

강사
황선수

(전) (주)위메프 W마인드실 추천서비스 개발팀
(전) 엔에이치엔테크놀로지서비스(주) UIT개발실 UI개발4팀
(전) (주)블루웨이브컨설팅 웹표준화그룹
(전) (주)인실리코젠 지식관리사업부

  • 프로젝트
  • 위메프 W우체통, W추천, 톡상담
  • NAVER 스마트스토어, 블로그, 부동산, 지식iN, SmartEditor 3.0

👨‍🏫 강사님이 이야기하는 "웹 퍼블리싱 실무 워크샵 Ⅱ를 꼭 수강해야 하는 이유"

  • 👉 첫번째, 포트폴리오 구축까지 진행되는 과정

    이 과정은 철저하게 구축을 위해 필요한 내용들을 중점적으로 커리큘럼이 구성되어 있기 때문에 퍼블리싱을 처음 배우는 분들에게는 다소 어려울 수 있어요. 웹 사이트 구축이 가능 하지만 보다 다양한 효과 및 스킬을 구현하고 싶거나 실무 노하우를 배우고 싶고, UI 개발 쪽에 관심이 있는 분이 수강하기 좋습니다.

  • 👉 두번째, 실무 사례를 통해 배우는 퍼블리싱

    실무를 중심으로 기초 정리, 제이쿼리, 모바일 및 반응형, UI 개발 등 다양한 내용들을 접하는 강의로 처음에는 다소 타이트하게 느껴질 수 있지만 수업에 충실히 따라오신다면 보다 많은 내용들을 얻을 수 있을 거예요. 단 시간 내에 많은 부분들을 실무 중심으로 경험할 수 있고, 현장에서 정말 필요한 지식과 스킬을 알려드릴 거예요.

고급 효과를 이용한 사이트를 구현하여 실무에 적용하는 과정 으로,
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

황선수 강사님이 참여하신 프로젝트를 소개합니다.

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요👍

  • 고급 효과를 이용한
    사이트 구현이 힘든 분

    코딩 기초는 있지만 적용하지 못했던 고급 효과를 제이쿼리, 자바스크립트 응용 및 실무 프론트 UI 학습을 통해 사이트 구현하는 방법을 배울 수 있어요.

  • 실무에서 스크립트 적용에
    어려움을 겪는 분

    대기업 실무 경력 위주의 강사님이 실무에서 사용하는 주요 스크립트를 알려주시고, 현업 퍼블리셔가 알아야 할 고급 스크립트 및 퍼블리싱 노하우를 학습할 수 있어요.

  • 포트폴리오가 필요하거나
    업그레이드가 필요한 분

    실무 프론트 UI 학습을 통해 원 페이지 사이트의 샘플 포트폴리오를 구현하면서 실무 노하우를 경험할 수 있는 UI 개발 및 코딩을 통해 포트폴리오 구축을 할 수 있어요.

  • 프론트엔드 개발자로의 준비가
    안 됐다고 느끼는 분

    UI 구현에 필요한 기본 문법들을 배우고 포트폴리오 구축을 경험하면서 지속적인 1:1 크리틱을 통해 다양한 코딩 경험을 쌓을 수 있어요.

🤚 잠깐, 이 과정이 나에게 맞는 과정인지 아직 고민중이신가요?
아카데미정글 커리큘럼 로드맵을 통해 나에게 맞는 과정인지 확인해보세요! 커리큘럼 로드맵 보러가기

초급 중급 고급
웹 퍼블리싱/
프론트엔드
프론트엔드 개발
취업 아카데미
디노스쿨
웹 퍼블리셔 & UI 개발 프로페셔널

웹 퍼블리싱 실무 워크샵 Ⅰ
: HTML, CSS, 반응형 웹

웹 퍼블리싱 실무 워크샵 Ⅱ
: jQuery, JavaSciprt,
UI개발 포트폴리오

👇 3개의 파트로 구성된 12강의 커리큘럼을 확인해보세요.

  1. PART 01_포트폴리오 구축
    • 01강
      • 오리엔테이션
      • - 강의소개
      • - 크롬 개발자 도구 활용
      • - VS Code 활용
      • - HTML & CSS 기초 다지기
    • 02강
      • 샘플 웹 사이트
      • - 웹 페이지 구조 이해
      • - 반응형 UI 이해
      • - jQuery load를 이용한 UI 구성
      • - jQuery 선택자와 이벤트 개념 이해
    • 03강
      • 웹 이력서 제작
      • - 웹 이력서 페이지 제작
      • - 이력 계산 스크립트
    • 04강
      • fullpage를 이용한 원페이지 사이트 구현
      • - 스크롤 슬라이드 구조 이해
      • - fullpage 기본 구조 및 옵션 활용
  2. PART 02_JavaScript & jQuery & AJAX
    • 05강
      • JavaScript & jQuery
      • - 프로그래밍 기초
      • - 데이터 타입, 논리/비교 연산자
      • - 변수, 배열, 함수, 조건문, 반복문
      • - 선택자, 클래스 추가/삭제
    • 06강
      • jQuery 이벤트 활용
      • - 카운터 구현
      • - 메일 시그니처 구현
      • - 채팅 UI 구현
      • jQuery 플러그인 활용
      • - swiper를 이용한 슬라이드 구현
      • - Slider filter 구현
      • - google chart를 이용한 정보 시각화
      • - Isotope를 이용한 요소 재배치
    • 07강
      • ajax & json 기초
      • - 데이터 호출 방식 이해
      • - 프론트엔드 사이드 렌더링 이해
      • - 자리예약시스템 구현
      • - Open API 활용
  3. PART 03_실무 프론트 UI
    • 08강
      • CSS 전처리기(Sass) 기초와 활용
      • - Sass 기초
      • - 변수, 연산, 제어문, 조건문, 반복문, 함수
      • - Mixin, each, map
    • 09강
      • Git 기초
      • - GitHub 설치
      • - Git 설치
      • - Command Line Interface 이해
      • - Git 명령어 활용
    • 10강
      • 실무 프론트 UI 이해
      • - 폰트 아이콘 (Font Awesome)
      • - UI Grid System
      • - UI 프레임워크 (Bootstrap)
      • - 코딩 컨벤션
      • - 디자인 시안 이해 (PSD, Zeplin, Figma)
    • 11강
      • 코딩 테스트 체험
      • - To-Do List 구현을 통한 코딩 테스트 체험
      • - 요구사항에 맞게 구현하는 연습
      • - 복합적인 UI 요소 다루기
    • 12강
      • 개인 포트폴리오 제작
      • - 반응형 템플릿 활용
      • - 도메인, 호스팅, FTP

수강생들이 직접 작성한 수강후기를 통해 전반적인 수업 분위기를 확인해보세요.

수강 신청하기 전, 예비 수강생 여러분께 전합니다.

  • 01

    이 강의는 기초 수업이 아닌 실무와 실습을 기초로 한 수업을 진행합니다. 따라서 HTML, CSS에 대한 기초가 없는 분들은 웹 퍼블리싱 실무 워크샵 Ⅰ: HTML, CSS, 반응형 웹 과정을 먼저 수강하시길 권장드립니다.

  • 02

    이 강의는 중급 과정으로, 웹에 대한 기본 지식이 없으면 수업에 대한 이해가 힘들 수 있어요. 코딩 기초가 있는 분들 중 고급 효과를 이용한 사이트 구현에 어려움을 겪는 분이 들으시면 좋아요.

  • 03

    포트폴리오를 제작하는 과정이기 때문에 예습, 복습을 꼭 해 주셔야 원활하게 수업에 참여하실 수 있어요.

  • 04

    강의장에 공용 PC가 준비되어 있지만, 보다 원활한 수강을 위해 가급적 개인 노트북을 가져오길 권장합니다.

다음기수 개강 알림문자 신청, 뉴스레터 신청

🙋 이번 기수는 듣지 못해
아쉬워하는 분들을 위해
준비했어요.

해당 강의의 정확한 다음 기수 강의 일정을 사전에 공지해 드리기 어려워요.

👉 대신, 다음 기수 개강 알림 문자를 신청하시면 새로운 기수 개강일과 관련한 문자를 보내 드릴게요. 👉 아카데미정글의 보다 다양한 강의 개강 일정이 궁금하시다면, 뉴스레터를 신청해주세요.
매주 발행되는 뉴스레터를 통해 아카데미정글의 강의 개강 일정을 메일로 보다 편리하게 확인하실 수 있어요.

다음 기수 개강 알림 문자 신청하기아카데미정글 뉴스레터 신청하기

🔎 오시는 길은 다음과 같아요.

아카데미정글은 9호선, 신분당선 신논현역 9번 출구에서 도보 약 3분 거리입니다.
신논현역 9번출구에서 교보타워 후문 반대편 1층 컴포즈 커피가 위치한 건물 3층입니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

웹 퍼블리싱 실무 워크샵 Ⅱ
: 제이쿼리, 자바스크립트,
UI 개발 포트폴리오 52기

  • 웹 퍼블리싱 실무 워크샵 Ⅱ : 제이쿼리, 자바스크립트, UI 개발 포트폴리오 45기

  • 교육일정
    2025.02.24 ~ 2025.04.07
    교육시간
    월,수 19:00 - 21:50 (주 2회)
    교육장소
    아카데미정글 (강남 신논현)
    수 강 료
    총 75만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 계좌이체, 방문(내사카드)결제 가능
    준 비 물
    개인 노트북(권장)
    휴강일자
    3/13(월)