Lịch sử của các nhà phát triển web gắn với phát triển trình duyệt

Các nhà phát triển web là những người xây dựng các trang web như thế này. Hãy xem xét cách chúng ta đang hợp tác ở đây: Bạn, ở phía đọc và tôi, trở thành một nhà văn giỏi hơn với sự hỗ trợ của một biên tập viên từ HackerNoon.

Bạn có thấy các nhà phát triển? Có lẽ là không, vì họ đã làm rất tốt. Chúng tôi có khả năng tìm thấy họ đọc về tương lai của sự phát triển web .

Mặt khác, những gì tôi cung cấp với bài viết này là cơ hội để tạm dừng và suy ngẫm về sự xuất hiện của các nhà phát triển web, mối quan hệ của họ với lịch sử của trình duyệt và cách cộng tác của họ đã thống trị dòng thời gian phát triển trình duyệt.

Một loại kỹ sư mới, dành cho web

Trong những ngày đầu của web, nhiều kỹ sư phần mềm không chú ý nhiều đến việc phát triển web về mặt trang web. Tại sao họ, phải không? Nếu bạn là một kỹ sư, bạn có ấn tượng với hành khách đầu tiên đến từ đầu máy hay chính đầu máy không?

Jason Kottke , từ Home of Fine HyperText Products , đã viết rất hay:

Lần đầu tiên sử dụng NCSA Mosaic để lướt World Wide Web trong phòng thí nghiệm vật lý dưới tầng hầm ở trường đại học gần giống như một trải nghiệm tôn giáo mà tôi từng có. Đó là một tiếng sét làm thay đổi hoàn toàn cuộc đời tôi.

Nhưng ấn tượng ban đầu đó cũng cho phép tin tặc (và họa sĩ) tiếp cận đối tượng từ khía cạnh giao diện người dùng của nó. Do đó, việc phát minh và đổi mới trình duyệt Mosaic đánh dấu sự khởi đầu của các cơ hội phát triển web:

Đầu năm 1993, Trung tâm ứng dụng siêu máy tính quốc gia (NCSA) tại Đại học Illinois đã phát hành phiên bản đầu tiên của trình duyệt Mosaic. Phần mềm này chạy trong môi trường Hệ thống Cửa sổ X, phổ biến trong cộng đồng nghiên cứu và cung cấp khả năng tương tác dựa trên cửa sổ thân thiện. Ngay sau đó, NCSA đã phát hành các phiên bản dành cho môi trường PC và Macintosh. Sự tồn tại của các trình duyệt đáng tin cậy, thân thiện với người dùng trên các máy tính phổ biến này đã có tác động ngay lập tức đến sự lan rộng của WWW.

Lưu ý cách trình duyệt, với tư cách là một công cụ, bắt đầu có nhiều ý nghĩa khi cơ sở hạ tầng phía sau cho thấy tiềm năng:

Vào ngày 30 tháng 4 năm 1993, CERN cung cấp mã nguồn của WorldWideWeb trên cơ sở miễn phí bản quyền, khiến nó trở thành phần mềm miễn phí. Đến cuối năm 1993, đã có hơn 500 máy chủ web được biết đến và WWW chiếm 1% lưu lượng truy cập internet, có vẻ như rất nhiều vào thời điểm đó (phần còn lại là truy cập từ xa, e-mail và truyền tệp).

Đó là một trải nghiệm siêu thực vì giao diện thân thiện đó cho thấy tiềm năng truy cập kiến thức từ khắp mọi nơi. Có lẽ không khác cảm giác của tôi khi sử dụng ChatGPT là một giao diện thân thiện cho thấy tiềm năng tiếp cận kiến thức từ mọi nơi. Cân nhắc đọc về lịch sử của khảm và sự phát minh ra Web trong bài viết sau:

Nguồn xem: Tìm hiểu qua các ví dụ sao chép

Nhưng các trang web khá đơn giản. Vào thời điểm đó, chúng tôi - những sinh viên khoa học máy tính - sẽ tìm ra những người thông minh bằng cách trang của họ đơn giản, giống như trang này của Dennis Ritchie tại Bell Labs .

Khi tôi ở đó với tư cách là một người dùng tò mò - không tham dự các bài giảng về khoa học máy tính và chơi với web - tôi cũng tình cờ thấy một tùy chọn menu, được tích hợp vào trình duyệt , cho phép chúng tôi xem nguồn của các trang web. Và nhân tiện, gần như chỉ sau một đêm, trình duyệt Mosaic đó được gọi là Netscape.

Jim Nielsen đã phản ánh trong Tinh thần của View-Source và xác định cách thức trình duyệt Netscape đã kích hoạt cơ hội học hỏi - ngay lập tức - cho mọi trang trên web.

Trong bài báo của mình, anh ấy đã trích dẫn một quan sát của Clive Thompson trong cuốn sách Coders

Mỗi trang web bạn truy cập đều chứa mã cho bạn biết nó được tạo như thế nào. Toàn bộ internet đã trở thành một thư viện hướng dẫn cách lập trình.

Bây giờ, hãy thử hình dung “web” là thứ hấp dẫn nhất xung quanh và tưởng tượng có bao nhiêu người trong chúng ta đang kiểm tra nguồn của các trang để sao chép ý tưởng từ những người khác và cuối cùng cố gắng học hỏi. Đây là “những ngày xem nguồn” mà chúng ta có thể thấy điều kỳ diệu.

Mặc dù chúng tôi vẫn có “xem nguồn trang” trong trình đơn của các trình duyệt hiện đại, nhưng nếu bạn xem nguồn của một trang web, bạn có thể sẽ thấy điều gì đó có vẻ bí ẩn:

JavaScript: Kiểm soát và tương tác

Một điểm uốn khác, được nhận thức rõ ràng, xuất hiện khi Netscape (một lần nữa) kích hoạt JavaScript - ngôn ngữ lập trình - cho phép các nhà phát triển web tạo các tập lệnh để kiểm soát các khía cạnh nhất định của trang web và kiểm soát tương tác.

Brendan Eic h, người phát minh ra JavaScript và hiện là Giám đốc điều hành của Phần mềm Brave Trình duyệt quan tâm đến quyền riêng tư của bạn , đã cung cấp cho chúng tôi một slide tóm tắt hành trình của người anh hùng JavaScript trên vùng đất của Web. Quan điểm của anh ấy giúp chúng tôi thấy rằng JavaScript không phải lúc nào cũng được coi là thanh lịch nhưng đã được sử dụng nhiều vào cuối ngày - và tiếp tục được cải thiện.

Ảnh chụp màn hình sau đây hiển thị hộp cảnh báo được gọi từ giao diện trình duyệt Netscape 2. Các nhà phát triển web đã sử dụng JavaScript để khởi chạy cảnh báo trực quan (để gỡ lỗi mã của họ) và thực hiện những điều không thể như kiểm soát biểu mẫu web, xác thực giá trị của biểu mẫu nhập liệu và các trường hợp sử dụng khác.

Không cần phải nói rằng một người dùng tò mò có thể tìm hiểu về JavaScript trên một trang thông qua “nguồn xem”. Trang HTML là phong bì truyền tải rất nhiều cách trình bày và cấu trúc logic về các trang web thông qua các phần tử HTML, siêu liên kết, hình ảnh, phong cách và mã JavaScript của nó.

HTML động: Tùy chỉnh bố cục và hoạt ảnh

Và một cơ hội khác đã được kích hoạt thông qua một thẻ mới trong HTML có tên < lớp >. Trước đây, vào khoảng năm 1997, Netscape đã ra mắt Bản phát hành xem trước Netscape Communicator với các API mới dành cho nhà phát triển. Theo một thông cáo báo chí, “ HTML động là một cột mốc quan trọng đối với HTML, giúp các nhà thiết kế linh hoạt hơn và kiểm soát bố cục trang Web, đồng thời cung cấp cho người dùng mức độ tương tác cao hơn. ”

Sau này thẻ <layer /> trở thành <div />. Đổi mới kỹ thuật vào thời điểm đó liên quan đến khả năng định vị một phần tử trực quan của HTML, một phần tử, lên trên một phần tử khác, như hình minh họa 3D sau đây cho thấy từ một trong những ghi chú kỹ thuật DHTML sớm nhất .

Hiện tại, bạn sẽ không thể trải nghiệm minh họa sau đây từ năm 1997 nhưng hãy thử tưởng tượng đoàn tàu đó (chỉ là một hình ảnh) đang di chuyển như thể nó đang tiến về phía bạn.

Thủ thuật bao gồm việc sử dụng JavaScript để chuyển đổi mức độ hiển thị của các hình ảnh có kích thước khác nhau, tạo ra ảo ảnh về hoạt ảnh. Trang cũng tung ra tiếng cào cào bằng một số phương pháp khác.

Vào thời điểm đó, cuộc chiến trình duyệt đang ở đỉnh cao, các nhà phát triển đã bắt đầu viết các trang cho Netscape, như tôi, bắt đầu tạo các trang cho Internet Explorer, không giống như tôi. Những khác biệt này - và các kỹ năng cần thiết - đã góp phần tạo nên lý do để các nhà phát triển được thuê làm nhà phát triển web. Quy mô và độ phức tạp của phong trào DHTML tương quan với nội dung được viết bởi cuốn sách nổi tiếng hơn 1000 trang này.

tiêu chuẩn web

Kết quả chính của cuộc chiến trình duyệt là Netscape đã phát hành mã nguồn của mình dưới dạng mã nguồn mở. Đây là nơi cái tên Mozilla xuất hiện, như được ghi lại trong Project Code Rush . Quá trình đó mang tính chiến lược, phức tạp và rủi ro. Đó là một bước đi táo bạo như được thừa nhận bởi Giám đốc điều hành lúc bấy giờ Jim Barksdale:

“Chà, tôi chắc chắn hy vọng rằng số lượng khổng lồ những người mới mà không một công ty nào có đủ khả năng để có được làm việc trên bất kỳ sản phẩm nào - hiện đang đóng góp cho Netscape Navigator Communicator - sẽ tạo ra sự khác biệt đáng kể trong quá trình cải tiến sản phẩm. Làm thế nào điều đó hoạt động chống lại bất kỳ đối thủ cạnh tranh nào, vẫn còn phải xem. Jim Barksdale @ Code Rush 2013

Bên cạnh nền tảng nguồn mở, một chiến lược quan trọng của Mozilla đã thu hút sự chú ý của các nhà phát triển web - hỗ trợ các tiêu chuẩn Web của nó. Để giải quyết vấn đề đó, Netscape đã tập hợp một nhóm các nhà truyền bá công nghệ mới. Trong số đó, Eric Meyer , chuyên gia CSS đã đạt được vị thế nổi tiếng trong số các nhà phát triển. Nguyên nhân của họ cộng hưởng với nhu cầu của các nhà phát triển web - chấm dứt sự khác biệt về quyền sở hữu và có một nền tảng chung để triển khai các trang hoạt động với tất cả các trình duyệt. Eric đã ăn mừng cuộc chiến của chúng tôi:

“Vì vậy, đây là Bob Clary, Marcio Galli, Katsuhiko Momoi, Chris Nalls, Tristan Nitot, Arun Ranganathan, Doron Rosenberg và Susie Wyshak. Chúng tôi đã chiến đấu hết mình và tạo ra rất nhiều tài liệu tuyệt vời, bao gồm cả thông tin về việc thiết kế lại DevEdge. “

Hãy nhớ rằng ở trên là một phần nhỏ của một bức ảnh lớn hơn. Một phần khác của nó là những nỗ lực về tài liệu của Mozilla, sau này đã phát triển thành Mozilla Developer Network.

Ứng dụng một trang và cách AJAX

Khi các nhà phát triển tự giúp mình sửa chữa các trang web theo những cách phù hợp với tiêu chuẩn, họ cũng đang đẩy các trang đến giới hạn. Đây là thời kỳ mà các trường hợp sử dụng như Gmail xuất hiện và các sáng kiến như Dịch vụ web đã cho phép chúng tôi xem xét ý tưởng về các ứng dụng một trang - điều gì sẽ xảy ra nếu một trang web có thể hoạt động giống như các ứng dụng phần mềm? Các bài báo sau đây cho thấy những gì các nhà truyền giáo đã viết vào thời điểm đó:

• Truy cập các dịch vụ web trong Netscape 7.1/Mozilla 1.4 bằng WSDL Proxying (06 tháng 6 năm 2003)
• Tiện ích mục lục có thể thu gọn dựa trên tiêu chuẩn (CTOCWidget) (20 tháng 5 năm 2003)
• Duyệt web bên trong: Mở rộng duyệt web theo mô hình điều hướng (16 tháng 5 năm 2003)

Bất chấp những nỗ lực này, một điểm uốn cũng đến từ phía tây cũ. Vào năm 2005, Jesse James Garrett từ San Francisco, đã viết một bài báo có tựa đề " Ajax: Cách tiếp cận mới đối với các ứng dụng web ", Jesse là một nhà thiết kế trải nghiệm người dùng có ảnh hưởng đến sự phát triển web trên toàn thế giới. AJAX trở thành một thuật ngữ phổ biến được các nhà phát triển sử dụng để truyền đạt ý định thêm tính tương tác và tạo hành vi của các ứng dụng web.

Nếu bạn thuê ai đó tạo ứng dụng một trang, bạn phải thuê một nhà phát triển web biết AJAX:

Người bạn tốt nhất của nhà phát triển - Công cụ bổ trợ dành cho nhà phát triển và Kiểm tra trang

Dự án Mozilla tiếp tục câu chuyện, giờ đây với Firefox. Firefox mang trên mình hàng hóa của Mozilla và đã đạt đến mức sẵn sàng về hiệu suất, bảo mật và hỗ trợ tiêu chuẩn. Nhưng bước ngoặt là nó đã giành được sự tin tưởng của các nhà phát triển không phải do thị phần mà vì các công cụ tích hợp sẵn giúp họ kiểm tra và khắc phục sự cố các trang.

Các nhà quản lý sản phẩm tại các tổ chức đã nhận ra rằng việc đảm bảo khả năng tương thích với Firefox (Tiêu chuẩn) là cách nhanh nhất để phân phối các trang tới Internet Explorer.

Firefox với tư cách là một công cụ giúp xây dựng các trang - được các nhà phát triển web sử dụng - là một hiện tượng trên toàn thế giới, được hiểu rõ hơn nếu bạn xem một bài thuyết trình năm 2008 của những người đóng góp cho Mozilla là Clauber và Mario có tựa đề Firefox - Người bạn tốt nhất của nhà phát triển.

Trên một trang chiếu chính, họ đã nêu tầm quan trọng của việc sử dụng Firefox làm khung phát triển do hỗ trợ tiêu chuẩn Web và các tiện ích bổ sung phát triển để gỡ lỗi JavaScript, v.v.

Phần còn lại là lịch sử - Thư viện JS và khung

Bây giờ, tôi có điên không khi nói về những gì tiếp theo?

Không đời nào. Nếu bạn là nhà phát triển web, bạn có thể cảm thấy sức nóng và sự phức tạp của những gì bạn biết đã xảy ra. Hãy kết thúc bữa tiệc này tại đây với: Trình duyệt đã phát triển, các trang đã phát triển, các nhà phát triển cũng vậy. Và phải nói rằng tất cả các cầu thủ đều đóng góp như nhau với tốc độ nhanh - quá nhanh - đến mức tôi thích nhìn về quá khứ và ăn mừng hơn.

Một vài lưu ý là quan trọng. Một là tôi đã không đề cập đến các khía cạnh về phía máy chủ. Sẽ rất khó để kết hợp sự phản ánh đó với cấu trúc, mặc dù tôi thừa nhận rằng các nhà phát triển web đã phân nhánh thành front-end, back-end hoặc fullstack.

Một lý do khác là thời điểm được gọi là “Firefox với tư cách là người bạn tốt nhất của nhà phát triển” diễn ra đồng bộ với sự gia tăng của các thư viện được vận chuyển dọc theo các trang web. Một ví dụ điển hình là thư viện jQuery . Do đó, những ngày "jQuery + Firefox với tư cách là những người bạn tốt nhất của nhà phát triển" thực sự là một hiện tượng khi mã của các trang bắt đầu trở nên phức tạp và đòi hỏi nhiều vai trò kỹ thuật hơn - nhiều lỗi hơn ở phía máy khách của các trang.

Quan sát đó sẽ mở ra cánh cửa để xem xét sự xuất hiện của các thư viện như React và, trong số các chủ đề khác, thế giới phức tạp như The Great Gaslighting of the JavaScript Era đã chỉ ra.

Hình ảnh chính cho bài viết này được tạo bởiTrình tạo hình ảnh AI của HackerNoon thông qua lời nhắc "trình duyệt internet đời đầu".