Trang web đầu tiên của bạn
Mô-đun này giới thiệu cho bạn những điều thực tế trong phát triển web. Bạn sẽ thu thập các tài nguyên và viết mã để xây dựng một trang web đơn giản, rồi xuất bản (publish) nó để cả thế giới có thể xem.
Tạo ra một trang web chuyên nghiệp đòi hỏi rất nhiều công sức, vì vậy nếu bạn mới bắt đầu với phát triển web, chúng tôi khuyến khích bạn hãy bắt đầu từ những điều nhỏ. Bạn sẽ không tạo ra Facebook ngay lập tức, nhưng tự tay xây dựng một trang web đơn giản trực tuyến lại không hề khó, vì vậy chúng ta sẽ bắt đầu từ đó.
Điều kiện tiên quyết
Mô-đun này không yêu cầu kiến thức trước về công nghệ web, nhưng bạn cần phải quen thuộc với việc sử dụng hệ điều hành của mình, bao gồm việc sử dụng hệ thống tệp (file system) và duyệt web. Bạn nên cài sẵn một trình soạn thảo mã (code editor) và nhiều trình duyệt web.
Nếu chưa có những thứ này, chúng tôi gợi ý bạn hãy xem qua mô-đun Thiết lập môi trường trước.
Các hướng dẫn
- Trang web của bạn trông như thế nào?
-
Trước khi bắt đầu viết mã cho trang web, bạn nên lên kế hoạch trước. Bạn đang trình bày thông tin gì? Bạn sẽ dùng phông chữ và màu sắc nào? Ở đây chúng tôi sẽ phác thảo một phương pháp đơn giản mà bạn có thể làm theo để lên kế hoạch cho nội dung và thiết kế của trang web.
- Tạo nội dung
-
HTML (HyperText Markup Language) là mã dùng để cấu trúc trang web và nội dung của nó. Ví dụ, nội dung có thể được cấu trúc trong một tập hợp các đoạn văn, một danh sách có dấu đầu dòng, hoặc sử dụng hình ảnh và bảng dữ liệu. Bài viết này cung cấp hiểu biết cơ bản về HTML và các chức năng của nó, đồng thời hướng dẫn bạn cách tạo nội dung cơ bản cho trang web đầu tiên.
- Tạo kiểu cho nội dung
-
CSS (Cascading Style Sheets — Bảng kiểu tầng) là mã dùng để tạo kiểu cho nội dung web. Tạo kiểu cho nội dung hướng dẫn những gì bạn cần để bắt đầu. Chúng tôi sẽ trả lời các câu hỏi như: Làm thế nào để làm cho văn bản có màu đỏ? Làm thế nào để hiển thị nội dung ở một vị trí nhất định trong bố cục trang web? Làm thế nào để trang trí trang web với hình nền và màu sắc?
- Thêm tính tương tác
-
JavaScript là ngôn ngữ lập trình thêm tính tương tác vào trang web. Điều này xảy ra trong các trò chơi, trong hành vi phản hồi khi nhấn nút hoặc nhập dữ liệu vào biểu mẫu, với kiểu dáng động, với hoạt ảnh, v.v. Bài viết này giúp bạn bắt đầu với JavaScript và mở rộng sự hiểu biết về những gì có thể làm được.
- Xuất bản trang web của bạn
-
Sau khi hoàn thành việc viết mã và tổ chức các tệp tạo nên trang web, bạn cần đưa tất cả lên mạng để mọi người có thể tìm thấy. Bài viết này giải thích cách đưa trang web mẫu của bạn lên mạng một cách dễ dàng.
Xem thêm
- The Frontend Developer Career Path MDN learning partner
-
Frontend Developer Career Path của Scrimba dạy tất cả những gì bạn cần biết để trở thành một nhà phát triển web front-end thành thạo, với các bài học và thử thách tương tác thú vị, giáo viên am hiểu và cộng đồng hỗ trợ. Học từ đầu đến khi có được công việc front-end đầu tiên! Nhiều thành phần của khóa học có sẵn dưới dạng phiên bản độc lập miễn phí.