Học CSS Flex và Grid đúng cách
studiomeal
Tìm hiểu về Flex và Grid, các tiêu chuẩn hiện tại và tương lai để tạo bố cục CSS.
Basic
HTML/CSS, Flex
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.
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? 🍎
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á và 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 .
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?
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.
Nội dung học tập
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.
Đã 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.
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 .
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
19,595
Học viên
1,272
Đá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
Tất cả
60 bài giảng ∙ (11giờ 55phút)
Tài liệu khóa học:
Tất cả
230 đánh giá
5.0
230 đánh giá
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
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.
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.
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
ừ. Gì.. Thật vui...
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 ^^
Đánh giá 1
∙
Đánh giá trung bình 3.0
3
#Cho đến nay là sản phẩm tốt nhất về thiết kế và tương tác web! #Từ góc nhìn của một lập trình viên, à...? Điều này có thể không thành vấn đề nếu bạn là một nhà thiết kế web muốn làm việc với tư cách là nhà xuất bản hoặc nhà xuất bản gần với lĩnh vực thiết kế. Nếu bạn cũng như tôi, mơ ước trở thành một lập trình viên giỏi, quen thuộc với front-end hoặc back-end hơn lĩnh vực thiết kế, bạn thường có thắc mắc khi nhìn vào mã. Cá nhân tôi cảm thấy như vậy. 'Cấu trúc mã không thể ngắn gọn hơn được sao?' 'Ồ, tôi nghĩ sẽ sạch sẽ hơn nếu tôi xử lý việc này bằng một hàm...?' 'Hả? Nếu bạn xử lý việc này bằng công thức, giá trị sẽ tự động xuất hiện, vậy tại sao bạn phải nhập số như 0,22?' ## Đừng viết mã trong khi sửa đổi nó như tôi đã làm. Sao chép nguyên văn nội dung nào đó sẽ tốt cho sức khỏe tinh thần của bạn. Mã hóa 1 phút Thay vì chỉ sao chép mã của bạn, tôi đã sửa đổi nó một chút trong khi viết mã và có vẻ như tôi sẽ chết trong khi gỡ lỗi. ㅠㅠ Tôi tự hỏi mọi chuyện sẽ thế nào nếu họ sử dụng mã có cấu trúc đầy đủ trong khi xem xét những học sinh chưa quen với lập trình. Mã hiện tại rất khó đọc và bị xoắn lại như mã spaghetti, vì vậy tôi nghĩ sẽ khá khó phân tích nếu bạn bỏ lỡ một khoảnh khắc trong khi sửa đổi mã... Nhưng đừng hiểu lầm tôi. Đây là nhược điểm duy nhất. Mọi thứ khác đều tốt. Nó hoàn hảo. Nó giải thích các khái niệm một cách chi tiết và tinh tế. Tôi cũng thích nó giải thích chi tiết bằng hình ảnh. Thật dễ hiểu và các bài giảng được biên tập chu đáo nên bớt nhàm chán. Trong số rất nhiều sinh viên, có thể có những người khác giống tôi nên tôi để lại đánh giá với hy vọng nó sẽ hữu ích. Vui lòng cân nhắc việc sao chép toàn bộ mã và tránh làm điều gì đó vô ích như tôi đã làm.
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
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
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!
Đánh giá 3
∙
Đánh giá trung bình 4.7
5
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!
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 ^^.
1.609.454 ₫
Hãy khám phá các khóa học khác của giảng viên!
Khám phá các khóa học khác trong cùng lĩnh vực!