Mã hóa Đối với những người mới bắt đầu Cheat Sheet - núm vú

Bởi Nikhil Abraham

Coding là từ vựng, logic và cú pháp của các phần bằng nhau. Đầu tiên, mã hóa dường như đáng sợ nhưng với thực tế, thật dễ dàng để có được sự thoải mái với thuật ngữ, khái niệm và cấu trúc của nó. Hiểu biết về mã hóa không giống như việc học một ngôn ngữ mới: Sử dụng nó thường xuyên và bạn sẽ thấy mình có khả năng nói, suy nghĩ và viết mã. Tuy nhiên, đối với người mới bắt đầu có những câu hỏi là điều tự nhiên. Có rất nhiều tài nguyên mã hóa có sẵn cho bạn, cả trong và ngoài mạng. Hỏi quanh và bạn sẽ thấy mình không cô đơn - nhiều người khác đang học. Sau cùng, mã hóa là một nền giáo dục không ngừng nghỉ. Sư phụ hay khía cạnh kia và một người mới mở ra trước mặt bạn.

Coding Vocabulary

Coding có một từ vựng rộng rãi mà các giáo dân có thể dường như không thể xuyên thủng kỹ thuật. Cho dù bạn đang đọc bài báo liên quan đến mã hóa trực tuyến hay nói chuyện với một nhà phát triển trong công việc, bạn có thể nghe những từ mà bạn chưa từng nghe trước đó hoặc có ý nghĩa khác trong ngữ cảnh mã hóa. Dưới đây là một số từ vựng phổ biến cần biết:

• Thuật ngữ phát triển web chung:

  • Máy chủ: Máy tính lưu trữ mã trang web và mã trang web "phục vụ" khi được yêu cầu bởi máy tính "khách hàng". Máy chủ thường ngồi trong các kho hàng lớn với hàng ngàn máy chủ khác, và có kích thước và sức mạnh tương đương với máy tính ở nhà của bạn.

  • Khách hàng: Một thiết bị được sử dụng để truy cập trang web, bao gồm máy tính để bàn hoặc máy tính xách tay, máy tính bảng hoặc điện thoại di động.

  • Nhà thiết kế: Một người chuyên nghiệp nghệ thuật quyết định cách trang web sẽ nhìn và cảm nhận cùng với cách người dùng tương tác với trang web - chẳng hạn như, nhấp, vuốt, cuộn, v.v …

  • Khung hình: Một minh hoạ được tạo ra bởi các nhà thiết kế thể hiện chi tiết bố cục, hình ảnh và các phối màu.

  • Nhà phát triển: Chuyên gia kỹ thuật viết mã để chuyển wireframes thành các trang web có thể sử dụng được Dựa vào kiểu mã được viết, các nhà phát triển được gọi là front-end, back-end, hoặc full stack.

  • Front-end: Mọi thứ bạn có thể thấy và nhấp vào trong trình duyệt. Các nhà phát triển front-end viết mã bằng các ngôn ngữ front-end như HTML, CSS và JavaScript để tạo ra sự xuất hiện của trang web.

  • Back-end: Mọi thứ diễn ra đằng sau hậu trường để làm cho giao diện người dùng hoạt động như dự định. Các nhà phát triển back-end viết mã bằng các ngôn ngữ back-end như Ruby hoặc Python để tạo các chức năng như đăng nhập người dùng, lưu trữ sở thích của người dùng và lấy dữ liệu như nhận xét về ảnh.

• Các thuật ngữ liên quan đến ngôn ngữ giao diện đầu cuối:

  • HTML ( Ngôn ngữ đánh dấu siêu văn bản ): Một ngôn ngữ được sử dụng để đặt văn bản, hình ảnh và nội dung khác trên một trang web.

  • Thẻ HTML: Hướng dẫn HTML, thường xuất hiện theo cặp. Trình duyệt áp dụng các hiệu ứng đặc biệt cho văn bản giữa một thẻ mở và đóng thẻ HTML. Ví dụ: thẻ

    hiển thị trong trình duyệt dưới dạng tiêu đề được tô đậm và có thể được sử dụng như sau:

    Dewey đánh bại Truman

    .

  • thuộc tính HTML: Thuộc tính hoặc tham số cho các thẻ HTML sửa đổi hành vi của thẻ. Thuộc tính luôn được đặt trong thẻ mở HTML. Ví dụ: href là thuộc tính trong thẻ neo sau (được sử dụng để tạo siêu liên kết):

    Công cụ tìm kiếm
    

  • CSS ( Cascading Style Sheets): Mã thay đổi HTML trên các trang web và điều khiển sự xuất hiện của nội dung bằng cách thay đổi kích thước văn bản, kích thước hình ảnh, và các thuộc tính khác.

  • JavaScript: Mã cho biết thêm tính tương tác và hoạt ảnh cho các trang web. JavaScript cũng phát hiện các sự kiện của trình duyệt chẳng hạn như nhấp chuột, xác nhận đầu vào của người dùng như các mục nhập văn bản và truy xuất dữ liệu từ các trang web bên ngoài.

  • Biến: Vị trí lưu trữ được đặt tên và chứa dữ liệu số hoặc văn bản (được gọi là chuỗi ) để sử dụng sau này.

  • Nếu câu lệnh (có điều kiện): Một lệnh mã kiểm tra một điều kiện thường bao gồm các biến, chẳng hạn như x <18, và thực hiện mã mà bạn viết khi điều kiện là đúng.

  • Chức năng: Một tên được đưa ra cho một nhóm các câu lệnh chương trình để dễ dàng tham khảo và sử dụng.

• Các thuật ngữ liên quan đến ngôn ngữ back-end:

  • Ruby: Một ngôn ngữ lập trình mã nguồn mở được biết đến nhiều nhất để sử dụng trong lập trình web.

  • Rails: Một khuôn khổ được thiết kế để tạo ra các trang web với Ruby dễ dàng.

  • Python: Ngôn ngữ lập trình nguồn mở được sử dụng trên web, trong các ứng dụng khoa học, và để phân tích dữ liệu.

Tài liệu tham khảo mã nguồn và Tài nguyên

HTML, CSS và JavaScript là các ngôn ngữ lập trình phổ biến nhất. Bảng dưới đây liệt kê một số tài nguyên trực tuyến, tài liệu tham khảo và hướng dẫn để giúp bạn tiếp tục thực hành cả ba ngôn ngữ.

• W3Schools: Tài liệu tham khảo hướng dẫn về HTML, CSS và JavaScript

• HTML cheat sheet: Các lệnh HTML được sử dụng phổ biến nhất

• CSS cheat sheet: Các lệnh CSS phổ biến nhất

• Các hướng dẫn HTML: Hướng dẫn và bài báo cho web duy trì bởi Google

• Các hướng dẫn CSS: Các bài hướng dẫn và các bài báo dành cho lập trình web, với trọng tâm vào CSS

• Các hướng dẫn bằng JavaScript: Hướng dẫn và hướng dẫn tham khảo cho JavaScript

Các lỗi mã hoá thường gặp

Mã không hoạt động? Dưới đây là một số lỗi phổ biến mà có thể đi lên ngay cả những coder kinh nghiệm nhất. Nếu mã của bạn sẽ không chạy, thử chạy danh sách kiểm tra này để xem nếu bạn có bất kỳ lỗi nào trong số này:

• Không có thẻ HTML đóng sau mỗi lần mở thẻ HTML.

• Thiếu dấu ngoặc trong HTML.

• Thiếu dấu ngoặc nhọn, dấu hai chấm, hoặc dấu chấm phẩy trong CSS, như sau:

  h1 {color: blue;}
  

• Thiếu dấu ngoặc nhọn trong JavaScript, đặc biệt cho các câu lệnh if.

• Quên có cặp cặp giá đóng cho mỗi cặp dấu nháy mở.

• Có nhiều thẻ mở và đóng, thẻ hoặc thẻ.

• Đưa mã HTML vào tệp hoặc phần CSS và đặt mã CSS trong phần HTML. Nếu mã đề cập đến phong cách và diện mạo, nó có thể là CSS.

• Không liên kết đến tệp CSS của bạn bằng cách sử dụng thẻ, và vì vậy các hiệu ứng CSS của bạn không hiển thị trong trình duyệt.

• Sai chính tả một phần của lệnh, như trong

  , không chính xác vì thuộc tính được đánh vần là src not scr.

• Bao gồm các thuộc tính bên ngoài thẻ mở HTML. Ví dụ:

  src = "biểu tượng. jpg "là không chính xác vì thuộc tính nằm ngoài nhãn hình ảnh mở.