강의

멘토링

로드맵

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) 62 đánh giá

2,327 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à

15,214

Học viên

419

Đánh giá

218

Trả lời

4.8

Xếp hạng

14

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ả

62 đánh giá

5.0

62 đánh giá

  • copro님의 프로필 이미지
    copro

    Đánh giá 10

    Đánh giá trung bình 4.9

    5

    100% đã tham gia

    Tôi tình cờ tham gia khóa học này vì tôi muốn thử CSS khi tôi mới chỉ học Java. Trước hết, hầu hết các bài giảng chỉ là người hướng dẫn nói chuyện sôi nổi và chơi trống, nhưng tôi sẽ cho bài giảng này ★★★★★★ sáu sao. công lao: 1. Dù thời gian học kéo dài nhưng người hướng dẫn vẫn giữ được giọng điệu bình tĩnh và ổn định. Có thể mã hóa trực tiếp 2. Bài giảng không gây mất tập trung. (Tôi thích không phải chuyển đi chuyển lại giữa các công cụ dành cho nhà phát triển) 3. Tôi thực sự thích các phần linh hoạt, vị trí, lưới và chuyển tiếp. PPT dường như là một ơn trời khi giải thích về flex hoặc lưới. 4. Người hướng dẫn rất kỹ lưỡng. Có rất ít trường hợp nó được nói ra hoặc bị bỏ qua. 5. Hệ thống này cũng rất tốt vì nó cho bạn biết khoảng 70% và sau đó chỉ định 30%...

    • codecamp
      Giảng viên

      Xin chào, tôi đã viết điều tương tự nhưng nó không hoạt động 😊 Bạn đã cho tôi 6 sao... cảm ơn bạn! Chúng tôi thực sự ấn tượng bởi danh sách chi tiết các ưu điểm có thể cảm nhận được từ góc nhìn của sinh viên☺️ Chúng tôi dự định sẽ mở nhiều bài giảng hữu ích trong tương lai, vì vậy các bạn hãy đón chờ và thể hiện sự quan tâm :)

  • hanry님의 프로필 이미지
    hanry

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    65% đã tham gia

    Tôi tham gia khóa học vì tôi nghĩ kiến ​​thức CSS của mình còn thiếu. Thật tuyệt khi được áp dụng những gì mình học được qua đào tạo thực tế cuối bài giảng và thu được kết quả. Tôi đặc biệt nghe Phần 7. Hoạt hình và Phần 9. Bố cục đáp ứng! Và giọng giảng viên cũng hay nên tôi nghe thoải mái. Tôi nghĩ tôi nên cấu trúc lại nó bằng cách tham khảo bài giảng về dự án cá nhân mà tôi đã làm trước đây.

    • codecamp
      Giảng viên

      Xin chào hry 😊 Cảm ơn bạn đã tham gia khóa học CSS Code Camp. Tôi hy vọng điều này sẽ giúp bạn trong việc tái cấu trúc dự án cá nhân của bạn 💪

  • swingsbooroong님의 프로필 이미지
    swingsbooroong

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Là một nhà phát triển mới vào nghề, không có ý thức về thiết kế, tôi dường như luôn gặp khó khăn nhất và dành nhiều thời gian nhất cho CSS. Có lẽ là do tôi bắt đầu học những điều cơ bản không tốt^ㅜ Vì vậy, tôi nghĩ mình sẽ tham gia một khóa học miễn phí từ Infrun và củng cố kiến ​​​​thức cơ bản về CSS của mình, nhưng khóa học này có giá thấp nên tôi chỉ tham gia. những điểm cần thiết một cách bình tĩnh, vì vậy cách tốt nhất là có thể theo dõi bằng cách viết ra trong khi học. Thật tốt khi tôi đang nghe, tôi muốn nghe các bài giảng khác, vì vậy tôi đã cùng nhau trả tiền. mong muốn hoàn thành các bài giảng khác.

    • codecamp
      Giảng viên

      Xin chào Suyang 😊 Cảm ơn bạn đã tham gia khóa học Code Camp! Trên thực tế, điều mà các nhà phát triển cấp dưới cảm thấy khó khăn nhất là CSS, vì vậy khóa học này được tạo ra với mục đích này :) Tôi hy vọng bạn hoàn thành khóa học và trở thành nhà phát triển có thể triển khai các trang web theo phong cách của riêng bạn💪

  • melody님의 프로필 이미지
    melody

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Ồ... Hơi khó hiểu các khái niệm CSS, nhưng giờ tôi đã hiểu Flex và Grid. Tôi cần chạy loại phản hồi một vài lần và thực hành nó nhiều hơn một chút.

    • codecamp
      Giảng viên

      Xin chào Teuldak 😊 Tôi rất vui vì bạn đã hiểu Flex và Grid sau khi xem bài giảng CSS thực tế của CodeCamp! Chỉ có thực hành nhất quán mới có thể giúp bạn có được những điều tốt đẹp💪 Hãy kiên trì!

  • dydtjq3241064님의 프로필 이미지
    dydtjq3241064

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    77% đã tham gia

    Tôi muốn nhanh chóng nhận được phiếu giảm giá sự kiện đánh giá khóa học. Tôi muốn thanh toán cho khóa học trước một cách nhanh chóng.

    • codecamp
      Giảng viên

      Xin chào dydtjq324 😊 Cảm ơn bạn đã chờ đợi bài giảng Code Camp! Tôi hy vọng bạn sẽ trở thành nhà phát triển front-end với Code Camp 😊

477.537 ₫

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!