문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
소개
- 알파인 JS 개요
- Alpine JS 지시문이란 무엇입니까?
시작하기
- 현대 웹 디자인에서 Alpine JS의 역할 이해
- Alpine JS 사용 방법 및 본격적인 웹 프레임워크 사용 시기 학습
- 알파인 JS 설치
- Alpine JS 프로그램 만들기
AlpineJ 사용
- Alpine.data로 데이터 객체 재사용
- 전역 데이터 저장소 선언: Alpine.store
Alpine JS 지시어
- 웹사이트 데이터 선언: x-data
- 토글 추가: x-show
- x-on을 사용한 맞춤 이벤트 및 이벤트 수정자
- 동적 HTML 속성 설정: x-bind
- x-bind를 사용한 고급 속성 바인딩
- 양식 요소에 데이터 바인딩: x-모델
- 요소의 내용 설정: x-text 및 x-HTML
Alpine JS 구성 요소 초기화
- 요소 초기화 시 코드 실행: x-init
- 종속성 변경에 응답: x-효과
- 키별 참조 요소: x-ref
문제 해결
요약 및 다음 단계
요건
- 웹 프레임워크에 대한 기본 이해
- 웹 디자인을 위한 기본 코딩 경험
- Java스크립트 프로그래밍 경험
청중
- 개발자
14 시간
회원 평가 (3)
가상 데스크톱을 통해 프로젝트 폴더와 연습 파일 모두 제공되며, 연습 중에는 페어 프로그래밍도 진행됩니다.
Jacob Flynn - Chemist4U
코스 - React with Next.js
기계 번역됨
레슨은 매우 대화식이었고, 연습 문제는 실용적이었습니다.
Heino - NWK Limited
코스 - Laravel and Vue.js
기계 번역됨
녹화 파일, 슬라이드, 그리고 파일들이 압축되어 제공되므로 필요할 때마다 참조할 수 있어 기쁩니다. 데이비드는 개념을 명확하게 설명해주었고, 우리가 가진 질문들을 답해주시었습니다. 그는 매우 밝은 지식을 가지고 계셨습니다.
Renee Chan - Mackenzie Investments
코스 - Vue.js
기계 번역됨