Tôi có nên học HTML và CSS trước khi học JavaScript không?

Sự thôi thúc xây dựng các ứng dụng phức tạp hơn có thể khiến bạn cắt giảm sớm nhưng điều này sẽ không giúp ích lâu dài.  

Điều quan trọng là phải học HTML trước JavaScript nếu bạn muốn trở thành nhà phát triển front-end. HTML xếp ngay sau JavaScript về mức độ phổ biến, với 56% số người được hỏi cho biết họ sử dụng nó hàng ngày.  

Đó là công nghệ mà web được xây dựng và hiểu được nó là điều cốt yếu đối với thành công lâu dài của bạn

Hãy tìm hiểu sâu hơn một chút để hiểu tại sao học HTML trước JavaScript lại có lợi như vậy và nó có thể có ý nghĩa lâu dài to lớn như thế nào

Mục lục

Bạn có cần học HTML trước JavaScript không?

Trước đây, các trang web được xây dựng bằng HTML, CSS và JavaScript thuần túy. Họ là ba chàng lính ngự lâm của sự phát triển web

  • HTML là ngôn ngữ đánh dấu cung cấp cấu trúc trang web.  
  • CSS là ngôn ngữ tạo kiểu tạo kiểu cho đánh dấu của bạn.  
  • JavaScript giúp làm cho HTML và CSS của bạn có tính tương tác

Không biết gì về HTML, gần như không thể sử dụng JavaScript trong ngữ cảnh.  

Vanilla JS tương tác trực tiếp với DOM và sử dụng ID hoặc Lớp của phần tử để thao tác với nó. Không có nó, các trang web sẽ vẫn ở trạng thái tĩnh và chúng tôi sẽ bị mắc kẹt với mọi trang trông giống như được thiết kế cách đây 20 năm

Bạn có thể sử dụng HTML và CSS mà không cần JavaScript, nhưng kết quả không được tốt. Đó là một cách tốt để thực hành các nguyên tắc cơ bản nhưng sẽ không giúp bạn tiến xa về mặt sẵn sàng cho công việc

Nếu không học HTML, bạn sẽ thấy cực kỳ khó khăn để có được vai trò nhà phát triển tử tế

Nhìn chung, trước khi có các framework hiện đại, việc học HTML trước JavaScript là vô cùng quan trọng.  

Các khung công tác JS đã thay đổi trò chơi

Các khung JavaScript như React đã thay đổi cách tiếp cận này. Sự đơn giản và hiệu quả của nó đã làm cho React hoàn toàn đáng để học hỏi.  

Các khung này trừu tượng hóa tương tác với DOM, do đó bạn không nhất thiết phải nhắm mục tiêu các phần tử cụ thể bằng cách sử dụng ID hoặc lớp.  

Thay vào đó, bạn nhập, kết xuất và sửa đổi các thành phần khi cần, thay vì thao tác trực tiếp với đánh dấu HTML

Các thư viện giao diện người dùng như UI UI cho phép bạn nhập toàn bộ thành phần mà không cần phải viết một dòng HTML.  

Nếu bạn có ý định chỉ sử dụng React, bạn có thể không cần học HTML trước JavaScript. Sự ra đời của các khung và thư viện JS đã làm giảm nhu cầu học HTML trước JavaScript. Tuy nhiên, tôi rất khuyên chống lại điều này.  

Sẽ luôn có lúc bạn cần gỡ lỗi các thành phần hoặc hiểu cách một thành phần sẽ tự trình bày. Nếu không biết HTML, thật khó để hiểu các thành phần này sẽ hiển thị như thế nào. Hoặc làm thế nào các thuộc tính khác nhau có thể ảnh hưởng đến khả năng sử dụng.   

Vượt qua các cuộc phỏng vấn kỹ thuật sẽ rất khó khăn nếu bạn thậm chí không thể trả lời các câu hỏi cơ bản về HTML và CSS.  

Học cách viết mã là một quá trình và việc bỏ qua HTML để ưu tiên tốc độ cuối cùng sẽ không được đền đáp

LIÊN QUAN Học JavaScript có đủ để trở thành nhà phát triển phần mềm không?

Tại sao việc học HTML trước JavaScript lại quan trọng

Là một người đang cố gắng học JavaScript một cách nhanh chóng, có vẻ như bạn nên chuyển thẳng sang phần này. Bỏ lỡ HTML và CSS trên đường đi.  

Tuy nhiên, có rất nhiều lý do tuyệt vời để đảm bảo rằng bạn hiểu HTML trước khi chuyển sang JavaScript. Chúng ta hãy xem một vài trong số họ dưới đây.  

1. Định nghĩa bài văn

Học HTML trước JavaScript giúp bạn hiểu rõ hơn về cách các công nghệ giao diện người dùng chính kết hợp với nhau. Nó cung cấp giàn giáo mà CSS và JS của bạn dựa vào đó.  

Sẽ khó nắm bắt những thứ mà JavaScript có thể thao tác hơn rất nhiều nếu bạn chưa từng sử dụng hoặc tìm hiểu về chúng trước đây. Thật khó để tạo biểu mẫu hoặc hình ảnh nếu bạn không biết các thuộc tính liên quan mà các yếu tố này cần

Hiểu biết vững chắc về HTML giúp bạn đặt mọi thứ vào ngữ cảnh khi bạn chuyển sang các khái niệm lập trình phức tạp hơn có trong JS.  

2. Chiều sâu

Các vai trò kỹ sư phần mềm cấp đầu vào vẫn sẽ khiến bạn phải trả lời các câu hỏi kỹ thuật trong suốt quá trình phỏng vấn.  

Hiểu biết vững chắc về HTML và CSS là lượng kiến ​​thức tối thiểu tuyệt đối cần có trong những tình huống này.  

Trong các cuộc phỏng vấn, các câu hỏi có xu hướng tăng dần độ khó. Sẽ rất khó để chứng minh giá trị của bạn với nhà tuyển dụng nếu bạn không thể thảo luận về lợi ích của HTML ngữ nghĩa hoặc giải thích cách bạn bố trí một trang web đơn giản.  

Học HTML trước khi học JS giúp bạn có kiến ​​thức chuyên sâu hơn để có thể thể hiện những gì bạn biết. Bạn sẽ có thể nói trôi chảy hơn về các khái niệm giao diện người dùng với HTML trong túi sau của mình, vì vậy đừng bỏ qua nó.  

3. đi vani

Với hầu hết các công việc đòi hỏi một số loại kiến ​​thức về React hoặc Vue, thật dễ hiểu tại sao mọi người lại rất muốn nhảy vào các framework. Điều tương tự cũng xảy ra với các khung CSS như BootStrap và Tailwind CSS.  

Vì vậy, nhiều nhà phát triển muốn xây dựng mọi thứ càng nhanh càng tốt để họ không mất thời gian tìm hiểu công nghệ cơ bản.  

Bỏ qua HTML và chuyển thẳng sang JavaScript là một triệu chứng của điều này.  

Dành thời gian của bạn để tìm hiểu HTML, sau đó là CSS và sau đó là JavaScript sẽ giúp bạn có một vị trí tốt sau này. Sử dụng vanilla và tránh bất kỳ thời gian nào của thư viện hoặc khung cho đến khi bạn nắm bắt được các nguyên tắc cơ bản của từng công nghệ đã nói ở trên.  

Hãy nhớ học lập trình là một cuộc chạy marathon, không phải chạy nước rút. Đừng đi tắt đón đầu và bạn sẽ có hiểu biết toàn diện hơn về phát triển web về lâu dài

4. khả năng tiếp cận

Khi bạn trở thành một nhà phát triển có kinh nghiệm hơn, khả năng truy cập sẽ xuất hiện trên radar của bạn hết lần này đến lần khác.  

Google đặt rất nhiều trọng lượng vào khả năng tiếp cận. Họ thậm chí còn đưa Lighthouse, trình kiểm tra khả năng truy cập của họ, vào các công cụ dành cho nhà phát triển Chrome. Nó cũng ngày càng trở nên quan trọng đối với SEO, với các trang web có thể truy cập hoạt động tốt hơn trong bảng xếp hạng tìm kiếm

Ở cấp độ cá nhân, bạn cũng muốn tạo ra những sản phẩm mà mọi người đều có thể sử dụng, bất kể nền tảng của họ là gì.  

Tạo các trang có thể truy cập cực kỳ khó thực hiện nếu bạn không chọn HTML trước JavaScript.  

Có rất nhiều thuộc tính HTML trợ giúp với trình đọc màn hình và các sản phẩm khác được thiết kế dành riêng cho khả năng truy cập. Cách bạn chọn bố trí trang web của mình cũng ảnh hưởng rất lớn đến nó

Bạn cần hiểu những điều cơ bản về HTML để có thể cung cấp cho người dùng của mình trải nghiệm tốt nhất có thể.  

5. Động lực

Bạn sẽ cần rất nhiều động lực khi học viết mã, đặc biệt nếu bạn đi theo con đường tự học.  

Một trong những điều tuyệt vời về HTML và CSS là phản hồi tức thì. Đơn giản chỉ cần viết một vài dòng đánh dấu, dán một lớp lên đó và bạn đã tạo ra thứ gì đó từ con số không.  

Những chiến thắng dễ dàng này rất quan trọng ngay từ đầu và sẽ khiến bạn đói khi học các khái niệm khó hơn.  

Đi thẳng vào JavaScript có nghĩa là bạn không có đệm này. Đôi khi bạn có thể đập đầu vào tường hàng giờ để cố giải quyết một vấn đề.  

Đánh giá đúng quy trình và vượt qua từng giai đoạn một cách đúng đắn sẽ cung cấp cho bạn những công cụ cần thiết sau này. Nó giúp ích cho tư duy phản biện của bạn và khiến bạn có đầu óc kỹ thuật hơn.  

Nhìn chung, điều này sẽ giúp bạn có động lực trong giai đoạn học viết mã sau này

LIÊN QUAN Bạn có nên học Bootstrap?

Học HTML, CSS và JavaScript

Một trong những tài nguyên tốt nhất trên internet là Lộ trình dành cho nhà phát triển Front-End trên GitHub. Bạn không cần phải làm theo chính xác nhưng đó là một phác thảo tuyệt vời về những điều bạn nên làm quen trên hành trình trở thành kỹ sư front-end.  

Tôi đã cung cấp ảnh chụp màn hình bên dưới nhưng hãy xem liên kết ở trên để biết phiên bản đầy đủ. Đó là một cách tuyệt vời để theo dõi khi học

LIÊN QUAN Bạn có nên học HTML trước Python không?

Phần kết luận

Nhìn chung, bạn nên học HTML trước JavaScript nếu bạn muốn có một công việc tốt. Có hơn 40.000 nhà phát triển front-end ở Hoa Kỳ và tôi có thể đảm bảo rằng mọi người trong số họ đều dành thời gian để học HTML trước khi chọn JavaScript. Bạn cũng nên

HTML và CSS có cần thiết cho JavaScript không?

Có, bạn cũng sẽ phải học HTML và CSS , vì đó là cách bạn hiển thị mọi thứ. JavaScript chạy phía sau hậu trường và tương tác với HTML và CSS để thực hiện các thay đổi trên màn hình. Bạn sẽ phải viết mã GUI (Giao diện người dùng đồ họa) bằng HTML và CSS.

Tôi nên biết bao nhiêu HTML và CSS trước JavaScript?

Chà, tôi cho rằng bạn chỉ cần có khoảng 2 tuần HTML và 2 tuần CSS (vì bạn học trong khoảng ~3 . Ngoài ra, hãy lưu ý rằng khi tôi nói "học", ý tôi thực sự là "học + triển khai mọi thông tin bạn thu thập được khi thực hành thông qua việc tạo một trang web".

Tôi nên học gì trước JavaScript?

Trước khi bắt đầu mô-đun này, bạn không cần có bất kỳ kiến ​​thức JavaScript nào trước đó, nhưng bạn nên có một số hiểu biết về HTML và CSS. Bạn nên làm việc thông qua các mô-đun sau trước khi bắt đầu với JavaScript. Bắt đầu với Web (bao gồm phần giới thiệu JavaScript thực sự cơ bản)

Tôi có nên học CSS framework trước JavaScript không?

Mặc dù kiến ​​thức và khả năng làm việc với các khung và thư viện JavaScript phổ biến là những kỹ năng có thể bán được trên thị trường, nhưng bạn phải học JavaScript trước khi chọn chúng. Nếu bạn không học được nền tảng của JavaScript, bạn sẽ không bao giờ thực sự biết được các tính năng của các khung này đang hoạt động như thế nào