Để bắt đầu, hãy nói về ý nghĩa thực sự của CSS. CSS là viết tắt của Cascading Style Sheets và theo MDN Web Docs, CSS là một
ngôn ngữ biểu định kiểu được sử dụng để mô tả cách trình bày của tài liệu được viết bằng HTML hoặc XML [bao gồm các phương ngữ XML như SVG, MathML hoặc XHTML]. CSS mô tả cách các phần tử sẽ được hiển thị trên màn hình, trên giấy, trong lời nói hoặc trên các phương tiện khác
thuật ngữ vanilla CSS os được sử dụng để mô tả CSS 'cổ điển' đơn giản cũ không dựa vào các plugin hoặc khung hoặc thư viện khác. Bản thân Vanilla CSS cực kỳ mạnh mẽ và cung cấp cho bạn vô số công cụ tạo kiểu
Tôi không thể bắt đầu nhấn mạnh tầm quan trọng của việc học vanilla CSS nếu bạn đang muốn làm công việc giao diện người dùng. Vâng, có rất nhiều thư viện tuyệt vời như Bootstrap cho phép bạn thực hiện mọi việc nhanh hơn nhiều và không phải lo lắng về các chi tiết phức tạp của các yếu tố định vị và kiểu dáng. Nhưng theo ý kiến cá nhân của tôi, biết “điều gì đang xảy ra bên trong” là một công cụ cực kỳ giá trị cần có.
Hầu hết các tính năng mà thư viện cung cấp cho bạn đều có thể chuyển thành vanilla HTML, CSS và Javascript. Việc biết các ngôn ngữ này ở dạng thuần túy và ở cấp độ cơ bản mang lại rất nhiều sức mạnh trong việc điều hướng cơ sở mã của bạn và làm cho mọi thứ trông và hoạt động theo cách bạn muốn
Hơn nữa, về mặt gỡ lỗi, nhu cầu biết cách thức và lý do mọi thứ hoạt động có lẽ là sự thật cơ bản duy nhất. Điều tôi muốn nói là, nói một cách logic, bạn không thể sửa chữa một thứ gì đó khi bạn không có ý tưởng hiệu quả về cách thức và lý do thứ đó hoạt động.
Tôi đã nhận thấy một trò đùa đang diễn ra trong cộng đồng lập trình rằng các nhà phát triển phụ trợ sợ hãi công việc giao diện người dùng, đặc biệt là đối phó với CSS
Tôi thành thật một chút bối rối bởi điều này. CSS ban đầu có thể đáng sợ nhưng nếu bạn có thể điều hướng các ngôn ngữ lập trình, bạn không thể thành thạo CSS. Có lẽ điểm cốt lõi của sự tranh cãi sẽ là thiết kế bởi vì đó là một ngọn núi của riêng nó để chinh phục. Nhưng theo ý kiến của tôi, tôi không tin rằng một người cần phải là một nhà thiết kế giỏi để thành thạo CSS
Hãy tưởng tượng kịch bản này chẳng hạn
Bạn làm việc cho một công ty khởi nghiệp muốn tạo trang web đầu tiên của mình [wooohooo. ]. Họ có một nhà thiết kế đồ họa tuyệt vời không biết gì về mã hóa ngoài những thứ SVG mà họ đã chọn từ Adobe Photoshop và Illustrator, vì vậy họ cung cấp cho bạn một bản mô phỏng trang web được in ra và hy vọng bạn có thể dịch mã đó thành mã
Bạn hơi bối rối vì bạn không nghĩ rằng mình có đủ khả năng để tạo kiểu cho mọi thứ trông giống như mô hình. Bạn hơi bối rối và bắt đầu tự hỏi tại sao bạn lại nhận công việc này ngay từ đầu
Bạn cố gắng tìm một lối thoát “dễ dàng” và bạn vào Bootstrap. bạn cực kỳ lo lắng khi đọc tài liệu vì bạn vẫn chưa quen với thuật ngữ CSS và bạn chỉ muốn mọi thứ trông thật đẹp. Bạn hiểu rõ về bootstrap và bạn làm cho mọi thứ trông giống với bản mô phỏng nhưng trông chúng vẫn giống như “bootstrappy” và cuối cùng bạn lại bối rối và tự hỏi tại sao mình lại nhận công việc này
Sau đó, bạn tự nghĩ, “này, tôi đã học JavaScript và nó thật đáng sợ và xa lạ khi bắt đầu nhưng sau khi vượt qua những tương tác đầu tiên, nhưng tôi đã hiểu được điều đó. ’. Vì vậy, bạn quyết định làm điều tương tự với CSS. ”
Bạn quyết định đối đầu với con quái vật CSS và bạn bắt đầu thử các khóa học trực tuyến miễn phí và đọc tài liệu của W3 Schools để hiểu ý nghĩa của nó. Sau khi đọc tài liệu và thử nghiệm một thời gian, bạn nhận ra rằng xử lý CSS giống như xử lý đất sét, bạn có thể nặn nó thành bất cứ thứ gì bạn muốn nếu bạn có nền tảng kiến thức vững chắc và các công cụ cần thiết để thao tác với nó
Cuối cùng, bạn cũng hiểu rõ lý do tại sao mọi thứ hoạt động theo cách chúng hoạt động [giống như mọi thứ khác trong lập trình, đây thường là những khoảnh khắc kiến thức thoáng qua, thay vì sự hiển linh của kiến thức]
Bây giờ bạn đã có một ý tưởng hay về cách thức hoạt động của những thứ như Bootstrap. và bạn có một nền tảng kiến thức tốt có thể giúp bạn điều hướng mô hình mà nhà thiết kế đưa cho bạn và cố gắng dịch nó thành mã
Giống như mọi thứ trong lập trình, ban đầu nó rất đáng sợ và khó chịu, đồng thời có rất nhiều trục trặc và bài học khó để học trong suốt quá trình. Nhưng theo tôi, bất kỳ ai có thể học và điều hướng một ngôn ngữ lập trình đều có thể thành thạo CSS
Rời khỏi kịch bản hoàn toàn giả tạo của chúng ta với một kết thúc có hậu và quay trở lại thực tại
CSS gây khó chịu và phiền phức và đôi khi đáng sợ. Tuy nhiên, nó cực kỳ mạnh mẽ và cung cấp cho bạn quyền kiểm soát tuyệt đối đối với cách tạo kiểu cho các trang/ứng dụng của bạn và hiện thực hóa tầm nhìn trong đầu bạn
Các lập trình viên đến từ các ngôn ngữ phụ trợ không nên bị đe dọa bởi CSS, giống như mọi thứ khác mà bạn từng học, có thể chinh phục được. Bạn chỉ cần dành thời gian và vượt qua những rào cản không thể tránh khỏi khi học một cái gì đó mới
Tôi hy vọng điều này sẽ giúp thúc đẩy bạn bắt đầu học CSS thuần túy và tìm hiểu những gì đang diễn ra dưới vỏ bọc của các thư viện và khung tạo kiểu