
Khóa học siêu tốc độ vững chắc về HTML/CSS 2024
jyoung
Nó củng cố những kiến thức cơ bản cho người mới bắt đầu về HTML/CSS và tất nhiên, Bạn có thể tìm hiểu những cách thiết thực để tạo bố cục đáp ứng.
Nhập môn
HTML/CSS, Flex, css3
Khóa học Full-stack từ Thiết kế Figma + Lập trình ứng dụng AI + đến Triển khai!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Triển khai Vercel] Giữ nguyên thiết kế của bạn!! Hoàn thiện bằng Vibe Coding chính xác đến từng pixel không sai lệch! Cẩm nang chinh phục Full-stack giúp tăng năng suất thực tế gấp 5 lần nhờ ứng dụng AI! Bạn cũng có thể trở thành một Nhà thiết kế Full-stack có khả năng làm cả thiết kế lẫn lập trình. ✅ Hiện thực hóa ý đồ thiết kế chính xác đến từng pixel không sai lệch ✅ Thiết kế cấu trúc mà AI có thể hiểu được ✅ Khả năng tạo prompt để kiểm soát AI một cách chính xác ✅ Khả năng chỉnh sửa thành thạo các đoạn mã do AI tự soạn thảo Trải nghiệm sự kinh ngạc khi rút ngắn thời gian từ thiết kế đến lập trình và triển khai chỉ còn 1/5.
144 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Đánh giá từ những học viên đầu tiên
5.0
blake choi
Thật lòng thì dạo gần đây, mỗi khi có AI mới ra mắt, mình lại cảm thấy lo lắng mơ hồ rằng liệu sau này công việc của mình có biến mất không ㅜ Vì ghét cảm giác bản thân trở nên nhỏ bé trước những dòng code nên mình đã quyết định đăng ký khóa học của thầy J-young. Thông thường khi tìm hiểu về MCP, đa số chỉ dừng lại ở việc giải thích các tính năng của công cụ, nhưng khóa học này mang lại cảm giác thực chiến thực sự nên mình rất thích. Quá trình sử dụng Design Token và chuyển giao sao cho Cursor có thể hiểu được bản thân nó đã rất thú vị rồi. Vừa "tiki-taka" với AI vừa nhìn thấy sản phẩm của mình được hiện thực hóa trên web, mình đã học được chính xác "Vibe Coding" là gì. Đặc biệt, mình thực sự cảm động với tài liệu được thầy sắp xếp tỉ mỉ trên Notion, những phần bị lỡ khi xem video mình đều có thể giải quyết được khi làm theo Notion. Nếu thầy mở khóa học tiếp theo, nhất định mình sẽ đăng ký học!! Cảm ơn thầy rất nhiều ạ!!
5.0
janey23
Tôi thực sự đã tận hưởng và học được rất nhiều từ bài giảng này. Đây đúng là bài giảng tuyệt vời nhất của Vibe Coding. Việc kết nối MCP để Cursor tự động tạo ra đến 90% nội dung đúng là một thế giới mới, trước đây tôi luôn cảm thấy bế tắc khi lập trình... nhưng việc tận dụng công cụ dành cho nhà phát triển để chỉnh sửa thực sự khiến tôi rất cảm động. Dù việc chỉnh sửa từng chút một có hơi nhàm chán, nhưng sau khi xem hết bài giảng, tôi cảm thấy vô cùng tự tin rằng mình có thể chỉnh sửa bất kỳ cấu trúc nào. Cảm ơn bạn vì bài giảng tuyệt vời này. Tốc độ làm việc thực tế chắc chắn sẽ tăng lên gấp đôi luôn~ Luôn cảm ơn bạn vì những bài giảng chất lượng nhé~
5.0
hylimhy65
Là một người có thể sử dụng Figma và lập trình ở mức độ cơ bản, khóa học này đã giúp ích cho tôi rất nhiều trong việc nâng cao kỹ năng. Tôi cảm thấy những phần khó hiểu và rắc rối khi thiết kế bố cục bấy lâu nay đã được giải đáp một cách cực kỳ thỏa đáng. Trên hết, việc kết nối MPC để hiện thực hóa chính xác thiết kế ban đầu thực sự rất thú vị. Tôi có cảm giác rằng tốc độ làm việc của mình chắc chắn sẽ nhanh hơn gấp hai, ba lần. Ngoài ra, việc sử dụng công cụ dành cho nhà phát triển (Developer Tools) để dễ dàng chỉnh sửa những kết quả mà AI tự tạo ra cũng để lại ấn tượng rất mạnh mẽ với tôi. Thông qua khóa học này, tôi đã tự tin rằng mình có thể hoàn thành các trang web responsive (tương thích đa thiết bị) một cách thực sự nhanh chóng. Tôi xin chân thành cảm ơn giảng viên đã tạo ra một khóa học tuyệt vời như thế này.
Đúng như thiết kế của tôi! Hiện thực hóa bằng AI mà không sai lệch dù chỉ 1 pixel
Hiểu rõ và triển khai hoàn hảo Figma Auto Layout
Hiểu và thực hiện thiết kế web phản hồi (responsive web) trên Figma
Tìm hiểu cách đăng ký và áp dụng Figma Variables
Hiểu rõ và triển khai hoàn hảo cấu trúc layout HTML/CSS và web đáp ứng (Responsive Web)
Nắm vững cách sử dụng công cụ dành cho nhà phát triển (Developer Tools)
Prompt Vibe Coding chiến lược kiểm soát hoàn toàn bằng cách tận dụng AI
Học cách chỉnh sửa cả những kết quả lập trình mà AI tự ý thực hiện.
Tìm hiểu và triển khai cách tạo GSAP ScrollTrigger
Dễ dàng triển khai xây dựng web phản hồi bằng cách sử dụng TailwindCSS
Hiểu về khái niệm và cấu trúc cơ bản thông qua việc tái cấu trúc (refactoring) React
Trải nghiệm toàn bộ quy trình tạo danh mục hồ sơ năng lực (portfolio) web, từ Thiết kế → Coding giao diện → Quản lý phiên bản bằng Git → Cho đến triển khai trên Vercel.
Khóa học này dành cho ai?
Những người có thể thiết kế nhưng đang phải tạm dừng việc làm portfolio vì vấp phải rào cản lập trình.
Những ai đã từng sử dụng AI nhưng cảm thấy thất vọng vì kết quả không như ý muốn.
Những ai muốn hiện thực hóa 100% kết quả theo đúng ý mình thông qua câu lệnh AI.
Những người mơ ước trở thành chuyên gia Full-stack, có thể tự mình thực hiện mọi công đoạn từ thiết kế đến triển khai.
Trở thành một nhà phát triển sở hữu cả năng lực thiết kế lẫn lập trình và là một nhà thiết kế full-stack.
Những ai muốn tăng năng suất công việc lên gấp 5 lần thông qua AI
Những người đang rất cần một bản hồ sơ năng lực (portfolio) tương tác chất lượng cao để xin việc hoặc chuyển việc.
Cần biết trước khi bắt đầu?
Cung cấp bài giảng miễn phí mà ngay cả những người mới bắt đầu học Figma cũng có thể thử sức.
Cung cấp bài giảng miễn phí mà ngay cả những người mới bắt đầu học HTML/CSS cũng có thể thử sức.
4,893
Học viên
249
Đánh giá
232
Trả lời
4.9
Xếp hạng
12
Các khóa học
"Tôi là J. Young, giảng viên Bootcamp UI/UX Web Planning, Design và Front-end.
Tôi đã điều hành công ty phát triển web và ứng dụng trong suốt 20 năm qua và đã trực tiếp trải qua sự khốc liệt của thực tế. Dựa trên kinh nghiệm đó, hiện tại tôi đang nỗ lực đào tạo các chuyên gia kế cận từ thiết kế UI/UX đến phát triển front-end tại các trường đại học và tổ chức giáo dục chuyên nghiệp, và cho đến nay đã giúp hơn 500 người tiến thân vào thực tế.
Triết lý giảng dạy của tôi rất rõ ràng.
Kết nối thông suốt từ cơ bản đến thực tế
Cô đọng các kỹ năng cốt lõi mà thực tế công việc yêu cầu
Hoàn thiện hồ sơ năng lực (portfolio) thực chiến giúp bạn đạt được thành công khi xin việc
Dành cho những ai đang mông lung không biết bắt đầu từ đâu, những nhân viên văn phòng mơ ước chuyển nghề nhưng thiếu thời gian, và cả những người mới bắt đầu cảm thấy lập trình là một câu chuyện xa vời. Tôi sẽ biến con đường 20 năm mình đã đi qua thành lối tắt cho các bạn. Cho đến ngày bạn tự tin đứng vững với tư cách là một người làm nghề thực thụ, tôi sẽ cố gắng hết sức để trở thành một người tiền bối (sasu) đáng tin cậy hỗ trợ bạn.
J.young sẽ giúp đỡ các bạn.!!
Ngoài ra!! Nếu có bất kỳ thắc mắc nào trong quá trình học tập, hãy để lại bình luận,
mình sẽ cố gắng hết sức để đưa ra câu trả lời hữu ích cho các bạn.
Kinh nghiệm thực tế
- 2017~nay) Giám đốc UIUX & Web
- 2015~2017) Giám đốc điều hành Công ty Cổ phần Eliesel
- 2003~2015) Giám đốc điều hành Công ty Cổ phần Amusingwear
- 2003: Trưởng phòng Thiết kế tại Seo-woo C&D
- Hiện tại)
- Giảng viên Bootcamp UIUX Web Planning/ Design/ Front-end (Học viện Ezen DX - Chi nhánh Gangnam)
- Giảng dạy chuyên sâu về Portfolio Thiết kế/ Phát triển và giảng dạy theo nhóm
* Kênh YouTube đang hoạt động (Designer biết code)
Vận hành phòng chat mở
Để việc học tập được thuận lợi hơn, nếu bạn tham gia vào phòng chat mở Jalnan Web-D do J.young điều hành,
tôi sẽ giải đáp các thắc mắc về bài giảng và phản hồi về portfolio.
- Tên phòng chat mở: Jalnan Web-D
- Mã: jyoung
Tất cả
68 bài giảng ∙ (8giờ 4phút)
Tài liệu khóa học:
Tất cả
15 đánh giá
4.9
15 đánh giá
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Là một người có thể sử dụng Figma và lập trình ở mức độ cơ bản, khóa học này đã giúp ích cho tôi rất nhiều trong việc nâng cao kỹ năng. Tôi cảm thấy những phần khó hiểu và rắc rối khi thiết kế bố cục bấy lâu nay đã được giải đáp một cách cực kỳ thỏa đáng. Trên hết, việc kết nối MPC để hiện thực hóa chính xác thiết kế ban đầu thực sự rất thú vị. Tôi có cảm giác rằng tốc độ làm việc của mình chắc chắn sẽ nhanh hơn gấp hai, ba lần. Ngoài ra, việc sử dụng công cụ dành cho nhà phát triển (Developer Tools) để dễ dàng chỉnh sửa những kết quả mà AI tự tạo ra cũng để lại ấn tượng rất mạnh mẽ với tôi. Thông qua khóa học này, tôi đã tự tin rằng mình có thể hoàn thành các trang web responsive (tương thích đa thiết bị) một cách thực sự nhanh chóng. Tôi xin chân thành cảm ơn giảng viên đã tạo ra một khóa học tuyệt vời như thế này.
Chào bạn hylimhy65, Bạn đã hoàn thành khóa học rồi sao. Tôi rất cảm ơn khi biết rằng khóa học đã giúp bạn giải đáp được những phần còn vướng mắc. Việc kết nối MCP để thực hiện Vibe Coding thực sự là một bước tiến đáng kinh ngạc của AI. Hy vọng những kiến thức này sẽ giúp ích nhiều trong việc nâng cao năng suất làm việc của bạn. Tôi sẽ sớm trở lại với những bài giảng chất lượng hơn nữa. Trân trọng, J.young
Đánh giá 9
∙
Đánh giá trung bình 5.0
5
Tôi thực sự đã tận hưởng và học được rất nhiều từ bài giảng này. Đây đúng là bài giảng tuyệt vời nhất của Vibe Coding. Việc kết nối MCP để Cursor tự động tạo ra đến 90% nội dung đúng là một thế giới mới, trước đây tôi luôn cảm thấy bế tắc khi lập trình... nhưng việc tận dụng công cụ dành cho nhà phát triển để chỉnh sửa thực sự khiến tôi rất cảm động. Dù việc chỉnh sửa từng chút một có hơi nhàm chán, nhưng sau khi xem hết bài giảng, tôi cảm thấy vô cùng tự tin rằng mình có thể chỉnh sửa bất kỳ cấu trúc nào. Cảm ơn bạn vì bài giảng tuyệt vời này. Tốc độ làm việc thực tế chắc chắn sẽ tăng lên gấp đôi luôn~ Luôn cảm ơn bạn vì những bài giảng chất lượng nhé~
Cảm ơn janey23 rất nhiều vì những đánh giá chân thành về khóa học. Tôi rất vui khi biết rằng kỹ năng refactoring của bạn đã được cải thiện thông qua bài giảng lần này. Một lần nữa xin cảm ơn bạn ^^ J. Young Dream
Đánh giá 8
∙
Đánh giá trung bình 5.0
5
Tôi đã là một nhà thiết kế sản phẩm (Product Designer) được 8 năm rồi. Tôi ghét cảm giác bản thân cứ mãi lo lắng sợ hãi bị AI cướp mất vị trí công việc, nên tôi đã quyết định đăng ký khóa học này! Tôi nghĩ rằng nếu tự mình xây dựng portfolio, tôi sẽ nắm bắt được cách ứng dụng AI vào công việc thực tế như thế nào! Quá trình thiết kế biến số (variables) trong Figma, sắp xếp design tokens và truyền tải chúng cho Cursor thông qua MCP thực sự là một thế giới mới!! Trước đây, tôi từng nghĩ vai trò của nhà thiết kế sẽ kết thúc sau khi bàn giao (hand-off) cho bên phát triển, nhưng giờ đây tôi đã có thể phân tích code để loại bỏ những cấu trúc không cần thiết và quan sát cả quá trình tái cấu trúc (refactoring) bằng React. Điều này giúp tôi có thể đảm nhận vai trò rộng hơn trong công việc thực tế. Sau khi nghe bài giảng của thầy, tôi nhận ra rằng AI không phải là một công cụ đáng sợ, mà là một cộng sự vô cùng mạnh mẽ nếu chúng ta biết cách chỉ dẫn chính xác. Em cảm ơn thầy nhiều ạ!
Tôi thực sự cảm ơn những đánh giá này từ một nhà thiết kế sản phẩm đã có 8 năm kinh nghiệm thực tế. Đúng vậy ạ.. Lúc đầu tôi cũng từng lo sợ rằng nếu AI làm hết mọi thứ thì mình sẽ mất việc, nhưng sau một thời gian kiên trì sử dụng AI, tôi nhận ra rằng cuối cùng người chiến thắng chính là người biết cách điều khiển AI tốt nhất. Trong tương lai, tôi sẽ tiếp tục tìm tòi, nghiên cứu và chia sẻ những phương pháp để nâng cao năng lực ứng dụng AI. Xin cảm ơn bạn. ^^
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
Tôi đã nghe qua một vài bài giảng về MCP, và thực sự cảm nhận được sự khác biệt rõ rệt so với các khóa học MCP khác. Không chỉ dừng lại ở việc giải thích tính năng đơn thuần, giảng viên đã hướng dẫn một cách hệ thống cách kết nối Figma MCP và AI vào quy trình làm việc thực tế, đồng thời cho thấy cả quá trình tái cấu trúc (refactoring) nên tôi rất hài lòng. Cá nhân tôi cảm thấy đây thực sự là lớp học MCP tốt nhất. Đặc biệt, phần hướng dẫn cách sử dụng Figma Variables được hệ thống lại rất tốt, và tổng thể quy trình đẩy nhanh tốc độ làm việc theo phong cách "Vibe Coding" cực kỳ tuyệt vời. Sau khi học xong, có rất nhiều điểm khiến tôi nghĩ ngay rằng "À, cái này có thể áp dụng được luôn", nên đây không phải là một bài giảng chỉ nghe để biết mà là một bài giảng thực sự đọng lại kỹ năng trên đôi tay. Quả nhiên, bài giảng của giảng viên J.Young luôn mang lại sự tin tưởng tuyệt đối. Tôi cũng rất đề xuất khóa học này cho những bạn đang chuẩn bị portfolio.
Chào bạn Eun-seu, Cảm ơn bạn rất nhiều vì những đánh giá khóa học ấm áp này nhé~~ Vì là Vibe Coding nên mình đã gặp chút khó khăn trong quá trình quay hình, nhưng đọc những lời này cảm giác như mọi mệt mỏi đều tan biến hết vậy. Thật lòng cảm ơn bạn. Chúc bạn học tập thật tốt để có một Portfolio xịn sò và giúp ích thật nhiều cho công việc thực tế nhé. Mình luôn ủng hộ bạn! ^^ Xin cảm ơn bạn! ^^
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
Thật lòng thì dạo gần đây, mỗi khi có AI mới ra mắt, mình lại cảm thấy lo lắng mơ hồ rằng liệu sau này công việc của mình có biến mất không ㅜ Vì ghét cảm giác bản thân trở nên nhỏ bé trước những dòng code nên mình đã quyết định đăng ký khóa học của thầy J-young. Thông thường khi tìm hiểu về MCP, đa số chỉ dừng lại ở việc giải thích các tính năng của công cụ, nhưng khóa học này mang lại cảm giác thực chiến thực sự nên mình rất thích. Quá trình sử dụng Design Token và chuyển giao sao cho Cursor có thể hiểu được bản thân nó đã rất thú vị rồi. Vừa "tiki-taka" với AI vừa nhìn thấy sản phẩm của mình được hiện thực hóa trên web, mình đã học được chính xác "Vibe Coding" là gì. Đặc biệt, mình thực sự cảm động với tài liệu được thầy sắp xếp tỉ mỉ trên Notion, những phần bị lỡ khi xem video mình đều có thể giải quyết được khi làm theo Notion. Nếu thầy mở khóa học tiếp theo, nhất định mình sẽ đăng ký học!! Cảm ơn thầy rất nhiều ạ!!
Cảm ơn bạn blake choi rất nhiều vì đánh giá khóa học đầy cảm động này. Tôi còn cảm thấy biết ơn hơn khi bạn thấy rằng khóa học thực sự mang lại cảm giác thực chiến. Tôi sẽ nỗ lực hơn nữa để mang đến những bài giảng chất lượng hơn trong tương lai. Thân ái, J.young.
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!
Ưu đãi có thời hạn
50.820 ₫
30%
1.521.773 ₫