강의

멘토링

로드맵

BEST
Programming

/

Front-end

Bí quyết phát triển web tương tác chỉ trong vài dòng [Người mới bắt đầu]

Chúng tôi sẽ dạy cho bạn những kỹ năng tương tác được sử dụng nhiều nhất trong thực tế trong một khoảng thời gian ngắn.

(4.6) 140 đánh giá

1,730 học viên

  • coding11
3시간 만에 완강할 수 있는 강의 ⏰
Interactive Web
JavaScript

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

Dịch cái này sang tiếng Việt

  • Kỹ năng phát triển tương tác thường xuyên được sử dụng trong thực tế

  • Hiệu ứng cuộn thị sai chỉ trong vài dòng

  • Hiệu ứng tương tác sử dụng giá trị vị trí chuột

  • Giảm tốc (tăng tốc) thêm cảm xúc vào chuyển động

Phát triển một trang web tương tác chỉ với một vài dòng mã!

Chúng tôi đã chuẩn bị một hướng dẫn ngắn gọn và hữu ích về các nguyên tắc cốt lõi của việc phát triển trang web tương tác . Ngắn gọn và súc tích!
Một khi bạn đã học được, bạn có thể sử dụng nó suốt đời.


Tính đến ngày 22 tháng 3 năm 2023
Việc gia hạn bài giảng đã hoàn tất !
Đã cải thiện hoàn toàn những nhược điểm :)

Tính năng bài giảng 💡

  • Chúng tôi sử dụng Javascript thuần túy (Vanilla JS), rất hữu ích trong thực tế.
  • Học mã cần thiết một cách tự nhiên bằng cách cùng nhau tạo ra các ví dụ tương tác.
  • Các hiệu ứng tương tác thoạt đầu có vẻ khó thực hiện nhưng sẽ nhanh chóng trở nên dễ dàng.

Giới thiệu bài giảng 📝

Các kỹ năng cơ bản cần thiết để tạo nội dung tương tác
Chúng tôi sẽ giải thích từng bước theo góc nhìn của người mới bắt đầu.
(Phương pháp xử lý chuyển đổi, chuyển tiếp, nới lỏng (tăng tốc), v.v.)

▲ Giải thích từng bước dễ hiểu ngay cả với người mới bắt đầu.

▲ Triển khai sao chép trang web ở nước ngoài chỉ với một vài dòng mã
(liên kết trang web)

▲ Đã thêm hiệu ứng chuyển động chuột hợp lý

▲ Các ví dụ có thể áp dụng ngay vào thực tế

Trang thị sai siêu đơn giản sử dụng giá trị cuộn

Hiệu ứng thị sai thực tế thông qua điều khiển nhiều lớp
(Chúng tôi cung cấp hình ảnh do chính chúng tôi tạo ra)

▲ Trang thị sai 3D translateZ

Nếu bạn hoàn thành khóa học này ✒️

Bạn chắc chắn sẽ học được một số kỹ năng tương tác mà tôi đã áp dụng trong công việc của mình hơn một thập kỷ qua. Có lẽ bạn sẽ sử dụng chúng nhiều lần trong suốt quãng đời còn lại. (Thật đấy!)

Nếu bạn kiên trì, bạn sẽ thấy những trang web thú vị mà bạn từng thấy trước đây được tạo ra như thế nào.

Để tôi thông báo cho bạn nhé 📖

  • Trình soạn thảo được sử dụng trong lớp học này là VSCODE (Visual Studio Code).
  • Một vài lớp học đầu tiên có thể được học trực tuyến.
    -> https://jsbin.com/

Đi đến các bài giảng khác

Các tập lệnh tương tác thực sự được sử dụng trong lĩnh vực này

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai muốn tạo một trang portfolio tuyệt vời

  • Một nhà thiết kế muốn trở thành nhà thiết kế

  • Developer cần sự nhạy cảm của một nhà thiết kế

  • "Điều này có thể thực hiện được không?" Bất cứ ai bị căng thẳng bởi câu hỏi

  • Dành cho những người không có thời gian (ngắn gọn và in đậm)

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

  • HTML, CSS cơ bản

  • cơ bản về javascript

Xin chào
Đây là

3,316

Học viên

226

Đánh giá

213

Trả lời

4.6

Xếp hạng

3

Các khóa học

15년 이상 여러 기업과 언론사에서 front-end 개발 및

데이터 시각화, 인터랙티브 사이트 제작을 했습니다.

http://yahao2512.com

 

https://brunch.co.kr/@yahao2512

저와 함께 깃털처럼 가벼운 코딩 함께 해보시죠!

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

Tất cả

53 bài giảng ∙ (5giờ 45phú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ả

140 đánh giá

4.6

140 đánh giá

  • kyoo1196210님의 프로필 이미지
    kyoo1196210

    Đánh giá 4

    Đánh giá trung bình 4.8

    4

    2% đã tham gia

    Đó là sự tương tác mà tôi đã tò mò từ lâu nhưng nó đã cải thiện sự hiểu biết của tôi qua các lớp học lặp đi lặp lại. - Có vẻ phần âm thanh chưa đồng đều cần cải thiện ^^

    • coding11
      Giảng viên

      Cảm ơn bạn đã đánh giá đầu tiên của bạn. Chất lượng âm thanh thay đổi khi tôi điều chỉnh cài đặt micrô giữa chừng khi quay phim. Lần sau sẽ chú ý hơn~ - Bài giảng đã được đổi mới. Vui lòng xem lại. Cả chất lượng âm thanh và hình ảnh đều được cải thiện.

  • salary999님의 프로필 이미지
    salary999

    Đánh giá 19

    Đánh giá trung bình 5.0

    5

    2% đã tham gia

    Tôi là một nhà xuất bản đang làm việc và tôi cảm thấy thực tế cần có JS, vì vậy tôi là người mới bắt đầu học JS và đang học mọi thứ có thể :) Lý do lớn nhất khiến tôi mua khóa học này là... Tôi nhìn thấy một trang web có ống hút trong video giới thiệu và ngay lập tức mua nó. Thực tế là khi tôi đang thực hiện một dự án ở cơ quan, tôi đã nhận được trang web đó làm tài liệu tham khảo ^^;; Vì lý do này, tôi đã trả tiền ngay lập tức Haha. Tôi muốn chia sẻ kinh nghiệm cá nhân của mình với những người đang cân nhắc mua khóa học. (Hiện tại, tôi đã nghe được khoảng 50% thông tin và tôi cũng là người mới bắt đầu học js. Tôi đang chia sẻ điều này từ góc nhìn của người mới bắt đầu.) 1. Kiểu người thực sự mới bắt đầu - Tôi chỉ nghe đến vanilla js thôi. - Tôi mới chỉ nghe tới từ addEventListener. - Tôi không biết cách lấy một phần tử cụ thể bằng js, v.v. Nếu bạn cảm thấy mình thiếu kiến ​​thức cơ bản, chúng tôi khuyên bạn nên nghe bài giảng lý thuyết JS của những người hướng dẫn khác trước rồi mới học bài này. 2. Loại vẫn cho ra đầu ra - Bạn không thể tự mình viết mã chất lượng cao nhưng vẫn có thể nhận được kết quả ngay cả khi bạn sử dụng câu lệnh if 100. - Ít nhất bạn có thể hiểu được dòng code do người khác viết. Nếu điều này áp dụng cho bạn, bạn có thể lắng nghe. Cá nhân tôi nghĩ đây là một bài giảng rất hiệu quả. Tại nơi làm việc, có những lúc bạn cần nhanh chóng nắm bắt và áp dụng một số kỹ năng nhất định, và bài giảng này mang lại cảm giác như vậy. Tất cả các điểm chính được bao gồm trong một khoảng thời gian ngắn. Vấn đề là vì chỉ có cốt lõi nên có thể sẽ có cảm giác thiếu lý thuyết, nhưng về lý thuyết thì... có Google God nên các bạn không phải lo lắng. Tôi cũng google những phần tôi còn bối rối hoặc muốn biết thêm. Cuối cùng, tôi có một yêu cầu nhỏ từ người hướng dẫn! Tôi nghĩ kích thước phông chữ VSCode trên màn hình nhỏ. Nếu một khóa học mới được đăng ký trong tương lai, bạn có thể vui lòng tăng kích thước phông chữ lên một chút không? :) Ngoài ra, tôi nghĩ sẽ rất tốt nếu có một phiên bản thu nhỏ hoặc di động của bài giảng được đề cập trong phần đánh giá khóa học như một phần bổ sung cho bài giảng này. Dù sao thì tôi cũng sẽ tiếp tục nghe đi nghe lại cho đến khi có bài giảng mới. Cảm ơn bạn 👍👍

    • coding11
      Giảng viên

      Wow, đây là lần đầu tiên tôi đọc một bài đánh giá khóa học dài như vậy. Cảm ơn bạn rất nhiều ^^ Trên thực tế, tôi đã chọn lọc những câu hỏi nhận được từ người quen thông qua tin nhắn, v.v. và tạo ra chúng như một bài giảng. Đây cũng là những thứ được sử dụng rộng rãi trong lĩnh vực này. Mã trong lớp ngắn nhưng nếu bạn áp dụng nó, bạn có thể xử lý nhiều nhiệm vụ khác nhau. Tôi hy vọng nó sẽ hữu ích trong quá trình thực hành của bạn. He he he. Tất nhiên, bài giảng tiếp theo cũng đang được chuẩn bị với những nội dung có thể áp dụng ngay vào thực tế. Vậy thì chúc một năm vui vẻ nhé~ (Một ngày nào đó tôi cũng muốn dạy một bài giảng về ba.js, chẳng hạn như một trang web rơm!)

  • lizb님의 프로필 이미지
    lizb

    Đánh giá 4

    Đánh giá trung bình 5.0

    5

    2% đã tham gia

    Tôi đã tham gia một vài lớp học tương tác trên web và thật tuyệt vời khi được học các nguyên tắc cơ bản. Cảm ơn

    • coding11
      Giảng viên

      Cảm ơn bạn đã đánh giá, Joonsol! Mình sẽ cố gắng nghĩ cách để tặng bạn nhiều hơn~ ^^

  • mingj8294182님의 프로필 이미지
    mingj8294182

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    2% đã tham gia

    Thưa thầy, con rất tò mò về điều này, vì vậy cảm ơn bài giảng của thầy. Con cũng muốn biết thêm về cách áp dụng nó trên web responsive hoặc di động. Nó không hề nhàm chán và còn thú vị đến nỗi con xem xong ngay. !! Tôi sẽ thành thạo nó bằng cách xem đi xem lại.

    • coding11
      Giảng viên

      Cảm ơn bạn đã đánh giá của bạn! Đó là một phương pháp áp dụng cho web đáp ứng và di động... Nó gần giống nhau, nhưng tôi nghĩ lẽ ra tôi nên tạo nhiều mẫu sử dụng stageResize hơn. Hãy nghĩ về phương pháp AS. Cảm ơn

  • seujuj2827님의 프로필 이미지
    seujuj2827

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    2% đã tham gia

    Thật thú vị!

    • coding11
      Giảng viên

      Cảm ơn bạn đã đánh giá của bạn! (Nó sẽ giúp ích rất nhiều ㅜㅜ) Hãy giữ thể trạng tốt hơn nhé...

925.210 ₫

Khóa học khác của coding11

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!