|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/jquery-javascript/
课程评论：没有评论
**课程名称：** 专为就业准备者设计的 JavaScript & jQuery **课程概述：** 本课程旨在为希望提升就业竞争力的学习者提供全面的 JavaScript 和 jQuery 学习体验。在当今技术驱动的时代，掌握实用技术能带来更高的雇佣稳定性、更优厚的待遇以及更广阔的职业发展空间（如自由职业、外包、教学、演讲、出版等）。 HTML、CSS 和 JavaScript 是构建网页的基石，也是 IT 行业应用最广泛的技术。本课程强调其较低的学习门槛，尤其适合希望在设计和开发领域拓展技能的学习者。 **课程目标：** * 理解编程基础概念。 * 利用 JavaScript 和 jQuery 实现用户界面（UI）的交互效果。 * 熟练运用鼠标点击（触摸）、键盘输入、滚动等事件。 * 掌握 Swiper（轮播图）、Filter（筛选）、Chart（图表）等常用插件的应用。 **课程内容：** 1. **课程导览：** 课程介绍。 2. **基础掌握：** * 数据类型、运算符、变量。 * 数组、函数、条件语句、循环语句。 * 综合练习：变量、数组、条件、循环的混合运用。 3. **jQuery 入门：** * 基本用法及版本特性。 * 选择器、类名（Class）的添加与删除。 4. **UI 效果制作：** * 事件、函数与方法。 * 分析与参考现有效果。 * 显示与隐藏元素。 * 利用类名控制显示与隐藏及样式变更。 * 实现星级评分、目录制作、幻灯片（Slide）效果。 * `animate`、`setInterval`、`click`、`keypress`、`scroll` 等方法应用。 * `scrollTop` 与 `offsetTop` 的运用。 * 滚动进度条（Scroll Indicator）。 * 事件实践：计数器、邮件签名、聊天 UI。 5. **插件实战：** * `var`、`let`、`const` 的区别。 * Swiper JS 轮播图。 * Slider Filter 筛选器。 * Google Chart 图表。 * Masonry 瀑布流布局。 * Isotope 动态布局。 * Sortable 可排序列表。 * Datepicker 日期选择器。
[ 수강필요성 (+동기부여) ]기술 시대기술 가진 사람이 ‘우대'받는 시대1) 고용 안정성 (필요한 만큼 쉽게 내보내지 못함)2) 유리한 처우 (구하기 어려운 사람이 되면 될 수록 유리함)3) 직업 확장성 (프리랜서, 외주제작, 강사, 연사, 출판 등)보편적인 기술HTML, CSS, Javascript1) 웹 페이지를 만드려면 반드시 사용해야하는 기술2) IT 업계에서 널리 쓰임 (찾는 곳이 많음)낮은 진입 장벽HTML, CSS1) 상대적으로 배우기 쉬운 편2) 디자인 & 개발 직군에서 업무 확장을 위해 배우기 좋음[ 수업목표 ]프로그래밍 기초 이해Javascript, jQuery를 이용한 UI 구현마우스 클릭(터치), 키보드 입력, 스크롤 이벤트 활용스와이퍼, 필터, 차트 등 플러그인 적용[ 수업내용]1. 들어가며 1.1. 수업 소개2. 기초 익히기 2.1. 데이터 타입 2.2. 연산자 2.3. 변수 2.4. 배열 2.5. 함수 2.6. 조건문 2.7. 반복문 2.8. 변수, 배열, 조건문, 반복문 복합 예제 실습3. jQuery 시작하기 3.1. 기본 사용법 3.2. 버전별 특징 3.3. 선택자 3.4. 클래스 추가/삭제4. UI 효과 만들기 4.1. 이벤트 4.2. 함수와 메소드 4.3. 참고 & 분석하기 4.4. 숨기기 & 나타내기 4.5. 클래스를 이용한 숨기기 & 나타내기 4.6. 클래스를 이용한 스타일 변경 4.7. 별점 부여하기 4.8. 목차 만들기 4.9. 슬라이드 효과 4.10. animate 4.11. setInterval 4.12. click 4.13. keypress 4.14. scroll 4.15. scrollTop & offset top 4.16. 스크롤 인디케이터 (프로그레스 바) 4.17. 이벤트 이해하기 (1) - 카운터 4.18. 이벤트 이해하기 (2) - 메일 시그니처 4.19. 이벤트 이해하기 (3) - 채팅 UI5. 플러그인 활용하기 5.1. var, let, const 차이점 5.2. Swiper JS 5.3. Slider Filter 5.4. Google Chart 5.5. Masonry 5.6. Isotope 5.7. sortable 5.8. datepicker
