Mất bao lâu để thành thạo html và css

CSS là yếu tố chính của sự phát triển web hiện đại. Bạn nhất định phải học nó để trở thành Frontend dev

Bạn sẽ mất khoảng 2-3 tuần để học CSS và 1-2 tháng thực hành để thành thạo CSS. Bạn sẽ nắm bắt được CSS trong bao lâu tùy thuộc vào số giờ mỗi ngày bạn sẵn sàng dành

Nếu lịch trình của bạn rất chặt chẽ, tôi khuyên bạn nên dành ít nhất một giờ mỗi ngày

Giống như HTML, CSS cũng dễ học vì có ít khái niệm cần nhớ. Những khái niệm này bao gồm

• cú pháp CSS
• Các thuộc tính CSS phổ biến
• Mô hình hộp CSS
• Cách tìm thêm thông tin

cú pháp CSS

Khái niệm đầu tiên cần nhớ là biết cú pháp của CSS. Về bản chất, cú pháp CSS có ba phần. Chúng là bộ chọn, thuộc tính và giá trị

Đây là một ví dụ cơ bản về cú pháp CSS. Nó yêu cầu CSS thay đổi màu của phần tử h1 thành màu đỏ

h1 {
  color: red;
}

Hãy để tôi giải thích những gì đang xảy ra trong mã này

1. h1 là bộ chọn CSS và nó trỏ đến phần tử HTML mà bạn muốn thay đổi kiểu. Trong trường hợp này, chúng tôi chọn phần tử h1
2. color là thuộc tính CSS và nó cho biết loại kiểu dáng bạn muốn áp dụng. Trong trường hợp này, hãy thay đổi màu của phần tử h1
3. red là giá trị thuộc tính CSS và nó cho biết kiểu sẽ thay đổi như thế nào. Trong trường hợp này, thay đổi màu phần tử h1 thành màu đỏ

Miễn là bạn nhớ cú pháp, thì bạn gần như biết một nửa các quy tắc CSS. Nửa còn lại đến từ kinh nghiệm (phạm lỗi và học hỏi từ chúng) và thực hành thường xuyên

Các thuộc tính CSS phổ biến

Khái niệm tiếp theo cần biết là thuộc tính CSS. Mặc dù CSS có hơn một trăm thuộc tính, nhưng có rất ít thuộc tính bạn sẽ sử dụng thường xuyên. Các thuộc tính CSS phổ biến này bao gồm

• Màu sắc
• Chiều rộng và chiều cao
• Tiểu sử
• Màu nền
• Cỡ chữ
• Ký quỹ và đệm
• Biên giới
• Trưng bày

Khi biết các thuộc tính CSS phổ biến này, bạn sẽ có nền tảng để xây dựng các trang web đơn giản. Đối với các thuộc tính CSS còn lại, bạn sẽ tìm hiểu chúng khi cần

Mô hình hộp CSS

Khái niệm thứ ba cần nhớ là hiểu mô hình hộp CSS là gì

Mỗi phần tử HTML bao quanh một hộp được gọi là mô hình hộp. Mô hình hộp này bao gồm nhiều thuộc tính là lề, phần đệm, đường viền và nội dung. Mục đích của box model là giúp bạn thiết kế và xây dựng bố cục của một trang web. Nó cũng là một công cụ hữu ích để xác định các vấn đề trong kiểu dáng CSS

Học CSS Box Model lúc đầu rất khó khăn. Nhưng với đủ thời gian và thực hành, nó sẽ có ý nghĩa với bạn. Ngoài ra, khi bạn đã học nó, bạn sẽ hiểu sâu về CSS và có thể xây dựng các thiết kế web phức tạp

Cách tìm thêm thông tin

Khái niệm cuối cùng cần nhớ là cách tìm thêm thông tin về CSS

Điều quan trọng là phải biết cách tìm kiếm vì rất nhiều lần, bạn sẽ dành thời gian tìm kiếm cách thêm kiểu dáng trong CSS và khắc phục mọi sự cố bạn gặp phải khi xây dựng bố cục trang web.

Nơi đầu tiên để bắt đầu là MDN Web Docs. Đây là một trang web tài liệu chính thức, nơi bạn có thể tìm hiểu mọi thứ liên quan đến CSS. Một trang web tốt khác để tìm kiếm thông tin CSS là CSS-Tricks và Coderslang

Sự kết luận

Tóm lại, có thể bạn sẽ mất vài tuần để học những điều cơ bản về CSS. Miễn là bạn ghi nhớ các khái niệm CSS, như box modal, cú pháp và thực hành thường xuyên, bạn sẽ giỏi CSS trong vòng một hoặc hai tháng

Khi học một kỹ năng mới như viết mã, bạn rất dễ vấp ngã trước khi bắt đầu bằng cách lo lắng về thời gian cam kết. Có thể hiểu được rằng thật khó để vật lộn với bóng ma choáng ngợp của hàng tháng và hàng năm có thể cần đến để nâng cao kỹ năng, đặc biệt là khi bạn đang muốn thay đổi nghề nghiệp và bạn đã sẵn sàng cho sự thay đổi xảy ra ngày hôm qua. Viễn cảnh về một thời gian khó khăn như vậy sẽ đe dọa bất cứ ai

Nhưng thay đổi thực sự mất bao lâu? . HTML. HTML là ngôn ngữ được sử dụng để xác định các trang web cho trình duyệt web truy cập chúng, cho phép các trình duyệt đó dịch nội dung HTML của trang web thành nội dung bạn nhìn thấy trên màn hình thiết bị của mình (như đoạn văn, tiêu đề, nội dung âm thanh và video được nhúng, v.v.). Đó là khối xây dựng của Internet và sẽ giúp bạn hướng tới công việc với tư cách là nhà phát triển giao diện người dùng

Là một phần cơ bản của quy trình phát triển web, có vẻ như phải mất nhiều năm để thành thạo đúng không?

Học HTML. Suy nghĩ hàng tuần, không phải hàng tháng hay hàng năm

Dù bạn có tin hay không, ba chuyên gia web mà tôi đã nói chuyện đều đồng ý rằng những điều cơ bản về HTML có thể được học trong vài tuần thay vì vài tháng hoặc vài năm. Aleia Walker, Giảng viên phát triển web và Điều phối viên tham gia của cựu sinh viên tại Skillcrush, Ryan Turner, Đồng sở hữu tại công ty giải pháp web 3Prime và Stewart Small, Nhà phát triển web và Người sáng lập tại đại lý web đầy đủ dịch vụ Kttp, tất cả đều đồng ý rằng có thể thiết lập trình độ HTML cơ bản

Walker nói rằng cô ấy đã học được ý chính của HTML sau 15-25 giờ trải dài trong hai tuần, trong khi Small nói rằng ba tuần với bốn giờ mỗi ngày. Bất cứ nơi nào bạn kết thúc theo dòng thời gian này, điều đáng nói ở đây là khối xây dựng cơ bản nhất để phát triển trang web có thể được thêm vào bộ công cụ của bạn theo đúng nghĩa đen trong vài ngày hoặc vài tuần—điều này giúp bạn có nhiều thời gian hơn để tập trung vào những lợi ích của việc biết

Học HTML ở đâu và như thế nào

Không chỉ có thể học thành thạo HTML cơ bản trong một khoảng thời gian hợp lý đáng ngạc nhiên, mà còn có một số tùy chọn linh hoạt về địa điểm và cách học—và bạn không bao giờ cần phải vào lớp học nếu đó không phải là sở thích của bạn. Walker đã học những kiến ​​thức cơ bản về HTML thông qua sự kết hợp tiếp xúc ở trường—“trong thời kỳ MySpace,” cô ấy nói—và sau đó xem lại HTML nhiều năm sau đó thông qua khóa học 101 của Skillcrush—trong khi làm việc toàn thời gian trong một ngành khác. Turner cũng đã học HTML ở trường khi một giáo viên thành lập phòng máy tính như một dự án đam mê và cung cấp một khóa học. Nhỏ dựa vào các tài nguyên và nền tảng trực tuyến như Codeacademy, Coursera và Free Code Camp. Dựa vào nhu cầu về HTML trên thị trường việc làm và tính linh hoạt mà bạn có thể học, đó là một kỹ năng tối ưu để bạn học trong giờ nghỉ trưa tại văn phòng

Bước tiếp theo. Thêm CSS vào Bộ công cụ của bạn

Mặc dù bạn có thể học những kiến ​​thức cơ bản về HTML trong một tháng hoặc ít hơn, nhưng những kiến ​​thức cơ bản đó sẽ không đủ để hoàn thiện bộ công cụ công nghệ của bạn. Walker nói, khi bạn cảm thấy thoải mái với HTML, đã đến lúc bắt đầu chọn CSS (Cascading Style Sheets). CSS là ngôn ngữ anh em họ với HTML được sử dụng để chỉ định kiểu trang web—bố cục trang, màu sắc và phông chữ đều được xác định bằng CSS. Walker nói, học CSS sẽ tiếp tục nâng cao hiểu biết của bạn về HTML, đồng thời mở khóa các khả năng định dạng cần thiết để xây dựng các trang web chuyên nghiệp. Turner lặp lại CSS như một bước tiếp theo hợp lý, nói rằng — trong khi CSS yêu cầu kiến ​​thức về HTML để bắt đầu — thì việc thêm CSS vào kiến ​​thức HTML của bạn sẽ làm cho bộ kỹ năng tổng thể của bạn có giá trị hơn rất nhiều. Bạn có thể học CSS thông qua cùng một nền tảng dạy HTML trực tuyến và hai ngôn ngữ này thường được dạy cùng nhau dưới dạng một gói

Đặt tất cả lại với nhau và được trả tiền

Walker nói rằng một cơn hội chứng kẻ mạo danh đã trì hoãn việc chuyển từ học HTML sang làm công việc được trả lương của cô ấy, nhưng—sau sáu tháng thực hành HTML—cô ấy đã thuyết phục bản thân bắt đầu tìm kiếm các công việc lập trình viên nhỏ, được trả lương. Cô ấy đã có thể đảm nhận và hoàn thành những nhiệm vụ ban đầu này bằng cách sử dụng kiến ​​thức làm việc của mình về HTML và CSS. Đối với Small, phải mất khoảng hai tháng thực hành HTML trước khi anh ấy có được hợp đồng được trả lương đầu tiên. Tuy nhiên, cả Walker và Small đều đồng ý rằng để có được những công việc tự duy trì ở quy mô lớn hơn, cuối cùng họ cần thêm JavaScript—một ngôn ngữ lập trình kiểm soát các yếu tố tương tác của trang web như quảng cáo bật lên, trình chiếu và tự động hoàn thành trường tìm kiếm— . Tin tốt là trong cả hai trường hợp, các nguyên tắc cơ bản của HTML đã cho phép Walker và Small duy trì công việc nhà phát triển của họ và được trả tiền (cả tiền và kinh nghiệm thực tế) trong thời gian họ bắt kịp tốc độ với JavaScript

Nếu bạn nghiêm túc về việc học HTML và thực hiện bước đầu tiên hướng tới sự nghiệp trong lĩnh vực công nghệ, Walker có ba lời khuyên. "Làm. Các. Công việc. ” Walker nhấn mạnh rằng HTML là thứ bạn cần phải nhúng tay vào để có thể sử dụng thành thạo. “Không chỉ là xem hướng dẫn và hoàn thành một hoặc hai dự án,” Walker nói. “Bạn thực sự phải vào đó và dành thời gian của mình để sửa chữa mọi thứ và bắt đầu lại. ”

Small nói rằng bất kỳ công việc nào bạn đưa vào giao diện người dùng bằng HTML sẽ hoàn toàn xứng đáng trong tương lai. Với những kỹ năng công nghệ hiện có (tất cả đều phát triển từ HTML), anh ấy có thể trở thành ông chủ của chính mình với tư cách là một nhà phát triển web, làm việc theo giờ phù hợp với nhu cầu của mình và chịu trách nhiệm trực tiếp cho thành công của chính mình. Do nhu cầu về CNTT mà Small nhận thấy việc bước ra từ các lĩnh vực như giáo dục, kinh doanh, y học, công việc pháp lý, giao thông vận tải và truyền thông, anh ấy cảm thấy rằng bất kỳ ai có kiến ​​thức về HTML (và các kỹ năng phát triển từ kiến ​​thức nền tảng đó) sẽ giành được' . “Học kỹ năng công nghệ đôi khi có thể rất khó khăn,” Small nói, “nhưng nó hoàn toàn xứng đáng với thời gian và công sức. ”

Công nghệ có phù hợp với bạn không?

Bạn sẽ học. Nghề công nghệ có phù hợp với bạn không Nghề công nghệ nào phù hợp với thế mạnh của bạn Bạn cần có những kỹ năng gì để đạt được mục tiêu của mình

Scott Morris

Scott Morris là nhà văn và nhà sản xuất nội dung của Skillcrush. Giống như tất cả các thành viên trong nhóm của Skillcrush, anh ấy làm việc từ xa (trong trường hợp của anh ấy là từ Napa, CA). Anh ấy tin rằng nội dung đáng đọc (và khán giả của bạn có thể tìm thấy. ) tạo thương hiệu mà mọi người theo dõi. Anh ấy có kinh nghiệm viết về các chủ đề bao gồm việc làm và công nghệ, tiếp thị kỹ thuật số, trục xoay nghề nghiệp, bình đẳng giới, nuôi dạy con cái và văn hóa đại chúng. Trước khi bắt đầu sự nghiệp của mình với tư cách là một nhà văn và nhà tiếp thị nội dung, anh ấy đã dành 10 năm làm cha mẹ toàn thời gian cho hai cô con gái Veronica và Athena

Mất bao nhiêu giờ để học HTML và CSS?

Bạn có thể học HTML và CSS trong 3 tháng không?

HTML và CSS có khó học không?

Tôi có thể học HTML và CSS trong 2 tuần không?