Recent Posts

banner-top-it-job-right.gif

Archive

Tags

Related Posts

6 lời khuyên dành cho người mới bắt đầu học HTML và CSS giúp cuộc sống của bạn dễ dàng hơn

Người mới bắt đầu học HTML và CSS có thể gặp phải một số phiền toái không lường trước được của việc lập trình, ví dụ như làm mới trang liên tục và cố gắng tham chiếu đúng thư mục hay tệp tin mong muốn. 6 lời khuyên dành cho người mới bắt đầu học HTML và CSS sau đây có thể giúp bạn giải quyết vấn đề đó nhanh chóng để tiết kiệm thời gian của bản thân.


Sử dụng phím tắt


Thường sẽ mất một khoảng thời gian nhất định khi bạn thực hiện một thao tác nào đó. Nếu bạn có thể giảm đi một giây khi lưu, chuyển đổi qua lại giữa các cửa sổ hay làm mới,… thì hiệu suất công việc của bạn sẽ tăng lên. Bạn có thể thực hiện được điều đó bằng cách sử dụng các phím tắt. Chúng không chỉ giúp người mới bắt đầu học HTML và CSS trở nên chuyên nghiệp hơn mà còn giúp họ không cần phải đắn đo quá nhiều mỗi khi thực hiện các thao tác đơn giản nữa.


html css

Dưới đây là một số phím tắt yêu thích của tôi, cả ở hệ điều hành Mac và Windows:


  • Lưu: ⌘/Ctrl + S

  • Làm mới: ⌘/Ctrl + R

  • Mở một thẻ mới: ⌘/Ctrl+ T

  • Đóng thẻ: ⌘/Ctrl + W

  • Mở lại thẻ đã đóng cuối cùng: ⌘/Ctrl +Shift + T

  • Chuyển đến thẻ kế tiếp (đối với thẻ trước đó thì thêm Shift): ⌃/Ctrl + Tab

  • Đóng ứng dụng hiện tại: ⌘ + Q // Alt + F4

  • Chuyển đổi ứng dụng: ⌘/Alt + Tab

  • Chọn trường URL của trình duyệt: ⌘ + L // Alt + D

  • Mở công cụ phát triển trình duyệt: ⌘+ ⌥+ I hoặc Ctrl + Shift + I hoặc F12

  • [Chỉ dành cho hệ điều hành MAC] Chuyển đổi các cửa sổ của cùng một ứng dụng: ⌘ + `

  • [Chỉ dành cho hệ điều hành MAC] Mở cài đặt của ứng dụng: ⌘ + ,

  • [Chỉ dành cho hệ điều hành MAC] Phóng to tối đa ứng dụng: Nhấp đúp vào bất cứ vị trí nào trên thanh menu

  • [Chỉ dành cho hệ điều hành MAC] Xóa ký tự bên phải con trỏ: fn + delete

  • [Trong trình chỉnh sửa mã] Tìm và mở tệp trong dự án: ⌘/Ctrl + P

  • [Trong trình chỉnh sửa mã] Tìm kiếm toàn cầu: ⌘/Ctrl + Shift + F

  • Nếu bạn gặp khó khăn trong việc sử dụng Vim:

  • Thoát: Esc rồi :q

  • Lưu và thoát: Esc rồi :wq, hoặc Shift + Z + Z


Tối ưu hóa môi trường phát triển của bạn


Mỗi người đều có quá trình phát triển riêng, không có một bộ công cụ hay cài đặt quy chuẩn nào dành cho tất cả mọi người. Vì vậy, người mới bắt đầu học HTML và CSS hãy thử mọi thứ, đọc nhiều hơn và xem xem điều gì là phù hợp nhất với bản thân mình.


Môi trường phát triển tích hợp (IDE’s)


Các chương trình soạn thảo mã trực tuyến đều có những ưu và nhược điểm riêng của mình. Tuy vậy, hầu hết các nhà phát triển web mà tôi biết đều đa phần sử dụng các trình Sublime, VSCode hoặc Vim. Hãy chọn chương trình yêu thích của bạn nhưng đừng bao giờ dùng Atom. Bên cạnh đó, các nhà phát triển web đều sử dụng giao diện tối.


Nếu là người mới bắt đầu học HTML và CSS, bạn sẽ phải Google để biết cách đưa các thông số vào cài đặt bên dưới cho IDE mà bạn chọn. Dưới đây là những cài đặt chuẩn ưu tiên của tôi:


  • Đặt giới hạn ký tự cho ngắt dòng tự động là 100 ký tự

  • Hiển thị thước kẻ: 80, 100 ký tự

  • Thêm từ điển để kiểm tra chính tả

  • Nhấn nút Tab thay thì thanh dấu cách (Space)

  • Chuyển đổi nút Tab thành dấu cách, tốt nhất là 2

  • Hiển thị tất cả các ký tự vô hình

  • Cắt bớt khoảng trắng ở cuối khi lưu

  • Sử dụng Prettier nếu bạn không thích mã tự động định dạng


Các chương trình phần mềm khác

  • Bạn có thể sử dụng phần mềm để tự động việc làm mới trình duyệt khi cập nhật mã như LiveReload

  • Sử dụng ngôn ngữ tiền xử lý CSS như SASS để tạo kiểu dễ dàng hơn. Một số tính năng tuyệt vời bao gồm lồng lớp, biến và thu nhỏ các tập tin.

  • Các chương trình dòng/ lệnh như iTerm2 với nhiều tính năng tùy chỉnh hỗ trợ bạn thực hiện công việc dễ dàng.


Biên tập trực tuyến


Sử dụng các trình soạn thảo trực tuyến như CodePen, JSFiddle hoặc CodeSandbox. Đây là một lựa chọn cho bạn nếu chỉ muốn kiểm tra một cái gì đó hoặc trong trường hợp bạn có nhiều máy tính khác nhau và không muốn cập nhật tệp tin của mình thường xuyên. Nói về cách bạn sẽ cập nhật và khớp mã trên các máy tính, bạn nên học Git.


Git được sử dụng khá phổ biến ở tất cả các công ty công nghệ và rất hữu hiệu trong việc kiểm soát phiên bản và hợp tác làm việc. Bạn có thể sử dụng GitHub để tra cứu các dự án nguồn mở và xem các ví dụ mã ở đó. Một lần nữa, phần mềm bạn chọn sử dụng là tùy thuộc vào bạn: GitHub Desktop, GitKraken hay CLI.


Viết thông điệp cam kết tốt là rất quan trọng. Nếu bạn từng phân vân khi đặt tên các tệp Final, Final2, Fina-Final-For-Real,... thì sau đó bạn sẽ biết cuộc đấu tranh