inflearn logo
inflearn logo

Danh mục UIUX Phần 3 - Danh mục Web đáp ứng

Bước thứ ba trong quy trình lập kế hoạch-thiết kế-triển khai - tạo mẫu danh mục đầu tư web đáp ứng

(5.0) 3 đánh giá

53 học viên

Độ khó Cơ bản

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

Responsive Web
Responsive Web
JavaScript
JavaScript
jQuery
jQuery
media-query
media-query
HTML/CSS
HTML/CSS
Responsive Web
Responsive Web
JavaScript
JavaScript
jQuery
jQuery
media-query
media-query
HTML/CSS
HTML/CSS

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

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

5.0

5.0

foxball

26% đã tham gia

Nếu bạn đang tham gia khóa học này, bạn đã là nhà phát triển. Không có khóa học nào khác dạy chi tiết như vậy.

5.0

kwanggony

100% đã tham gia

Mình đã nghe Phần 2 và thấy bài giảng rất hữu ích nên mình cũng lấy Phần 3. Tôi đã biết nhiều nội dung nhưng tôi chăm chú lắng nghe xem có phần nào tôi chưa biết không. Đó là một bài giảng hay và đó là một bài giảng rất hữu ích khiến tôi nghĩ: “Ồ, có một cách”. để làm điều này." Tôi rất thích bài giảng tốt. Cảm ơn bạn ^^

5.0

이종운

100% đã tham gia

cảm ơn bạn vì bài giảng tuyệt vời

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

  • javascript

  • Bố cục linh hoạt

  • Logic hoạt hình cuộn Vanilla JavaScript

  • hoạt hình gsap

  • bố cục css truy vấn trung gian

  • Triển khai trang web đáp ứng

  • Khả năng sản xuất web đáp ứng được tối ưu hóa trong phiên bản dành cho máy tính để bàn và thiết bị di động

Mẫu danh mục đầu tư web đáp ứng
Hãy tự tay làm nhé! ✒️

Trong Phần 3
Đang chuẩn bị sản xuất!

  • Hãy triển khai trang đích quảng cáo cho ứng dụng mà chúng ta đã tạo ở Phần 1.
  • Chúng ta hãy triển khai một trang đích dựa trên thiết kế mà chúng ta đã học ở Phần 1 và Phần 2.
  • Bố cục chung dựa trên trang quan hệ công chúng tài chính và nội dung cũng có bố cục tương tự.
    Chúng ta hãy thực hiện bằng cách thay đổi nội dung của friend và friend được đề cập ở Phần 1.
  • Mỗi sinh viên có thể tạo một danh mục đầu tư.

Tôi giới thiệu điều này cho những người này 🙆‍♀️

Danh mục đầu tư web đáp ứng
Bất cứ ai muốn sản xuất

Triển khai thông qua các sản phẩm thiết kế
Bất kỳ ai muốn trải nghiệm quá trình này

Tiêu chuẩn web và nâng cao kỹ năng JavaScript
Bất cứ ai muốn nó

Các tính năng độc đáo của khóa học này ✨


Bạn sẽ học được gì 📚

Mã hóa cứng hoạt ảnh cuộn sử dụng gasp

Triển khai menu phụ và hộp tìm kiếm trên máy tính để bàn

Triển khai điều hướng di động

Thay đổi kích thước sự kiện trong điều hướng trên thiết bị di động và điều hướng trên máy tính để bàn

Triển khai trang web đáp ứng với thanh trượt trong hoạt ảnh khung hình chính

Triển khai các liên kết tiêu đề cố định và nút trên cùng khi cuộn


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Bạn có thể giúp tôi tạo một danh mục đầu tư web đáp ứng không?

Nó chứa hầu hết các tài nguyên bạn cần để triển khai một trang web đáp ứng. Tôi hy vọng bạn thấy nó hữu ích.

H. Tôi có cần phải có kiến thức nền tảng nào để tham gia lớp học không?

Vâng, đúng vậy. Bạn cần có hiểu biết cơ bản về Figma, các tiêu chuẩn web và kiến thức JavaScript cơ bản để dễ dàng theo học khóa học.

H. Nếu tôi để lại câu hỏi, bạn có trả lời không?

Có, chúng tôi sẽ trả lời sớm nhất có thể sau khi kiểm tra.

H. Bạn sử dụng trình soạn thảo nào?

Chúng tôi sẽ tiến hành lớp học bằng Vscode.

💥 Lưu ý trước khi tham gia khóa học

Môi trường thực hành
  • Hệ điều hành và phiên bản (OS): Windows, macOS, Linux, Ubuntu, Android, iOS, v.v.
  • Công cụ được sử dụng: Phiên bản phần mềm/phần cứng và kế hoạch thanh toán cần thiết cho việc đào tạo, có nên sử dụng máy ảo hay không, v.v.
  • Thông số kỹ thuật của PC: CPU, bộ nhớ, đĩa, card đồ họa, v.v. Thông số kỹ thuật được đề xuất để chạy chương trình
Tài liệu học tập
  • Tệp figma thiết kế dự án thực tế và trang web gốc
  • Hoàn thành trang web đáp ứng và các tệp công việc theo thứ tự tiến độ
  • Sử dụng bảng thông báo ở cuối bài giảng để sắp xếp nội dung và mã của từng lớp.
Kiến thức và biện pháp phòng ngừa của người chơi
    • Kiến thức cơ bản về Figma
    • Kiến thức cơ bản về HTML, CSS, Javascript và JQuery
    • Cách sử dụng Visual Studio Code

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

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

  • Những người muốn tạo danh mục đầu tư bằng cách triển khai một trang web đáp ứng

  • Cải thiện kỹ năng xuất bản thực tế thông qua các lý thuyết cốt lõi về HTML + CSS + JavaScript + jQuery

  • bố cục css bằng flex

  • Nâng cấp năng lực phát triển

Xin chào
Đây là lizb

785

Học viên

43

Đánh giá

92

Trả lời

4.7

Xếp hạng

7

Các khóa học

Xem đánh giá khóa học đào tạo quốc gia (offline) của người chia sẻ kiến thức

Đi đến đánh giá khóa học "Đào tạo Thiết kế Web thích ứng"
(2022.03-2022.07)

Từ tháng 3 đến nay, tuy là một khoảng thời gian có thể coi là dài hoặc ngắn, nhưng đối với tôi, đây là một giai đoạn thực sự quan trọng và giá trị trong cuộc đời. Mặc dù trước đó tôi đã có một chút kiến thức nền tảng, nhưng tôi vẫn luôn cảm thấy mịt mờ vì không biết phải làm thế nào, đi theo hướng nào hay phải chuẩn bị những gì. Nhờ sự dạy dỗ tận tâm của cô giáo mà tôi đã có thể đạt được sự trưởng thành vượt bậc và vững chắc cả về mặt kỹ thuật lẫn kỹ năng tìm việc. Nhờ đó, sự tự tin của tôi đã tăng lên rất nhiều, và tôi cảm thấy mình có thể làm tốt ngay cả sau khi đi làm! Tôi xin chân thành cảm ơn cô Bang Mi-jung đã dẫn dắt lớp học, cùng các thầy cô phụ trách hướng nghiệp khác! :) Tôi đi làm đây ạ! Chúc các bạn học viên khóa sau cố gắng và gặt hái được nhiều trải nghiệm tốt đẹp! Cố lên nhé :)

Tôi đã theo học khóa đào tạo Web Publisher từ tháng 3 đến tháng 7 :) Tôi đã thử thách bản thân khi chưa biết gì ngoài thiết kế, nhưng nhờ sự cổ vũ và hỗ trợ của giáo viên cũng như các bạn học mà tôi cảm thấy mình đã gặt hái được rất nhiều điều. Tôi sẽ dựa trên những gì đã học được tại trung tâm để tiếp tục chăm chỉ học tập trong tương lai~~ Con xin chân thành cảm ơn cô Bang Mi-jung, người đã luôn tận tình chỉ bảo, cùng các thầy cô phụ trách việc làm khác ạ!

Đi đến đánh giá khóa học "Đào tạo nhà phát triển Front-end"
(2020.11.17-2021.05.11)

Khoá đào tạo thú vị đến mức tôi cảm thấy khoảng thời gian 6 tháng trôi qua thật ngắn ngủi. Việc đưa ra ý tưởng và thiết kế từng tốn rất nhiều thời gian, nhưng thông qua khoá học, tôi đã học được các bí quyết và cảm thấy tự hào khi thấy kỹ năng của mình ngày càng tiến bộ, thời gian làm việc cũng được rút ngắn đáng kể. Đối với một người từng không xác định được hướng đi nghề nghiệp như tôi, những kiến thức học được từ khoá đào tạo này không chỉ là tri thức của riêng tôi mà còn là cột mốc chỉ đường giúp tôi định hướng sự nghiệp. Những người anh, người chị, người em tại phòng học số 3 của khoá Đào tạo Nhà phát triển Frontend cùng giảng viên Bang Mi-jung, những người đã cùng tôi học tập suốt 6 tháng qua, là những mối nhân duyên tốt đẹp và là chỗ dựa vững chắc cho tôi. Tôi xin chân thành cảm ơn giảng viên Bang Mi-jung, đội ngũ hỗ trợ việc làm và các nhân viên hành chính đã nhiệt tình giúp đỡ để tôi có thể tìm được việc làm ngay cả trước khi kết thúc khoá học. Ngoài khoá học này còn có rất nhiều chương trình tốt khác, nên tôi muốn giới thiệu Viện Phát triển Năng lực Nghề nghiệp Daewoo cho những người hậu bối hoặc các em còn đang lo sợ về việc làm hay chưa tìm được hướng đi cho nghề nghiệp giống như tôi.

Khi mới đến đây, tôi đã rất lo lắng rằng một người chưa từng học qua thiết kế hay lập trình như mình liệu có thể hoàn thành khóa học và tìm được việc làm hay không. Thế nhưng, càng học tôi lại càng thấy những nỗi lo đó dần tan biến. Tôi đã được học rất nhiều thứ như Illustrator, Photoshop, HTML, CSS, JS, Vue... Vì có nhiều kiến thức mới nên giai đoạn đầu có thể hơi khó khăn, nhưng cô Bang Mi-jung đầy nhiệt huyết đã hướng dẫn rất tận tình nên các bạn không cần phải lo lắng đâu. ㅎㅎ Khi xem đánh giá về các trung tâm khác, tôi thấy có nơi dạy theo giáo trình cũ rích năm này qua năm khác, thậm chí có giáo viên còn không trả lời được câu hỏi của học viên, nhưng cô giáo ở đây luôn tràn đầy nhiệt huyết, luôn cố gắng truyền đạt những điều mới mẻ và cô có kiến thức rất sâu rộng nên tôi đã nhận được sự giúp đỡ rất nhiều! Nếu bạn muốn trở thành một Web Publisher hay Web Designer, tôi cực kỳ đề xuất nơi này nhé.~~

Vào tháng 11 năm 2020, tôi tình cờ biết đến một cơ sở tuyệt vời là Viện Phát triển Năng lực Nghề nghiệp Daewoo. Tôi thực sự biết ơn vì đã được gặp một người thầy giỏi và tham gia khóa học chất lượng tại đây. Nếu không theo học khóa đào tạo này, có lẽ tôi đã khó có được cơ hội việc làm như hiện tại. Sau khi tốt nghiệp đại học, trong lúc đang mất phương hướng và loay hoay giữa những ngã rẽ sự nghiệp, khóa học kéo dài 5-6 tháng chứa đựng những kinh nghiệm thực tế và bí quyết quý báu của thầy — điều mà khó có thể học được ở bất cứ đâu khác — đã trở thành quãng thời gian học hỏi và trưởng thành to lớn đối với một người hoàn toàn không biết gì về phát triển web như tôi. Dựa trên nền tảng đó, tôi đã được học về nhiều phong cách thiết kế, lập trình web và tự mình tạo ra được bộ hồ sơ năng lực (portfolio) cá nhân. Vì việc học các ngôn ngữ lập trình quá xa lạ nên đã có nhiều lúc tôi muốn bỏ cuộc giữa chừng, nhưng nhờ sự nhiệt huyết và dẫn dắt tận tình của thầy — người sẵn sàng giảng lại hàng chục lần mà không bỏ rơi học viên — tôi đã có thể hoàn thành tốt khóa học và thậm chí là tìm được việc làm sớm trước khi kết thúc chương trình (khi mới hoàn thành hơn 80% khóa học). Tôi xin gửi lời cảm ơn sâu sắc đến thầy và Viện Phát triển Năng lực Nghề nghiệp Daewoo đã giúp tôi có thể tìm được công việc đầu tiên và bắt đầu một hành trình mới như thế này.

Giáo viên đã hướng dẫn rất dễ hiểu ngay cả với người không chuyên, và nhờ đó tôi đã tìm được việc làm tốt. Tôi rất vui vì đã tham gia khóa học này.

Chương trình giảng dạy được thiết kế bám sát thực tế, giúp người học làm quen với các công cụ thiết kế và lập trình từng bước một từ những nền tảng cơ bản nhất. Giáo viên đã tận tâm hỗ trợ hết mình để tôi có thể tự mình thực hiện các thao tác, điều này đã giúp ích cho tôi rất nhiều. Khóa học này đã phá vỡ định kiến rằng các lớp học do nhà nước tài trợ thường có chất lượng kém. Giáo viên chủ nhiệm cũng rất cầu tiến, luôn cố gắng dạy những điều mới mẻ nên tôi đã học hỏi được rất nhiều.

Giáo viên đã hướng dẫn rất dễ hiểu ngay cả với những người không chuyên, và nhờ đó tôi đã tìm được việc làm tốt. Tôi rất vui vì đã tham gia khóa học này.

Ngoài những kiến thức cơ bản đã biết trước đó, tôi đã được học hỏi thêm nhiều điều đa dạng thông qua quá trình đào tạo tại học viện. Tôi cũng đã được luyện tập để có thể lấy chứng chỉ, và dù đối với tôi lập trình khá khó nhưng tôi đã học đến mức có thể hiểu được hầu hết các thuật ngữ chuyên môn. Trong quá trình theo học tại đây, tôi cũng đã tìm được việc làm nên cảm thấy rất an tâm và hạnh phúc.


Tôi tốt nghiệp chuyên ngành kiến trúc và đã gắn bó với thiết kế web được hơn 20 năm. Trải qua nhiều thăng trầm khi vừa làm thực tế vừa giảng dạy, giờ đây tôi đã trở nên rất yêu công việc này, đồng thời sự hứng thú và cảm giác thành tựu đã giúp tôi dấn thân mạnh mẽ hơn nữa. Tôi hy vọng có thể chia sẻ những kiến thức mình biết để giúp nhiều người không thuộc chuyên ngành có thể bắt đầu một cách dễ dàng hơn, và cầu chúc cho mọi điều bạn mong muốn đều trở thành hiện thực.

Lucete!

Mọi thắc mắc liên quan đến bài giảng vui lòng liên hệ email: loo4love90@gmail.com

 

 

Kinh nghiệm giảng dạy

  • Tháng 3 năm 2018 - Hiện tại. Đang tiến hành khóa học chuyên gia Thiết kế web/Đa phương tiện/Front-end

  • Học viện Elice `HTML / CSS ở một đẳng cấp khác` đang chuẩn bị ra mắt

  • Elice Academy `Javascript ở một đẳng cấp khác` đang chuẩn bị ra mắt

□ Hiện đang giảng dạy khóa học Front-end / Đa phương tiện / Nội dung Web tại Viện Phát triển Năng lực Nghề nghiệp Daewoo
□ Giảng dạy UI/UX Web Publishing tại Hi Media

□ Giảng dạy UI/UX Web Publishing tại Ezen Computer
□ Giảng dạy Thiết kế Web tại Học viện Máy tính The Joeun cơ sở Jongno
□ Giảng dạy Thiết kế Web/Đồ họa tại Học viện Máy tính The Joeun cơ sở Gangnam
□ Giảng dạy Thiết kế Web tại Trường chuyên nghiệp Tài năng Youngjae

 

  Chứng chỉ  

□ Chứng chỉ Kỹ thuật viên Thiết kế Web
□ Chứng chỉ Kỹ thuật viên Thiết kế Đồ họa máy tính 

□ Chứng chỉ Giảng viên đào tạo KPC (GTQ, GTQi, GTQid)

Giáo viên đào tạo phát triển năng lực nghề nghiệp cấp 3 (Công nghệ thông tin, Thiết kế, Nội dung văn hóa, Chiến lược và lập kế hoạch công nghệ thông tin

Vận hành công nghệ thông tin) 
□ Chứng chỉ Tin học văn phòng (Computer Literacy) bậc 1

 

Thêm

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

Tất cả

76 bài giảng ∙ (9giờ 32phú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ả

3 đánh giá

5.0

3 đánh giá

  • kwanggony6536님의 프로필 이미지
    kwanggony6536

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Mình đã nghe Phần 2 và thấy bài giảng rất hữu ích nên mình cũng lấy Phần 3. Tôi đã biết nhiều nội dung nhưng tôi chăm chú lắng nghe xem có phần nào tôi chưa biết không. Đó là một bài giảng hay và đó là một bài giảng rất hữu ích khiến tôi nghĩ: “Ồ, có một cách”. để làm điều này." Tôi rất thích bài giảng tốt. Cảm ơn bạn ^^

    • lizb
      Giảng viên

      Cảm ơn bạn rất nhiều vì đã nghe tất cả các bài giảng trong loạt bài. Ngoài ra, tôi rất vui vì bạn thấy nó hữu ích. Hẹn gặp lại bạn với một bài giảng tốt hơn! ^^

  • kbba785883님의 프로필 이미지
    kbba785883

    Đánh giá 33

    Đánh giá trung bình 4.8

    5

    26% đã tham gia

    Nếu bạn đang tham gia khóa học này, bạn đã là nhà phát triển. Không có khóa học nào khác dạy chi tiết như vậy.

    • roykean19930688님의 프로필 이미지
      roykean19930688

      Đánh giá 35

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      cảm ơn bạn vì bài giảng tuyệt vời

      • lizb
        Giảng viên

        Cảm ơn cậu, Jongwoon. ^^ Tôi hy vọng điều này sẽ giúp ích và giúp bạn tiến bộ hơn nữa!

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

    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!

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

    42.350 ₫

    30%

    1.265.232 ₫