강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Bản sao tương tác trang web của Apple!

Bạn có thể tìm hiểu cách phát triển các hiệu ứng tương tác nâng cao thường xuất hiện trên trang web của Apple từ đầu.

(5.0) 231 đánh giá

4,340 học viên

Độ khó Trung cấp trở lên

Thời gian Không giới hạn

  • studiomeal
Interactive Web
Interactive Web
Clone Coding
Clone Coding
JavaScript
JavaScript
SVG
SVG
HTML/CSS
HTML/CSS
Interactive Web
Interactive Web
Clone Coding
Clone Coding
JavaScript
JavaScript
SVG
SVG
HTML/CSS
HTML/CSS

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

  • Các kỹ thuật tương tác nâng cao thường được sử dụng trên các trang web của Apple

  • Tương tác video độ phân giải cao

  • Kiểm soát khung hình chính và phần tử bằng cách cuộn

  • Cách sử dụng canvas để xử lý ảnh có độ phân giải cao

Tương tác web tuyệt vời như trang giới thiệu sản phẩm của Apple ,
Bạn có muốn thử tự tay phát triển nó không? 🍎

Trang sản phẩm của Apple
Tự mình thực hiện các nguyên tắc cốt lõi 🏰

Các trang giới thiệu sản phẩm của Apple có đôi chút khác biệt về thiết kế và hiệu ứng, nhưng các nguyên tắc tương tác cốt lõi của chúng thì tương tự nhau. Khóa học này khám phá xây dựng các nguyên tắc tương tác cốt lõi áp dụng trên các trang sản phẩm của Apple , sử dụng thao tác cuộn chính xác để điều khiển các yếu tố thiết kế khác nhau . Bằng cách sử dụng các hiệu ứng được áp dụng, chúng ta sẽ tạo ra các trang hoàn chỉnh, được kết nối một cách tự nhiên .

Trang giới thiệu Macbook Pro (nhấp vào)

Trang giới thiệu Airpods Pro (nhấp vào)

Ngày nay, mỗi khi Apple ra mắt một sản phẩm mới, việc lướt qua cũng rất thú vị, nhưng cũng không thiếu sự mong đợi về việc trang giới thiệu sản phẩm sẽ tuyệt vời đến mức nào. Tôi chắc rằng mọi người trên mạng đều đang thích thú với điều đó, phải không?


Từ kinh nghiệm thực hiện của riêng tôi
Tạo ra thứ gì đó mới 🧰

Vì chúng tôi không chỉ sử dụng những gì người khác tạo ra mà còn phân tích các nguyên tắc cốt lõi và triển khai chúng từng cái một , tôi nghĩ điều này sẽ rất hữu ích khi triển khai các hình thức hoặc ý tưởng hoàn toàn khác với Apple.
Sau khi làm việc chăm chỉ và kiên trì, bạn sẽ cảm thấy tự tin hơn khi phát triển các ứng dụng trực quan đầy thử thách.

일분이

Nhìn vào nó, tôi nghĩ, 'Làm sao mình có thể làm ra thứ như thế này?'
'Tôi cũng muốn thử điều này trong dự án của mình.'
Lớp học này dành cho những người có suy nghĩ như thế này.


Một giọt một lần

Làm đúng ngay từ đầu 💡

Nội dung học tập

  • Tạo bộ khung trang web
  • Nguyên tắc và thực hành triển khai tương tác cuộn
  • Tương tác video độ phân giải cao và hành động cuộn
  • Thực hành triển khai tương tác cuộn bằng cách tính toán vị trí và kích thước.
  • Kiểm soát video chất lượng cao của bạn mượt mà hơn
  • Tạo hoạt ảnh SVG

Các tính năng của bài giảng

👌 Chúng tôi xây dựng nó từ đầu bằng cách chỉ sử dụng các công nghệ web tiêu chuẩn, luôn ghi nhớ các nguyên tắc.
👌 Khóa học được cấu trúc chi tiết để bạn có thể luyện tập trong hơn 10 giờ mà không bỏ sót một nhịp nào, ngay cả khi biên tập chặt chẽ không kéo dài.
👌 Vì chúng tôi chỉ sử dụng các kỹ thuật tiêu chuẩn nên bạn có thể học được những kiến thức cơ bản vững chắc không thay đổi theo thời gian.


Tôi sẽ cho bạn biết trước 📌

Thông tin nội dung thưởng bổ sung

Đã thêm mã và video hướng dẫn để tạo hiệu ứng tương tác mới trên trang giới thiệu iPad Air phát hành vào tháng 9 năm 2020.

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?

  • Bất kỳ ai tò mò về cách triển khai các tương tác thú vị và hấp dẫn trên trang web của Apple

  • Bất kỳ ai quan tâm đến việc triển khai một trang web tương tác, sáng tạo

  • Bất cứ ai muốn tạo một trang web danh mục đầu tư đặc biệt

  • Những người có giấc mơ về Gaeseiner hoặc Dibalza

  • Những người thường thích bài giảng viết mã dài 1 phút

Cần biết trước khi bắt đầu?

  • Kiến thức cơ bản về CSS và JavaScript

Xin chào
Đây là

19,626

Học viên

1,275

Đánh giá

1,175

Trả lời

5.0

Xếp hạng

11

Các khóa học

서울에서 웹 개발자/디자이너로 일했고, 제주를 거쳐.. 현재는 말레이시아 페낭에서 열심히 개발도 하고, 교육 콘텐츠도 만들고, 1인 기업으로서 해볼 수 있는 여러가지 시도와 실험들을 해보고 있습니다.
비주얼 임팩트가 있는 인터랙티브 웹에 관심이 많고, 유튜브와 페이스북 "1분코딩"에서 웹 개발 관련 기술들을 공유하고 있어요.

Chương trình giảng dạy

Tất cả

60 bài giảng ∙ (11giờ 55phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

231 đánh giá

5.0

231 đánh giá

  • anminam님의 프로필 이미지
    anminam

    Đánh giá 8

    Đánh giá trung bình 5.0

    5

    93% đã tham gia

    Tôi sẽ không nói với bạn quá nhiều, nhưng chiếc Apple Websight Gangi này rất đơn giản và phong cách so với Intrexshun Gangi của Hàn Quốc, và tôi rất thích nó. Dù là ảnh động mình chưa dùng, canvas hay thứ gì đó khó khăn, nhưng giữa ban ngày vẫn dễ dàng rung chuyển theo dòng sông trang nghiêm. Mình không phải là game thủ chuyên nghiệp nhưng lại không rành về DOM nên gặp khó khăn khi sử dụng C.E. . Những người hâm mộ ủng hộ cũng có thể nâng cấp thị trấn của họ lên một cấp thông qua Kang Yi. Hãy để tôi nói cho bạn điều gì đó. Đó là SUGA.

    • studiomeal
      Giảng viên

      Hahaha minam, như biệt danh của cô ấy gợi ý, sử dụng panka rất tệ... Tôi không thể không nói với bạn điều này. Mặc dù nó không bao giờ có thể được sử dụng với người phiên dịch, nhưng nó là một phép thuật cho phép bạn hiểu được mọi điều đang được nói. Cảm ơn thầy Heo, không, thầy Ahn.

  • andamirocll9612님의 프로필 이미지
    andamirocll9612

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    37% đã tham gia

    ừ. Gì.. Thật vui...

    • studiomeal
      Giảng viên

      Thật thú vị.. bạn đã nói điều gì đó mà tôi thực sự thích! cười Cảm ơn bạn đã đánh giá tốt trong bài đánh giá khóa học đầu tiên của tôi, hehe ^^

  • bucheongosok9525님의 프로필 이미지
    bucheongosok9525

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    93% đã tham gia

    Anh ấy đã chỉ ra nguyên tắc hoạt động của các hàm, cách tìm và sử dụng các giá trị cũng như những phần mà những người mới bắt đầu như tôi có thể không biết khi viết các phương thức hoặc biến tập lệnh. Thành thật mà nói, có rất nhiều thứ tôi không hiểu, nhưng khi tôi tiếp tục tự mình viết những đoạn mã này, tôi đã có được niềm tin rằng một ngày nào đó tôi có thể biến nó thành của riêng mình!! Tôi không học chuyên ngành, nhưng dựa trên bài giảng này, tôi dự định tạo danh mục đầu tư của riêng mình và chuẩn bị đi làm! Cảm ơn

    • studiomeal
      Giảng viên

      Wow, bạn đã viết ra những phần hữu ích một cách chi tiết, nó giúp ích cho tôi rất nhiều ^^ Bạn đã học rất chăm chỉ và tôi thực sự đánh giá cao việc bạn viết một bài phê bình bài giảng hay, Changi. Tôi hy vọng bạn tạo được một danh mục đầu tư tuyệt vời và có được một công việc ở nơi bạn muốn!

  • zxho251786님의 프로필 이미지
    zxho251786

    Đánh giá 3

    Đánh giá trung bình 4.7

    5

    95% đã tham gia

    Không chỉ viết mã mà còn có những giải thích bổ sung bằng hình ảnh và tài liệu! Đây là một bài giảng rất hữu ích, không chỉ dạy bạn viết mã mà còn dạy các khái niệm và thiết kế lập trình!

    • studiomeal
      Giảng viên

      Vì đây là một khóa học hơi khó nên tôi đã cố gắng làm cho nó dễ hiểu nhất có thể. Cảm ơn bạn đã nhận ra điều đó và để lại đánh giá tốt ^^.

  • devgsitm0184님의 프로필 이미지
    devgsitm0184

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    97% đã tham gia

    Tôi đang có rất nhiều niềm vui khi theo dõi. Anh ấy có ý thức chỉ ra bất kỳ phần nào họ không hiểu ngay lập tức, như thể anh ấy đang giảng bài với các học sinh trước mặt vậy!! Tôi nghĩ tôi muốn học tất cả các bài giảng khác ^^

    • studiomeal
      Giảng viên

      Cảm ơn bạn đã để lại một bài đánh giá lớp học tuyệt vời như vậy! Cảm ơn bạn ^^

Ưu đãi có thời hạn, kết thúc sau 1 ngày ngày

42 ₫

29%

1.608.536 ₫

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!