Webアニメーションの新しい標準、Web Animations API
studiomeal
ライブラリはオプションですが、Web標準技術は必須です。 Webアニメーションの新しい標準であるWeb Animation APIに、他の人よりも素早く適応し、実務にもすぐに活用してみてください！
초급
Web Animations API, JavaScript, HTML/CSS
BEST
Bắt đầu phát triển web tương tác đúng cách
Đây là lớp học sẽ giúp bạn xây dựng những kiến thức cơ bản để phát triển các trang web tương tác, sáng tạo.
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Tạo một trang web danh mục đầu tư nổi bật
Phát triển trang web với giao diện người dùng độc đáo
Thao tác CSS 3D một cách tự do
Tăng cường kiến thức cơ bản về JavaScript của bạn
Từ đầu, không có thư viện nào, từng cái một
Đây là khóa học trực tuyến tương tác mà bạn có thể tự tạo. 🧩
Không có thư viện
Xây dựng từ đầu ✨
Khóa học này bao gồm việc triển khai từ đầu, không cần bất kỳ thư viện nào. Trong thực tế, năng suất là tối quan trọng, vì vậy việc tìm kiếm và sử dụng các thư viện tốt là rất quan trọng. Tuy nhiên, việc hiểu rõ công nghệ nền tảng và các nguyên tắc triển khai là rất quan trọng để trở thành một nhà phát triển thành thạo.
Bằng cách học từ đầu và tự mình thực hiện từng bước, bạn có thể tạo nên sự khác biệt với tư cách là một kỹ sư tương tác cấp cao. Mặc dù hành vi có thể giống nhau, nhưng những nhà phát triển được đào tạo từ đầu sẽ thể hiện trình độ kỹ năng khác biệt.
Bạn có đang lo lắng những điều này không?
"Giống như những trang web hào nhoáng mà bạn thường thấy trên các trang web trao giải thưởng ở nước ngoài,
Tôi muốn tận mắt chứng kiến và học hỏi quá trình triển khai các tương tác UI sáng tạo ."
"Tôi là một nhà thiết kế rất sáng tạo, nhưng kỹ năng lập trình của tôi không theo kịp.
Tôi muốn trở thành một huấn luyện viên chó thực thụ , có giá trị và đáng quý."
"Tôi đã học CSS và JS rất chăm chỉ, nhưng cuối cùng tôi luôn tạo ra nội dung và ví dụ tương tự nhau.
"Tôi muốn hiểu cách thư viện hoạt động, chứ không phải cách sử dụng nó."
Hướng dẫn cập nhật năm 2023 ✅
Vào tháng 6 năm 2023, các video bổ sung đã được cập nhật . Vì đã khá lâu kể từ khi khóa học ban đầu được phát hành, chúng tôi đã thêm nội dung mà chúng tôi cho là cần cập nhật hoặc cải tiến tại thời điểm này. Các video bổ sung có chữ [2023] trong tiêu đề, như được hiển thị bên dưới. 
Khóa học này có gì đặc biệt? 🔎
👌 Đây không phải là khóa học bắt đầu từ đầu. Bạn cần có kiến thức cơ bản về CSS và JavaScript để có thể tiến bộ một cách thuận lợi.
👌 Nếu bạn cần ôn tập cơ bản, tôi khuyên bạn nên học video CSS Layout/JavaScript Basics của tôi trên YouTube rồi tiếp tục bài giảng này.
👌 Chúng tôi cung cấp mã nguồn của trang web cuộn 3D cuối cùng.
Lộ trình liên quan 🚎
Tạo các trang web năng động, tương tác có thể khiến người dùng thốt lên "Ồ!"
Tạo một trang web tương tác với 1 Minute Coding
Đây là lộ trình các bài giảng. Bài giảng này được bao gồm .
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Những người quan tâm đến việc triển khai một trang web tương tác, sáng tạo
Những người muốn tạo một trang web danh mục đầu tư độc đáo, khác biệt với những trang web khác
Những người có giấc mơ về Gaeseiner hoặc Dibalza
Những người thích bài giảng 1 Minute Coding và Studio Mill
Cần biết trước khi bắt đầu?
Khái niệm cơ bản về CSS
Khái niệm cơ bản về JavaScript
19,374
Học viên
1,236
Đánh giá
1,175
Trả lời
5.0
Xếp hạng
11
Các khóa học
서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.
개발자/디자이너/콘텐츠크리에이터
페이스북 https://www.facebook.com/1mincoding
Chương trình giảng dạy
Tất cả
70 bài giảng ∙ (11giờ 14phút)
Tài liệu khóa học:
Tài liệu bài giảng
1. Hãy sẵn sàng
08:56
2. chuyển đổi
15:52
3. Chuyển tiếp
10:01
4. Hoạt hình 1
09:42
5. Hoạt hình 2
05:44
6. Hoạt hình 3
14:58
7. CSS 3D 1
14:01
8. CSS 3D 2
15:28
9. CSS 3D 3
17:49
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
315 đánh giá
5.0
315 đánh giá
devrootreeĐánh giá 3
∙
Đánh giá trung bình 5.0
5
56% đã tham giaやはりやっぱり... ライブJavaScriptの講義を聞いて知り合いになってインフラまで従ってきましたね。ライブ講義の時は感じましたが、先生は入門者たちもわかりやすく、説明を本当によくしてくださり、何より受講生たちの理解を助けるために努力する細かな姿が見えてとても良いですㅎㅎ見てみましょう
- studiomealGiảng viên
良い言葉ありがとうございます！ 今後勉強するのに役立つように良い講義をたくさん作ってみましょう:) ありがとうございます。
- ssoogi02111093
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
20% đã tham giaああ、大好きです！わかりやすくなり、JavaScriptの基礎授業を聞いてこの授業を聞くと、ユーレカという音が節に出ます！
- studiomealGiảng viên
役に立ったなんて私もいいですね:) 良い言葉ありがとうございます。
- jyh7ab2411
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
91% đã tham gia講義はとても面白くて気になりました^.^~ JavaScriptでいくつかの例を作成しながら、実際にこのような文法を（cssで属性選択子、オブジェクトなど）どのように使用するべきかを知ることができてよかったです。 特に、ただコードだけ見て説明してくれるのではなく、直接絵も描いてくれて（perspective側）カムで紙などで3D側（カード反転、最後の例）説明してくれて確実に理解するのにはるかに簡単で良かったです〜 そしてflexについて学ぶとき、おでんとおでん...記憶に刻印されていて、決して忘れてはいけないと思いますㅎㅎ さて、JavaScriptを終えてインタラクティブWebやJavaScriptで何ができるのかを考えている人におすすめです！ 今後もインタレクトウェブやバックエンドまで連携して様々な授業が出れば本当にいいと思います。 良い講義は本当によく見てくれてありがとう！
- studiomealGiảng viên
本当に講義を詳しく見て、きちんと勉強していたと感じますね^^ 細かくて良い受講評 本当にありがとうございました！ これからもお得な授業をよく作ってみましょう:)
- wwwbbb10977
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
97% đã tham gia他機関でui関連講義を受講したことがあります。当時はJavaScriptよりJaquoryに集中して授業を聞いていたので、JavaScriptは大変だろうという認識でしたが、授業に触れてJavaScriptだけでも十分可能だという事実が驚きました。また、css3の機能、属性についてより体系的にまとめられ、とても満足でした。講義中途半端にも食わないように、それを振り返ってくれたのもとても良かったし…本当に満足でした。また授業を発売されたらすぐに受講しそうです！ ㅎㅎ
- studiomealGiảng viên
授業を本当に詳しく見てくれましたね！ 詳細なレビューと良い言葉ありがとうございます😊
- aaadntjr9539
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
91% đã tham giaフロント/バックエンドではなくインタラクションのための最高の講義です！ 学園ではjsはスキップし、jqueryの使い方だけを教えてくれることが多いです。 この講義は純粋なjsの駆動方式を詳しく教えてくださり、源泉技術に対する知識が次々と積み重ねられる感じです！ 講師様の声もとても良くて例も面白くて時間がかかるとはわかりませんでした！ 講義を聞いて実務でもライブラリなしで作業しています！
- studiomealGiảng viên
助けてくれたらやりがいがいいですね！ 源泉技術をよく理解していれば、ライブラリを選択したり活用したりするときにも役に立つでしょう^^
1.165.874 ₫
Khóa học khác của studiomeal
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[2025年出題基準] Webデザイン技能士実技試験完全ガイド강의 썸네일](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)
![Bootstrap を活用したレスポンシブ Web 制作 [基本概念編] ブートキャンプ강의 썸네일](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?f=avif&w=420)
![[幻想的な足足]デザインからコーディングまで강의 썸네일](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)