강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Web Development

[Code Camp] CSS mạnh mẽ

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.

(5.0) 61 đánh giá

2,315 học viên

웹퍼블리싱
퍼블리싱
css
HTML/CSS

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

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

  • 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ế!

Với hơn 60 bất động sản
Mọi thứ về CSS đều ở một nơi.

[CSS mạnh mẽ] là ✨

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.


Nếu bạn theo dõi như thể đang thực hiện những bước nhỏ từ A đến Z,
Trước khi tôi biết điều đó, tôi đã có trang web tôi 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!


Sau khi tham gia lớp học [Powerful CSS]
Bạn có thể là người mới bắt đầu như thế này. 💪🏻


Đợi đã! Vui lòng kiểm tra trước khi đăng ký. 📢

💡 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.

Bạn có thắc mắc gì không? 💬

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?


Giới thiệu Team CodeCamp 💑

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

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

Xin chào
Đây là

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!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

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

Tất cả

43 bài giảng ∙ (11giờ 51phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

61 đánh giá

5.0

61 đánh giá

  • 똑같이썼는데안돼님의 프로필 이미지
    똑같이썼는데안돼

    Đánh giá 10

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    자바만 하다가 CSS를 건드려 보고 싶어서 우연히 수강하게 되었습니다. 일단 대부분의 강의가 강사 혼자 신나서 떠들고 북치고 장구치고 하는데, 이 강의는 별 ★★★★★★ 여섯 개 드리겠습니다. 장점: 1. 이 강의 강사님은 긴 수업임에도 불구하고, 차분하고, 안정된 목소리 톤을 유지 하십니다. 라이브 코딩이 가능함 2. 강의가 산만하지 않습니다. (개발자 도구를 이리저리 왔다갔다 하지 않아서 좋아요) 3. flex, position, grid, transition 이 부분이 굉장히 좋네요. flex나 grid설명 할 때 PPT가 신의 한 수인 같습니다. 4. 강사님이 굉장히 꼼꼼하세요. 말로 떼우거나 대충 넘어가는 경우는 거의 없습니다. 5. 70%정도를 알려 준 다음에 30%를 과제로 이 시스템도 매우 훌륭함...

    • 코드캠프
      Giảng viên

      안녕하세요 똑같이썼는데안돼님😊 무려 별을 6개나 주시다니... 감사합니다! 정말 수강생의 입장에서 느낄 수 있는 장점들을 세세하게 나열해주셔서 저희도 정말 감동 받았습니다☺️ 앞으로도 유익한 강의들을 많이 개설할 예정이니 많은 기대와 관심 부탁드립니다 :)

  • hry님의 프로필 이미지
    hry

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    65% đã tham gia

    평소에 css 지식이 부족하다고 생각해서 수강하게 되었습니다. 강의 후 마지막에 실습을 통해 배웠던 것을 적용시켜서 결과물을 만들어 보니 좋네요. 특히 섹션 7. animation, 섹션 9. 반응형 레이아웃 부분 잘 들었습니다! 그리고 강사분 목소리가 좋으셔서 편안하게 들었습니다. 전에 했던 개인 프로젝트 강의 내용 참고해서 리팩토링해봐야겠네요.

    • 코드캠프
      Giảng viên

      안녕하세요 hry님😊 코드캠프 css 강의를 수강해주셔서 감사합니다. 개인 프로젝트 리팩토링에 꼭 도움이 되길 바랍니다 💪

  • 수양님의 프로필 이미지
    수양

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    디자인감각 없는 초보 개발자라 항상 css에서 제일 막히고 시간을 많이 쓰는거 같아요. 기초를 부실하게 배워서 시작한거라 그런지^ㅜ 그래서 인프런에서 무료강의라도 들으면서 css 기본기 다져놓자고 생각했는데 마침 이 강의가 저렴하게 풀려서 듣게 됐어요 꼭 필요한 핵심들만 되게 차분하게 설명해주셔서 공부하면서 적으면서 따라갈 수 있는게 가장 좋았어요 듣는 김에 다른 강의들도 들어보자 싶어서 다같이 결제했는데 다른 강의도 완강 기대돼요

    • 코드캠프
      Giảng viên

      안녕하세요 수양님😊 코드캠프 강의를 수강해주셔서 감사합니다! 실제로 주니어 개발자분들이 가장 까다로워 하는 게 CSS이기 때문에 이 부분을 고려해서 제작한 강의입니다 :) 꼭 완강하셔서 자신의 스타일대로 웹 페이지를 구현할 수 있는 개발자가 되시길 바랍니다💪

  • 틀닭님의 프로필 이미지
    틀닭

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    오오.... css 개념 이해하기 좀 어려웠는데 플렉스랑 그리드가 이제 이해가 가네여. 반응형은 몇번 돌려보면서 좀 더 실습해 봐야겠어요

    • 코드캠프
      Giảng viên

      안녕하세요 틀닭님😊 코드캠프의 실무형 CSS 강의를 보시고 플렉스와 그리드를 이해하셨다니 정말 다행입니다! 꾸준한 실습만이 손에 남을 수 있습니다💪 완강하세요!

  • dydtjq324님의 프로필 이미지
    dydtjq324

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    77% đã tham gia

    수강평 이벤트 쿠폰 빨리 받고싶어요 프론트과정 빨리 결제하고파용~

    • 코드캠프
      Giảng viên

      안녕하세요 dydtjq324님😊 코드캠프 강의를 기다려주셔서 감사합니다! 코드캠프와 함께 꼭 프론트엔드 개발자로 거듭나시길 바라겠습니다😊

478.307 ₫

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

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!