Build a Voice-Enabled Website with Figma and JavaScript
Learn to design a web interface in Figma and bring it to life with HTML, CSS, and JavaScript, creating a site that responds to voice commands.
-
💬
AI 강사
어떤 강의든 질문하면 언제든 즉시 명확한 답을 받을 수 있어요. -
🕐
언제든지 시작
정해진 일정이나 마감이 없어요 — 원할 때 자신의 속도로 배우세요. -
🌐
한국어로
강의, 과제, 수료증까지 — 모두 완전히 당신의 언어로.
이 과정 소개
Ready to build a website that listens and talks back? This course provides a step-by-step guide to creating a modern, voice-controlled web application, starting from the initial design concept and finishing with a functional, interactive project.
You'll learn the complete workflow, from designing a polished user interface in Figma to writing the front-end code that powers it. By the end, you'll have built a portfolio-ready website that uses browser-based speech recognition and synthesis, giving you a solid foundation in both web design and development.
What you'll learn:
- Design a complete web page layout and prototype in Figma.
- Structure your website content with semantic HTML.
- Apply modern, responsive CSS for a great experience on any device.
- Add interactivity and manage application state with JavaScript.
- Integrate the Web Speech API to handle voice commands and generate spoken responses.
- Understand core principles of web accessibility for voice-driven navigation.
- Practice your skills with hands-on exercises that reinforce each concept.
The course starts with fundamental design principles before moving into coding. You'll progress from building the static structure to implementing the dynamic voice features.
This course is created for absolute beginners. No prior experience with Figma or programming is necessary to start learning.
Begin building your first conversational web application today.
받게 되는 것
-
📜
수료증
LinkedIn 프로필에 추가 -
💬
개인 AI 튜터
강좌에서 막혔나요? 내장 튜터에게 언제든지 무엇이든 물어보세요. -
🎧
오디오 버전 포함
화면 없이 어디서나 학습 -
♾️
평생 이용
언제든 다시 보세요, 만료 없음 -
📱
휴대폰 또는 컴퓨터
어디서든 모든 기기에서 -
💸
14일 환불
이유 묻지 않음 -
⚡
짧고 핵심적
2시간 42분의 실용 학습
리뷰
아직 리뷰가 없습니다 — 첫 경험을 공유해 보세요.
자주 묻는 질문
이 과정을 듣는 데 무엇이 필요한가요? +
인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.
결제는 어떻게 하나요? +
Stripe를 통한 카드로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.
환불받을 수 있나요? +
네 — 14일 이내 전액 환불, 이유를 묻지 않습니다.
얼마나 오래 이용할 수 있나요? +
평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.
수료증을 받을 수 있나요? +
네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.
이런 분야 학습자에게
테크
디자인
금융
마케팅
의료
교육
호스피탈리티
제조업