개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)
코드캠프
10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt
Intermediate
React, Next.js, cursor
Bạn đã thấy một bài giảng tập trung hoàn toàn vào CSS chưa? Trong bài giảng này, bạn sẽ làm việc trên tổng cộng hai dự án và triển khai mọi thứ từ cấu hình bố cục cơ bản nhất đến thiết kế đáp ứng! Bây giờ, nếu bạn đã sẵn sàng, hãy bắt đầu.
DỪNG sao chép mã hóa! Tạo mã của riêng bạn
Cải thiện sự hiểu biết của bạn về khả năng đáp ứng
Khả năng triển khai một trang web đáp ứng thực tế
Xử lý giao tiếp thời gian thực với máy chủ
Hơn 60 thuộc tính cập nhật được sử dụng trong thực tế
Chương 02: Dạy những kiến thức cơ bản về lập trình
CSS mạnh mẽ!
Xây dựng kỹ năng CSS vững chắc để tạo ra các trang web đáp ứng thực tế!
Bộ sưu tập hơn 60 thuộc tính mới nhất và các khái niệm CSS quan trọng.
Một trong những điều mà các nhà phát triển mới vào nghề thấy khó khăn là 'CSS'.
Nếu bạn đang thắc mắc, "Ngữ pháp thì đơn giản, vậy tại sao tôi lại không thể làm theo cách tôi muốn?", thì bạn đã đến đúng nơi rồi.
Bây giờ, chúng ta hãy cùng tìm hiểu về các nguyên tắc và đặc điểm cơ bản của CSS và từng bước tìm hiểu lý do nhé!
Chúng ta sẽ học CSS thực tế bằng cách xây dựng trang web đáp ứng của riêng mình.
Đây không chỉ là một khóa học mà bạn chỉ cần làm theo mã. Chúng tôi sẽ giải thích ý nghĩa của từng dòng mã và hướng dẫn bạn cách sử dụng CSS thực tế . Bằng cách tạo cửa hàng trực tuyến của riêng mình thông qua dự án này, bạn sẽ có được kỹ năng để tạo ra trang web responsive như mong muốn.
Dự án 01.
"Ngày hôm nay của bạn thế nào?" Hãy viết nhật ký trực tuyến.
"Văn bản và đối tượng đều bị lộn xộn... Tôi không thể sắp xếp chúng theo ý muốn để chúng đẹp hơn được sao?"
Bạn có thể giải quyết bất kỳ vấn đề nào với CSS mà bạn đã thành thạo. Hãy học các nguyên tắc cơ bản và cách sử dụng CSS trong khi tạo nhật ký của riêng bạn. Đừng bỏ lỡ bất kỳ khái niệm và thuộc tính khó nào!
Dự án 02.
Tìm hiểu những kiến thức cơ bản về phát triển trang web bằng cách tạo trung tâm mua sắm của riêng bạn.
Hiểu hệ thống bố cục Flex của CSS thông qua cửa hàng trực tuyến của riêng bạn. Nghiên cứu Flex và Grid, những yếu tố thiết yếu cho bố cục web hiện đại, và học cách sử dụng chúng bằng cách sao chép và mã hóa các trang web thực tế.
Dự án 02. Nâng cao + α
Hãy triển khai trực tiếp tính 'phản hồi', yếu tố thiết yếu trong phát triển!
Làm thế nào để trang web của bạn trông đẹp mắt trên nhiều nền tảng khác nhau! Thiết kế đáp ứng chính là câu trả lời. Sử dụng các dịch vụ được xây dựng trên website, bạn sẽ được học các kỹ thuật CSS nâng cao như bố cục lưới và thiết kế web đáp ứng. Tìm hiểu các thành phần CSS động như chuyển tiếp, khung hình chính và hoạt ảnh để làm phong phú trải nghiệm người dùng trên trang web của bạn!
💡 Chúng tôi khuyên bạn nên lập thời gian biểu và học tập thường xuyên, liên tục .
💡 Vui lòng tạo tài khoản Notion, một công cụ cộng tác, để nhận tài liệu học tập.
💡 Tài liệu học tập cần thiết cho khóa học được cung cấp trong Notion (liên kết) .
※ CodeCamp sở hữu bản quyền tài liệu học tập này. Nghiêm cấm sử dụng, phân phối hoặc sao chép trái phép.
H. Tôi có thể tham gia khóa học mà không cần có kiến thức trước không?
A. Bạn cần có kiến thức cơ bản về HTML! Nếu bạn muốn tham gia khóa học này sau khi đã xây dựng nền tảng vững chắc hơn về HTML, CSS và các lĩnh vực khác, tôi khuyên bạn nên tham gia khóa học [Bắt đầu với Free Camp!] .
H. Có sách giáo khoa riêng không?
A. Vui lòng sử dụng [tài liệu bài giảng] do Notion cung cấp!
H. Tôi có cần cài đặt chương trình nào trước khi tham gia khóa học không?
A. Vâng, vui lòng cài đặt Chrome và VSCode trước! Chúng ta sẽ cùng nhau cài đặt các chương trình khác trong buổi thuyết trình!
H. Bạn có thể giới thiệu cho tôi những khóa học nào sau khi học [Powerful CSS]?
A. Tôi đề xuất khóa học [Warm JavaScript].
Sẽ thật tuyệt nếu tôi có thể cải thiện mã của mình để lấp đầy những khoảng trống phải không?
Khóa học này dành cho ai?
(★Được đề xuất★) [Bắt đầu với Trại miễn phí] Người tham gia khóa học
Nhà xuất bản hoặc nhà phát triển giao diện người dùng muốn tìm hiểu các thuộc tính mới nhất
Những người quan tâm đến phát triển front-end
Nhà thiết kế UI/UX muốn nâng cao hiểu biết về xuất bản
Những người muốn phát triển bản thân thông qua việc viết mã
Những người muốn củng cố kiến thức cơ bản về web/ứng dụng đáp ứng
Cần biết trước khi bắt đầu?
(★Được đề xuất★) [Bắt đầu với Trại miễn phí] Học qua bài giảng
Kiến thức cơ bản về HTML
Đam mê và ý chí trở thành lập trình viên
tò mò về mã hóa
13,497
Học viên
384
Đánh giá
200
Trả lời
4.8
Xếp hạng
12
Các khóa học
"Try anything, Try everything!"
코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!
Tất cả
43 bài giảng ∙ (11giờ 51phút)
1. CSS là gì?
03:38
3. Cách áp dụng CSS
03:36
4. Bộ chọn 1
05:18
5. Kiểu font cơ bản
16:42
6. Mô hình hộp
24:12
7. inline và block
12:26
8. Thực hành 1
48:17
9. Bố cục là gì?
02:02
10. Bộ chọn 2
07:22
11. luồng bố cục CSS
05:02
12. bố cục float
52:47
13. Bố cục flex
23:20
14. Thực hành 2
17:14
15. Bộ chọn 3
33:22
16. Bố cục flex 2
11:19
17. Thực hành 3
08:35
Tất cả
61 đánh giá
5.0
61 đánh giá
Đánh giá 10
∙
Đánh giá trung bình 4.9
5
자바만 하다가 CSS를 건드려 보고 싶어서 우연히 수강하게 되었습니다. 일단 대부분의 강의가 강사 혼자 신나서 떠들고 북치고 장구치고 하는데, 이 강의는 별 ★★★★★★ 여섯 개 드리겠습니다. 장점: 1. 이 강의 강사님은 긴 수업임에도 불구하고, 차분하고, 안정된 목소리 톤을 유지 하십니다. 라이브 코딩이 가능함 2. 강의가 산만하지 않습니다. (개발자 도구를 이리저리 왔다갔다 하지 않아서 좋아요) 3. flex, position, grid, transition 이 부분이 굉장히 좋네요. flex나 grid설명 할 때 PPT가 신의 한 수인 같습니다. 4. 강사님이 굉장히 꼼꼼하세요. 말로 떼우거나 대충 넘어가는 경우는 거의 없습니다. 5. 70%정도를 알려 준 다음에 30%를 과제로 이 시스템도 매우 훌륭함...
안녕하세요 똑같이썼는데안돼님😊 무려 별을 6개나 주시다니... 감사합니다! 정말 수강생의 입장에서 느낄 수 있는 장점들을 세세하게 나열해주셔서 저희도 정말 감동 받았습니다☺️ 앞으로도 유익한 강의들을 많이 개설할 예정이니 많은 기대와 관심 부탁드립니다 :)
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
평소에 css 지식이 부족하다고 생각해서 수강하게 되었습니다. 강의 후 마지막에 실습을 통해 배웠던 것을 적용시켜서 결과물을 만들어 보니 좋네요. 특히 섹션 7. animation, 섹션 9. 반응형 레이아웃 부분 잘 들었습니다! 그리고 강사분 목소리가 좋으셔서 편안하게 들었습니다. 전에 했던 개인 프로젝트 강의 내용 참고해서 리팩토링해봐야겠네요.
안녕하세요 hry님😊 코드캠프 css 강의를 수강해주셔서 감사합니다. 개인 프로젝트 리팩토링에 꼭 도움이 되길 바랍니다 💪
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
디자인감각 없는 초보 개발자라 항상 css에서 제일 막히고 시간을 많이 쓰는거 같아요. 기초를 부실하게 배워서 시작한거라 그런지^ㅜ 그래서 인프런에서 무료강의라도 들으면서 css 기본기 다져놓자고 생각했는데 마침 이 강의가 저렴하게 풀려서 듣게 됐어요 꼭 필요한 핵심들만 되게 차분하게 설명해주셔서 공부하면서 적으면서 따라갈 수 있는게 가장 좋았어요 듣는 김에 다른 강의들도 들어보자 싶어서 다같이 결제했는데 다른 강의도 완강 기대돼요
안녕하세요 수양님😊 코드캠프 강의를 수강해주셔서 감사합니다! 실제로 주니어 개발자분들이 가장 까다로워 하는 게 CSS이기 때문에 이 부분을 고려해서 제작한 강의입니다 :) 꼭 완강하셔서 자신의 스타일대로 웹 페이지를 구현할 수 있는 개발자가 되시길 바랍니다💪
478.307 ₫
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!