Xin chào, hôm nay chúng tôi cuối cùng sẽ viết một số mã, và
tôi sẽ hướng dẫn bạn qua nó bằng cách cho bạn thấy làm thế nào bạn có thể sử dụng một biên tập viên.
Một trong những cạm bẫy lớn nhất mà tôi đã thấy nhiều học sinh của tôi thực hiện là họ lắng nghe
quá cẩn thận những gì tôi đang nói, thay vì thực sự cố gắng đi sâu vào và
bắt đầu lập trình, bản thân họ.
Vì vậy, trong khi tôi khuyến khích các bạn ngồi lại và xem những gì tôi sẽ làm ngay bây giờ,
trong một chút tôi hy vọng các bạn sẽ ngồi xuống và các bạn sẽ lập trình với tôi.
Bước đầu tiên là bạn cần tạo và chỉnh sửa các tệp của mình.
Một trong những cạm bẫy lớn nhất mà bạn sẽ gặp phải là bạn
sẽ lưu các tập tin của mình khắp nơi, bạn sẽ không thể tìm thấy chúng sau này.
Vì vậy, hãy quyết định cách bạn sắp xếp tệp của mình.
Anh định đặt tên cho thư mục của mình là gì?
Anh định để nó ở đâu?
Thứ hai, bạn cần phải quyết định về một quy ước đặt tên.
Đây chỉ là một cách ưa thích để nói quyết định làm thế nào bạn sẽ đặt tên cho tập tin của bạn.
Vì vậy, mặc dù nhiều người sử dụng một máy Mac, và bạn được phép sử dụng dấu cách trong
tên tập tin của bạn, đây không phải là điều bạn muốn làm khi bạn đang viết mã.
Vì vậy, quyết định rằng nếu bạn có hai từ bạn muốn đặt lại với nhau,
bạn sẽ sử dụng gạch dưới để kết nối chúng hoặc sử dụng một cái gì đó chúng tôi gọi là CamelCase,
nơi bạn viết hoa chữ cái đầu tiên của mỗi từ.
Chỉ cần nhớ, không bao giờ sử dụng không gian và
rất nhất quán về viết hoa của bạn nếu bạn đang đi để sử dụng nó.
Cuối cùng, bạn cần phải quyết định một biên tập viên.
Nếu sử dụng máy Windows, Notepad đã được tích hợp sẵn.
Bạn cũng có thể xem xét sử dụng Notepad ++ hoặc Sublime.
Nếu bạn đang sử dụng máy Mac, TextedNó là trình soạn thảo mặc định,
mặc dù nhiều người cũng sử dụng TextWrangler.
Tôi sẽ sử dụng Sublime trong suốt phần còn lại của khóa học, nhưng hôm nay
tôi sẽ chỉ cho bạn những ví dụ về cách chỉnh sửa trong Notepad và TextedIt là tốt.
Vì vậy, để bắt đầu, chúng ta hãy nhanh chóng xem lại năm bước mà chúng ta sẽ
làm, một vài trong số đó lặp đi lặp lại.
Bạn sẽ bắt đầu bằng cách mở trình soạn thảo của bạn, và sau đó bạn sẽ lưu tệp của bạn,
thêm một số nội dung, lưu tệp một lần nữa và mở tệp đó trong trình duyệt của bạn.
Tôi muốn hướng dẫn các bạn qua một ví dụ nhanh, và
tôi sẽ sử dụng Sublime để làm điều đó.
Nhưng đừng lo, tôi sẽ tiếp tục và
chỉ cho các bạn một số cách khác để làm điều đó là tốt.
Vì vậy, tôi đã đưa lên trình biên tập Sublime của tôi ở đây, một tập tin màu đen đẹp.
Tôi sẽ bắt đầu bằng cách đi nộp đơn.
Và cứu.
Và tôi sẽ đặt tên nó chỉ là firstpage.html.
Bây giờ một trong những điều bạn cần phải quyết định ngay lập tức là nơi
bạn sẽ lưu nó.
Hy vọng rằng bạn đã quyết định về điều này trước khi bạn thậm chí bắt đầu làm việc.
Tôi sẽ giữ tôi trong một thư mục gọi là trang web mà tôi đã đặt trên máy tính để bàn của tôi.
Nhưng bạn có thể chọn bất cứ thứ gì ở đây, hoặc thậm chí nếu bạn muốn,
nếu bạn nhấp vào bên cạnh ở đây, bạn có thể tạo một thư mục hoàn toàn mới.
Những gì bạn không muốn làm là lưu tất cả mã của bạn trên màn hình nền của bạn.
Hãy đi Save.
Và bây giờ, trong khi có rất nhiều lần tôi buộc các bạn phải ngồi qua và
nhìn tôi gõ khủng khiếp trên màn hình, cái này, chỉ để tiết kiệm thời gian,
tôi sẽ đi trước và lừa đảo và dán vào một số đoạn mã mà tôi đã viết.
Như bạn thấy, tôi có loại doc của tôi, phần đầu và cơ thể.
Trong đầu, tôi đã bao gồm mã hóa và tiêu đề của tôi.
Trong cơ thể, chúng ta sẽ nói lời chào thôi.
Tôi đã vào và lưu nó bằng Ctrl+S
Bạn luôn có thể làm File > Save, nhưng tôi thấy Ctrl+S nhanh hơn nhiều.
Và đối với mỗi trình soạn thảo bạn sử dụng có những
phím hữu ích nhỏ này để giúp bạn biết rõ hơn hay không bạn đã thay đổi bất cứ điều gì.
Vì vậy, nếu bạn nhìn ngay bây giờ tại firstpage.html, mà có thể là khó khăn cho
bạn để nhìn thấy, nếu tôi đi vào và thay đổi bất cứ điều gì.
Bạn thực sự có một vòng tròn nhỏ để cho bạn biết rằng bạn đã không được cứu trong
một thời gian ngắn.
Vì vậy, tôi đã đi trước, tôi đã tạo ra nội dung và bây giờ là lúc để tôi mở trang của mình.
Một cách để làm điều đó là đến đây để thư mục của tôi.
Và oh, đây là firstpage.HTML.
Đối với tôi, có một biểu tượng nhỏ của Chrome ở bên cạnh.
Đối với bạn, nó có thể là một trình duyệt khác.
Tôi sẽ đi trước và nhấp vào nó và đưa lên FirstPage của tôi, và tôi có thành công.
Tôi không thể nhấn mạnh rằng hầu hết thời gian khi bạn gõ một cái gì đó lúc đầu,
nó thực sự sẽ không hiệu quả cho bạn.
Đối với tôi may mắn, tôi có sức mạnh chỉnh sửa.
Bạn không biết rằng nó thực sự đã mất một vài nỗ lực để làm cho tập tin đó hoạt động,
bởi vì tôi đã làm lộn xộn với một số thứ.
Trong suốt toàn bộ khóa học,
tôi sẽ cố gắng chỉ cho bạn những khu vực mà bạn có thể gặp vấn đề.
Hy vọng là bạn sẽ không, nhưng nếu bạn làm vậy, tất cả đều rất đơn giản để sửa chữa.
Một trong những vấn đề phổ biến nhất là khi bạn nhấp chuột phải vào tệp,
thay vì mở ra một cách độc đáo trong trình duyệt, nó sẽ mở ra trình soạn thảo của bạn thay vào đó.
Nếu bạn muốn khắc phục điều đó, tất cả những gì bạn cần làm là nhấp chuột phải vào tệp và
chọn Mở Bằng.
Một vấn đề khác xảy ra khá nhiều là khi bạn mở tập tin
của mình, thay vì nhìn thấy một trang web được định dạng độc đáo, thay vào đó bạn thực sự thấy tất cả các thẻ của bạn.
Khi điều đó xảy ra, bạn cần phải kiểm tra phần mở rộng tập tin của bạn và
đảm bảo rằng nó nói .html, chứ không phải một cái gì đó như .text hoặc .rtf.
Một vấn đề khác xảy ra khá nhiều là bạn thay đổi mã của bạn, nhưng
trang của bạn trông giống hệt nhau.
Có hai lý do khiến điều này có xu hướng xảy ra.
Một là bạn phải làm một cái gì đó gọi là làm mới trình duyệt của bạn.
Điều này chỉ có nghĩa là bạn tải lên nội dung.
Điều thứ hai xảy ra khá thường xuyên là bạn quên xác minh
tên tệp của mình.
Để tôi cho các bạn xem một ví dụ về cái này.
Vì vậy, chúng ta hãy quay lại tập tin ban đầu của chúng tôi.
Như bạn thấy, tôi có Hello World viết ở đây.
Đây là một điều rất khoa học máy tính để nói và
vì tôi đang cố gắng để có vẻ bình thường hơn, tôi sẽ thay đổi nó thành Hello Everybody.
Tôi vào và tôi sẽ lưu hồ sơ của tôi.
Xong rồi.
Vâng, khi tôi quay lại trang web của tôi, nó vẫn nói Hello World.
Nó không thay đổi và tôi hơi buồn vì điều đó.
Vì vậy, bây giờ tôi nhớ nó thường cần thiết để làm mới trang của bạn.
Có số cách bạn có thể làm điều đó,
bạn thường có thể đi đến khu vực tròn nhỏ ở đây và nhấp vào làm mới.
Bạn có thể nhấp chuột phải và nhấp vào Tải lại hoặc bạn cũng có thể vào Xem, xin lỗi.
Bạn cũng có thể làm điều đó thông qua thanh công cụ trên đầu trang.
Vì vậy, tôi sẽ tiếp tục làm mới ngay tại đây.
Và bạn có thể thấy bây giờ tôi có Hello Everybody.
Vấn đề khác tôi đã đề cập là đôi khi mọi người thay đổi tên tệp của họ.
Vì vậy, có lẽ bạn không làm việc trên FirstPage của bạn nữa.
Vì vậy, bạn quyết định tôi sẽ lưu này dưới dạng File > Save As trang thứ hai.
Cứu nó đi.
Tôi sẽ quay lại đây và tôi sẽ làm mới hồ sơ.
Xin chào tất cả mọi người.
Chà, không có gì xảy ra cả.
Anh sẽ thấy chuyện này xảy ra hết lần này đến lần khác.
Khi bạn đang xử lý nhiều tệp cùng một lúc,
bạn phải đảm bảo rằng tệp bạn đang xem trên trình duyệt khớp với tệp
bạn đã nhập.
Bởi vì tôi đã thay đổi tên của tập tin của mình,
tôi cần phải nhớ thay đổi nó ở đây trong thanh URL là tốt.
Bùm.
Một vấn đề khác xuất hiện khá thường xuyên là ý tưởng mà bạn nhận được,
những gì chúng tôi sẽ gọi là, những nhân vật kỳ lạ.
Một trong những lý do số một cho
điều này xảy ra là yêu thích cũ của tôi, sao chép và dán.
Bất cứ khi nào tôi cung cấp cho bạn mã và bạn đang nhìn vào nó thông qua PowerPoint,
vấn đề là khi bạn sao chép và dán nó, rất nhiều ký tự không dịch
chính xác theo cách bạn mong đợi, và bạn nhận được cái mà chúng tôi gọi là các ký tự kỳ lạ.
Thủ phạm số một là dấu ngoặc kép.
Vì vậy, bất cứ khi nào bạn đang gõ và bạn có một số loại điều kỳ lạ mà bạn không
mong đợi, hãy quay trở lại và thử gõ mã bằng tay.
Vì vậy, tôi đã chỉ cho bạn làm thế nào để tạo và chỉnh sửa một tập tin trong Sublime.
Nhưng tôi muốn chắc chắn rằng mọi người đều có cơ hội để xem làm
thế nào tôi có thể tạo ra các tập tin bằng cách sử dụng các biên tập viên mà họ có trên máy tính của họ.
Vì vậy, tôi cũng sẽ cho bạn thấy một ví dụ trong TextedIt và cũng trong Notepad.
Tôi thực sự hy vọng khi bạn xem những ví dụ này, bạn sẽ có máy tính của bạn ra ngoài,
và bạn sẽ gõ cùng với tôi.
Hãy tiếp tục và tạm dừng, dừng mọi thứ, đừng tiếp tục trong video cho đến khi bạn cảm thấy
tự tin rằng bạn đang ở điểm mà tôi đã chạm tới bản thân mình.
Xin chào tất cả mọi người!
Bây giờ chúng ta sẽ đi trước và tạo một tập tin với TextedIt.
Và nếu tôi muốn trở nên xấu xa, tôi sẽ đi qua và
cho bạn thấy một ví dụ rất nhanh chóng, đơn giản về việc tạo ra một tập tin trong TextedIt.
Nhưng thay vào đó, tôi sẽ rất trung thực với bạn và thừa nhận rằng nó chỉ mất khoảng
15 hoặc 20 phút để tìm ra làm thế nào để tạo ra một tập tin thực sự đơn giản trong TextedIt.
Trước tiên, hãy để tôi cho các bạn thấy những gì tôi đã làm sai.
Được chứ?
Tôi sẽ đi trước và dán mã của tôi cho trang rất đơn giản của tôi.
Được rồi, bỏ cái này đi.
Chúng ta đi đây. Chúng tôi vừa có tiêu đề và nội dung của chúng tôi.
Vì vậy, bạn có thể gõ cái này trong khi chúng tôi đi cùng, hoặc bạn có thể đợi.
Vì vậy, đó là thời gian để tôi lưu tập tin.
Và những gì tôi cần làm là tôi cần phải chắc chắn rằng tôi đang lưu trong thư mục thích hợp
với tên tập tin.
Vì vậy, tôi sẽ đi trước và gọi FirstPage này và
tôi sẽ đi xuống đây và tôi muốn chắc chắn rằng tôi lưu điều này như một trang web.
Vì vậy, một trong những tùy chọn là .html, vì vậy tôi sẽ bấm vào điều này.
Tôi biết có firstpage.html của tôi,
nó nằm trong thư mục mà tôi muốn và tôi thực sự cảm thấy như chúng ta nên được tốt để đi.
Vì vậy, tôi sẽ đi trước và cứu nó.
Bây giờ, tôi sẽ đi qua đây để thư mục trang web của tôi, mở nó ra.
Và nó sẽ mở ra trong Chrome.
Vì vậy, chúng ta hãy xem nó diễn ra như thế nào.
Đó không phải là những gì tôi đã hy vọng khi chúng tôi lần đầu tiên thu âm phân khúc này,
và tôi đã mất một thời gian thực sự dài để tìm ra những gì đang xảy ra.
Điều đầu tiên tôi đã đi để kiểm tra, hãy để tôi đóng nó lên,
là tôi muốn đảm bảo rằng phần mở rộng tập tin của tôi thực sự đã được .html.
Và đó là, không có một .txt hay .rtf sau nó.
Điều tiếp theo tôi đã đi vào và
kiểm tra là tất cả các dấu ngoặc kép của tôi đã đi đúng cách.
Vì vậy, hãy tiếp tục và đặt chúng vào, bởi vì nếu bạn nhớ,
tôi luôn nói với bạn rằng sao chép và dán đôi khi có thể mang lại cho bạn những trích dẫn xấu.
Để chúng ta có thể quay lại lần nữa.
Vẫn không may mắn.
Nếu bạn đang sử dụng TextedIt, bạn thực sự cần phải đi vào và thực
hiện một số thay đổi cho Chương trình TextedIt.
Nó không liên quan gì đến những gì bạn đang gõ.
Nó có liên quan đến Chương trình TextedIt.
Vì vậy, tôi sẽ tiếp tục, sao chép nó trong trường hợp tôi mất nó, và xóa nó ra.
Và tôi sẽ đi đến TextedIt, chọn Preferences, và
bạn có thể thấy rằng chúng tôi có hai lựa chọn.
Tài liệu mới, mở và lưu.
Vì vậy, một trong những điều đầu tiên tôi sẽ nói là hey,
bất cứ khi nào tôi có một tài liệu mới, tôi muốn nó được trong văn bản thuần túy.
Không rtf, hoặc văn bản phong phú, nhưng văn bản thuần túy.
Điều thứ hai bạn muốn làm là đi qua đây để mở cửa.
Xem các tập tin HTML hiển thị là mã HTML?
Chúng ta sẽ tiếp tục và nhấp vào đó.
Và sau đó cuối cùng điều quan trọng nhất là khi bạn lưu các tập tin của bạn,
chúng tôi muốn lưu nó dưới dạng utf8.
Vì vậy, tôi sẽ tạm dừng ở đây trong một giây,
chỉ một giây, trong khi bạn nhìn vào menu TextedIt của riêng bạn.
Bạn muốn đảm bảo rằng bạn đã kiểm tra các hộp này và
bạn đã thay đổi nó thành unicode, utf8.
Được chứ?
Nếu bạn đã làm hỏng mọi thứ, hãy đi xuống để khôi phục lại tất cả các mặc định và thử lại.
Tôi sẽ đóng cái này lại.
Tôi sẽ làm New, dán mã của tôi vào.
Ooh, điều đó rất nhỏ đối với anh, nhưng không sao đâu.
Làm Tệp > Lưu.
Và chúng ta hãy gọi nó là FirstPage2.html.
Bạn có thể nhìn thấy ngay lập tức nó nói, bạn có muốn sử dụng phần mở rộng HTML hoặc
văn bản dấu chấm?
Và tôi sẽ nói với nó, sử dụng HTML.
Trước khi tôi nhấp vào này mặc dù tôi muốn chỉ ra rằng dưới đây,
nó cho thấy rằng nó sẽ tiết kiệm như unicode utf.8.
Tôi có thể thoát khỏi cảnh báo này, nếu tôi muốn, bằng cách bỏ nhấp vào này,
nếu không có phần mở rộng được cung cấp, sử dụng .txt.
Vì vậy, chúng tôi sẽ sử dụng html.
Hãy đi qua đây, chúng ta hãy vượt qua ngón tay của chúng ta, chúng ta hãy hy vọng cho điều tốt nhất.
Và bây giờ tôi có một trang thành công.
Vì vậy, nếu bạn đang sử dụng TextedIt, không có thực sự nhiều bạn cần phải làm,
ngoại trừ lần đầu tiên bạn thiết lập nó.
Hãy chắc chắn rằng bạn đi vào các tùy chọn.
Từ đó tôi có thể đi vào, thay đổi, chúng tôi đã làm điều đó.
Lưu và làm mới.
Vì vậy, hy vọng bây giờ bạn có thể thành công lưu và chỉnh sửa một tập tin.
Được rồi, giả sử bạn đang sử dụng PC để tạo tệp của mình.
Những gì bạn muốn làm là bạn có thể muốn sử dụng Notepad lúc đầu vì
nó là phiên bản miễn phí của trình soạn thảo đã có trên máy tính của bạn.
Điều đầu tiên tôi đã làm,
là tôi đã tạo một thư mục ngay trên máy tính để bàn nơi tôi có thể giữ các tệp của mình.
Tôi biết nó nhỏ, có lẽ bạn không thể nhìn thấy nó, nhưng nó được gọi là trang web.
Nếu bạn không biết làm thế nào để tạo một thư mục, chỉ để
bạn biết, bạn có thể nhấp chuột phải vào đầu bàn làm việc, đi đến Mới và Tạo một thư mục.
Một khi bạn đã tạo thư mục mà bạn muốn lưu các tập tin của bạn, tôi,
ngay lập tức ra khỏi bat, sẽ tiếp tục và nói File > Save,
và tôi sẽ đặt tên firstpage.html này.
Nó rất, rất quan trọng là bạn bao gồm .html.
Nếu bạn không bao gồm điều đó,
máy tính sẽ nghĩ rằng bạn chỉ đang làm việc trên bất kỳ loại tệp cũ nào khác.
Vì vậy, tôi sẽ đi xuống đây và thay đổi nó từ tài liệu văn bản cho tất cả các tập tin.
Tiếp tục và cứu đi.
Oops, nó đã tồn tại, nhưng tôi sẽ nói là ổn.
Bây giờ, đã đến lúc tôi đưa vào một số nội dung.
Tôi sẽ gian lận một chút ở đây và chỉ cần sao chép và dán vào nội dung của tôi,
mặc dù bạn sẽ phải gõ nó từng chút một.
Vì vậy, một lần nữa, tôi có doctype của tôi, ngôn ngữ HTML của tôi bằng tiếng Anh,
meta charset bằng UTF-8, tiêu đề của tôi và nội dung của tôi.
Để được an toàn, tôi sẽ vào đây và ghi lại dấu ngoặc kép của tôi.
Bởi vì dấu ngoặc kép luôn làm cho tôi lo lắng khi tôi sao chép và dán, rằng có lẽ tôi đã đặt
trong một số loại nhân vật mà biên tập viên của tôi sẽ không nhận ra.
Bây giờ tôi khá hạnh phúc và chắc chắn rằng tôi đã có những điều mà tôi muốn trong
tập tin của tôi, tôi sẽ tiếp tục lưu nó một lần nữa,
đi vào thư mục của tôi, và nhấp vào FirstPage.
Và chúng ta đi đây.
Vì vậy, bây giờ, mỗi khi bạn đang thay đổi tập tin của bạn, bạn chỉ có thể giữ
cả hai cửa sổ mở nếu bạn có phòng.
Thực hiện thay đổi của bạn.
Job, tôi có hồ sơ.
Lưu.
Và nạp đạn lại.
Làm tốt lắm.
Bạn đã tạo một tệp bằng Notepad.