본문바로가기

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

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

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

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

교육일정

2022.12.15 - 2023.01.26

교육시간

화, 목 / 19:00 - 21:50(주 2회)

교육장소

아카데미정글 (강남 신사)

수 강 료

총 75만원

결제방법 준 비 물

개인 노트북(권장)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

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

  • 수업 자료 공유

    수업 관련 교안은
    Notion을 통해
    제공해 드려요.

  • 1:1 크리틱 진행

    1:1 크리틱을 통해 포트폴리오 적용 이론 및 실습을 진행해요.

🔉 강의 구성 안내

  • 퍼블리싱 실무 워크샵1

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

  • 퍼블리싱 실무 워크샵2

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

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

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

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

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

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

  • jQuery
  • JavaScript
  • 반복 학습을 통한 응용 능력 업그레이드

웹 퍼블리싱 실무 워크샵 Ⅱ 파트에서는 실무와 실습을 바탕으로 원리 학습을 통해, 이론 → 실습 → 활용의 단계를 통해 소스 복붙에서 벗어나 응용 능력을 기르고 본인이 원하는 기능을 직접 구현할 수 있는 능력을 키워 포트폴리오를 제작할 수 있어요.

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

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

    실무와 실습을 바탕으로 한 수업으로, 원리 학습을 통해 UI 구현 원리를 습득할 수 있어요. 깊이 있는 실습의 기회가 적었던 분이라면, 실무 코드를 학습할 수 있고 반복 학습을 통한 응용 능력을을 한층 업그레이드 할 수 있어요.

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

    다양한 프로젝트를 구축한 경험이 있는 강사님이 이야기 해 주는 현업 및 퍼블리셔 시장을 확인할 수 있고, 본인이 원하는 기능을 직접 구현할 수 있는 능력을 기를 수 있어 웹 사이트의 퀄리티를 높이는 방법을 배울 수 있어요.

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

    웹의 동적 구현을 위한 트렌드와 시장의 요구가 커지면서 나날이 늘어가는 퍼블리셔, 프론트엔드에 대한 관심. 그에 맞는 스킬을 어떻게 익혀야 하는지도 중요한 이슈입니다. 브랜드형 원스크롤 홈페이지 구축 실습을 통해 소스 응용 능력을 키울 수 있어요.

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

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

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

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

    👉 실질적으로 현장에서 쓰이고 있는 지식을 전달해 드리기 위한 강의로,
    수강생 분에게 Notion을 통해 강의 교안을 제공할 예정이에요.
    뿐만 아니라 인트로 사이트 제작, fullPage.js 활용, Mockup 템플릿 활용등 포트폴리오 제작을 위해 다양한 요소를 활용하여 학습합니다.

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

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

강의를 이끌어주실 강새별 강사님을 소개합니다 ✋

강사
강새별

현) 앤드와이즈 UI 개발자 (전) 베이스노트 UX/UI 디자이너

  • 프로젝트
  • 영남대학교 대표 홈페이지 구축
  • 광림교회 메인 홈페이지 구축
  • 이화여자대학교 메인 홈페이지 구축
  • 아주대학교 대표 홈페이지 구축작
  • 연세대학교 산학협력단 홈페이지 구축
  • 상명대학교 대표 홈페이지 구축
  • 국민대학교 학과 및 기관 홈페이지 구축
  • 부천대학교 홍보사이트 구축
  • 성북문화재단 아리랑시네센터 홈페이지 구축
  • 근로복지공간 직영병원 홈페이지 구축

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

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

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

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

    실무를 중심으로 개인 포트폴리오 준비, Javascript & jQuery, 실전 UI 활용 및 구축 실습 등 다양한 내용들을 접하는 강의로 처음에는 다소 타이트하게 느껴질 수 있지만 수업에 충실히 따라오신다면 보다 많은 내용들을 얻을 수 있을 거예요. 많은 부분들을 실무 중심으로 경험할 수 있고, 현장에서 정말 필요한 지식과 스킬을 알려드릴 거예요.

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

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

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

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

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

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

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

    단순히 갯수만 채우는 취업용 포트폴리오가 아니라, 실무에서 사용하는 기술과 노하우가 녹아들어간 고급 포트폴리오를 만들 수 있어요. 새로운 포트폴리오를 만들기도 하지만, 내가 가진 포트폴리오를 한층 더 멋지게 업그레이드 할 수 있습니다.

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

    UI 구현에 필요한 기본 문법들을 배우고 원스크롤 홈페이지 구축실습을 경험하면서 지속적인 1:1 크리틱을 통해 다양한 코딩 경험을 쌓을 수 있어요.

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

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

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

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

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

  1. PART 01_포트폴리오 구축 및 UI개발
    • 01강
      • 오리엔테이션 및 포트폴리오 준비
      • 1. 강의소개
      • 2. 개인 포트폴리오 기획
      • 3. 일정 수립 및 화면 설계
      • 4. 벤치마킹 사이트 선정
    • 02강
      • 포트폴리오 제작
      • 1. 인트로 사이트 제작
      • 2. Notion 활용
      • 3. fullPage.js 활용
      • 4. Mockup 템플릿 활용
  2. PART 02_JavaScript & jQuery & AJAX
    • 03강
      • JavaScript & jQuery 기초
      • 1. 기본 설명 및 적용 방법
      • 2. 자료형
      • 3. 변수
      • 4. 함수
      • 5. 연산자
      • 6. 조건문/반복문
      • 7. 선택자
      • 8. 클래스 추가/삭제
    • 04강
      • JavaScript & jQuery 주요 API (1)
      • 1. Click Event
      • 2. Mouseenter, Mouseleave
      • 3. Mouseover, Mouseout
    • 05강
      • JavaScript & jQuery 주요 API (2)
      • 1. Animate
      • 2. Prepend, PrependTo
      • 3. Append, AppendTo
    • 06강
      • JavaScript & jQuery 주요 API (3)
      • 1. Resize
      • 2. Scroll
      • 3. SetTimeout, SetInterval
  3. PART 03_실무 프론트 UI
    • 07강
      • 실전 UI 활용 (1)
      • 1. CSS Animation 활용
      • 2. 패럴렉스 UI
    • 08강
      • 실전 UI 활용 (2)
      • 1. 스와이퍼 캐러셀
      • 2. 캐러셀 옵션 활용
    • 09강
      • 실전 UI 활용 (3)
      • 1. 스크롤 이벤트 애니메이션
      • 2. 마우스 커서 이벤트 애니메이션
    • 10강
      • 브랜드형 원스크롤 홈페이지 구축 실습 (1)
      • 1. 레이아웃 분석
      • 2. 마크업 & CSS
    • 11강
      • 브랜드형 원스크롤 홈페이지 구축 실습 (2)
      • 1. 리팩토링 및 실전 UI 활용 적용
    • 12강
      • Git 기초
      • 1. Git 기초
      • 2. Github Desktop 활용
      • 3. Github Pages로 포트폴리오 호스팅하기

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

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

  • 01

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

  • 02

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

  • 03

    수업 내용을 본인의 포트폴리오에 녹여내어 웹사이트의 퀄리티를 높이는 방법을 배울 수 있으며 예습, 복습을 통해 본인이 원하는 기능을 구현하는 능력을 키울 수 있어요.

  • 04

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

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

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

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

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

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

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

아카데미정글은 3호선 신사역 5번출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 본스타트레이닝센터(연기학원)가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

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

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

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

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.

  • 교육일정
    2022.12.15 - 2023.01.26
    교육시간
    화, 목/ 19:00 - 21:50
    교육장소
    아카데미정글 (강남 신사)
    수 강 료
    총 75만원
    • - 온라인 카드 결제시 2~6개월 무이자 할부 가능
    • - 계좌이체, 방문(내사카드)결제 가능
    준 비 물
    개인 노트북(권장)
  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.