Web development là gì?

Posted on by adminChuyên mục:Kiến thức Internet
24 tháng 03, 2018 – 2531 lượt xem

Web development là gì?

Web development là gì

Web development là một thuật ngữ gì đó mơ hồ được sử dụng để miêu tả việc xây dựng hay duy trì các trang web được lưu trữ trên Internet. Tôi sử dụng từ “mơ hồ” bởi vì có rất nhiều ngôn ngữ lập trình, nhiều framework các công cụ được sử dụng cho phát triển Web. Web development có thể chỉ là một trang web duy nhất được xây dựng bởi HTML và CSS với vài trăm đoạn mã. Có thể tham khảo trang web của Facebook, trang web được cho là chứa khoảng 60 triệu đoạn mã, tham khảo tại How Many Lines of Code?.

 

Bạn đang đọc: Web development là gì?

Nội Dung:

  • 1. Giới thiệu
  • 2. Web development là gì?
  • 3. Lịch sử của web development.
  • 4. Cách hoạt động của web.
  • 5. Các công nghệ phát triển Web.
  • 6. HTML
  • 7. CSS
  • 8. JavaScript
  • 9. Rendering: sever-side
  • 10.Rendering: client-side

Giới thiệu

Tôi sẽ trung thực với bạn rằng: tôi không phải là fan hâm mộ lớn của web development.

Đừng bảo tôi sai, tôi đã triển khai nhiều dự án Bất Động Sản tăng trưởng web. Nhưng so với tăng trưởng ứng dụng deskop, ứng dụng di động, tăng trưởng web tốt và phức tạp hơn .

Giống như phát triển web hoặc là không, với một nhà phát triển phần mềm bạn phải biết về nó ít nhất là những thứ cơ bản.

Hiện tại, hầu hết những nhà tăng trưởng ứng dụng đa phần là web developer .Đó là điều đúng chuẩn, web development đã có trên toàn quốc tế. Nó như là một chú “ King Kong ” trong nền tăng trưởng ứng dụng .Phát triển ứng dụng desktop thường là tiêu chuẩn, nhưng hiện tại nó đã dần chuyển sang hoặc đã thay thế sửa chữa bằng những ứng dụng chạy trên nền Web và tương lai vẫn sẽ liên tục như vậy .Với sự tăng trưởng nhanh gọn của ứng dụng di động, tăng trưởng web vẫn còn rất quan trọng, chính bới khi điện thoại di động và những máy tính bảng tăng cường, việc tạo ra những ứng dụng đa nền tảng sẽ trở nên thuận tiện hơn bằng cách tạo cho chúng những ứng dụng web và chạy trên những trình duyệt .

Điều này có nghĩa là nếu bạn có muốn trở thành một nhà phát triển web hay không, chí ít bạn cũng nên biết một chút về phát triển web, web hoạt động thế nào kèm theo các công nghệ liên quan đến nó.

Trong bài này, tất cả chúng ta sẽ đề cập một số ít yếu tố cơ bản :

Web development là gì?

Bản thân phát triển web và cách thức nó đã làm đã thay đổi rất nhiều trong nhiều năm qua. Nhưng có một điều vẫn giữ nguyên là: web development là tạo các ứng dụng web để chạy trên các trình duyệt web.

Một số ứng dụng sử dụng những logic của chúng ở trên server để tạo ra HTML, CSS và JavaScript để tạo ra những ứng dụng .Các ứng dụng khác chỉ sử dụng server để tạo ra những trạng thái bắt đầu, tải những đoạn mã nguồn, logic để chạy ứng dụng sau đó sử dụng server chỉ để lấy hoặc tàng trữ tài liệu .

Có thể có nhiều cách để phát triển web, các công nghệ cơ bản là như nhau: HTML, CSS và JavaScript.

Các nhà tăng trưởng web ngày này sử dụng rất nhiều ngôn từ lập trình quan trọng để tạo những ứng dụng web. Một số ngôn từ tăng trưởng web thông dụng nhất không theo thứ tự đơn cử :Tài liệu tìm hiểu thêm : Wikipedia : Programming languages used in most popular websitesĐiều này là khả thi, vì giao diện phía người dùng của một ứng dụng web về cơ bản hoàn toàn có thể dùng HTML, CSS và JavaScript để tạo ra .JavaScript được sử dụng để thao tác trên DOM ( viêt tắt của Document Object Model ), nó thường được dùng để đổi khác giao diện của một website mà không cần phải biến hóa cấu trúc của HTML, CSS .

Tóm tắt lịch sử của web

Hãy nói về lịch sử dân tộc tăng trưởng web. Ngày thời điểm ngày hôm nay là một thời gian tốt để nói về “ tăng trưởng web là gì ? ” .Phát triển web mở màn ở một nơi rất khác với một mức độ khác hơn giờ đây .

Thời kỳ đầu của phát triển web chủ yếu là tạo ra các trang web tĩnh, điều hướng được thực hiện duy nhất bởi các liên kết.

Thời kỳ đầu những nhà tăng trưởng web đã không thực sự tạo ra “ ứng dụng ”. Họ tạo ra tập hợp những trang web tĩnh được sử dụng để truyền tải thông tin và có lẽ rằng thêm vào đó là một vài hình ảnh minh họa tổng thể được liên kết lại bằng những siêu link .Để tăng trưởng web trở nên hữu dụng hơn cần có cách để làm cho những website có tính tương tác hơn và tạo ra một số ít nội dung ( hoặc nhiều nội dung khác ) có điều kiện kèm theo cũng như theo giõi những trạng thái khác trong đó .

Thời kỳ đầu của phát triển web sử dụng một công nghệ gọi là CGI để tạo ra các ứng dụng web sớm nhất mà có thể tạo ra HTML tùy thuộc dữ liệu giống như các chuỗi truy vấn được gửi từ trình duyệt đến máy chủ.

Sau đó, đến sự tăng trưởng web cùng với những framework đã được phong cách thiết kế cho CGI và tạo ra HTML một cách linh động và thuận tiện hơn .Bạn đã từng nghe những công nghệ tiên tiến như ColdFusion hoặc ASP. Đây là những framework ở thời kỳ đầu để tăng trưởng web trở nên thuận tiện .Giờ đây, một nhà tăng trưởng web cần phải tạo HTML cùng hỗn hợp những thẻ đặc biệt quan trọng và ghi lại để làm cho HTML có điều kiện kèm theo và hoàn toàn có thể thực thi những logic nhất định để xác lập những HTML tương thích, thích ứng để sản xuất những website nhất định .Loại công nghệ tiên tiến này hoạt động giải trí như một ngôn từ khuôn mẫu, và được cho phép phần nhiều những nhà tăng trưởng tạo ra những ứng dụng web khi lần tiên phong sử dụng .

Cuối cùng với sự phát triển của công nghệ trình duyệt và máy tính càng ngày càng nhanh hơn và cũng như nhu cầu về các ứng dụng phức tạp ngày càng tăng- JavaScript đã bắt đầu được sử dụng để mở rộng các chức năng của nhiều ứng dụng web.

CSS cũng đã Open trong khoảng chừng thời hạn này để để thuận tiện tạo mẫu mã và đổi khác những mẫu mã của nhiều ứng dụng web bằng cách sử dụng HTML làm vai trò xác lập nội dung và css làm vai trò xác lập những cách sắp xếp cũng như mẫu mã của nội dung đó .Các nhà tăng trưởng đang nỗ lực tìm cách để làm cho web ngày càng linh động hơn nữa .

Việc hiển thị mọi thứ từ máy chủ thì rất chậm và khó có thể đáp ứng hết những yêu cầu đó. Vì vậy các công nghệ như AJAX (Asynchronous JavaScript and XML) đã được tạo ra để các trang web cập nhật tự động mà không cần phải làm mới lại trang.

Cuối cùng hàng loạt ứng dụng web được kiến thiết xây dựng tự động hóa mà không cần bất kể trang nào phải làm mới. Những loại ứng dụng web này là SPAs hoặc Single Page Applications. Đã khi nào trên một website bạn nhập khá đầy đủ thông tin vào form nhấn nút “ refresh ’ và trang không được tải lại ? Đó là năng lực của AJAX, nó hoàn toàn có thể làm cho website tự đổi khác nội dung mà không cần phải tải lại website, một công cụ khá mê hoặc .Web sẽ liên tục tăng trưởng ngày càng giống những ứng dụng chạy trên desktop, cùng với trình duyệt, nó sẽ hoạt động giải trí như một hệ quản lý .Trong thực tiễn, điều này đã trở nên đúng đắn mà google đẵ tạo ra được một hệ quản lý và điều hành dựa trên nền web gọi là Chrome OS, trong đó hệ quản lý và điều hành cơ bản là trình duyệt web chrome. Một ngày nào đó, mọi thứ sẽ được tàng trữ trên web vì những trình duyệt sẽ đủ mạnh để chạy mọi thứ. Nó dần trở thành hiện thực vì ngày càng nhiều ứng dụng, công nghệ tiên tiến dựa trên điện toán đám mây Open .

Cách hoạt động của web

Thật khó để hiểu web development là gì nếu như bạn không có 1 số ít ý tưởng sáng tạo về cách hoạt động giải trí của nó .

Đã có một số điều đã thay đổi theo từng năm, nhưng chức năng của nó cũng như những công nghệ cơ bản hầu như không thay đổi.

Hãy xem xét một lời lý giải ngắn gọn này và cơ bản này về sự hoạt động giải trí của web :trước hết, tất cả chúng ta phải có một trình duyệt web .Trình duyệt web hoàn toàn có thể nghiên cứu và phân tích cú pháp và render HTML và CSS thành một định dạng, một nội dung chúng hoàn toàn có thể nhìn thấy gọi là một “ web page ” .Một trình duyệt web có năng lực thực thi những đoạn mã JavaSccript để làm những công dụng khác nhau gồm có sửa đổi cấu trúc của một website .Trình duyệt web sẽ phải gửi một nhu yếu đến sever để lấy được một website đã được render .Điều này được thực thi trải qua một giao thức được gọi là HTTP hoặc Hypertext Transfer Protocol .Khi một nhu yếu cho một nguồn tài nguyên đơn cử hoặc URI được gửi đến một sever web, sever web đó sẽ tìm thấy nội dung nhu yếu đó – nếu nó sống sót – và gửi vấn đáp cho trình duyệt .

 

Trình duyệt sẽ nghiên cứu và phân tích và triển khai phản hồi đó, đó là những gì người dùng cuối sẽ được nhìn thấy trong trình duyệt web .

Bây giờ, rõ ràng là có rất nhiều điều sẽ xảy ra dưới dạng những bản “covers”, nhưng ý tưởng cơ bản là trình duyệt web sẽ đưa ra các yêu cầu và máy chủ sẽ phản hồi bằng cách trả về các yêu cầu đó với HTML, CSS và JavaScript.

Tại sao bạn phải cần hiểu những điều quan trọng này nếu bạn muốn làm một nhà tăng trưởng web ?

Bởi vì, bạn có thể tưởng tượng rằng một ứng dụng web phải có những chức năng, ý tưởng phải có một chút khác biệt với những ứng dụng cho máy tính để bàn thông thường. Các ứng dụng web phải liên tục gửi yêu cầu lên máy chủ cho mọi hành động xảy ra trong ứng dụng ( tôi đang tổng quát hóa, nhưng điều này chủ yếu là đúng).

Khi bạn sử dụng một ứng dụng máy tính, bạn hoàn toàn có thể lưu giữ những trạng thái bộ nhớ khác nhau trong bộ nhớ và khi bạn chuyển sang một trang hay những section của ứng dụng bạn vẫn hoàn toàn có thể truy vấn tài liệu của trạng thái đó .

Với các ứng dụng web, bạn phải làm việc với thực tế và xoay quanh giao thức HTTP.

Bạn phải có một số ít cách để quản trị trạng thái giữa những nhu yếu và theo dõi những hoạt động giải trí cá thể của người dùng đang sử dụng ứng dụng web .Hiện tại, chắc như đinh sẽ có những framework những pattern sẽ làm điều đó thuận tiện hơn, nhưng điều quan trọng bạn phải hiểu rằng web development rất khác so với tăng trưởng những loại ứng dụng khác .

Các công nghệ chính để phát triển web

Được rồi, giờ đây bạn đã có những điều cơ bản về cách hoạt động giải trí của web và hiểu một chút ít về cách mà một website tăng trưởng theo thời hạn, tất cả chúng ta hãy nói một chút ít về 1 số ít công nghệ tiên tiến tăng trưởng web thông dụng nhất mà bạn hoàn toàn có thể gặp phải :

HTML

Đây à chìa khóa để tăng trưởng web, toàn bộ web development phải chứa HTML do tại HTML là một khối cơ bản để kiến thiết xây dựng website .Bạn hoàn toàn có thể thiết kế xây dựng một ứng dụng trọn vẹn chỉ sử dụng HTML – mặc dầu nhiều người sẽ không thực sự làm điều đó ( tôi sẽ gọi nó là một website ) .

HTML, hoặc (Hypertext Markup Language), được sử dụng để chỉ định định dạng và cách bố trí nội dung của một trang web.

HTML gồm có một loạt những thẻ xác lập những phần và thành phần của một website .

Một ví dụ cơ bản bạn phải sử dụng thẻ để nhúng ảnh vào các trang web.

Một trình duyệt web sẽ nghiên cứu và phân tích cú pháp HTML và tích hợp với CSS và JavaScript để hiện thị ra nội dung của website .

CSS

Trước khi CSS Open, HTML được sử dụng để chỉ định format của một website, làm thế nào để những format của HTML có thêm mẫu mã và hiển thị đẹp hơn ?Vấn đề ở đây là làm thế nào để đổi khác mẫu mã của một website – ví dụ : làm thế nào để biến hóa sắc tố của những “ button ” khác nhau ? HTML sẽ phải đổi khác rất nhiều nơi trong ứng dụng web .CSS được ý tưởng để xử lý những yếu tố này bằng cách tách biệt ràng nội dung của website khỏi mẫu mã của nó ( nhiều lúc vẫn có sự trùng lặp )

CSS (Cascading Style Sheets) có thể được liên kết đến trong một trang web để xác định kiểu dáng cho trang web đó.

Một ứng dụng web hoàn toàn có thể link với tập hợp những trang CSS để thiết lập mẫu mã cho hàng loạt ứng dụng web .Sau đó, nếu bạn muốn biến hóa màu của một nút, bạn chỉ hoàn toàn có thể sửa đổi một tệp CSS và tổng thể những nút cho hàng loạt ứng dụng web sẽ đổi khác theo .Đây là một công nghệ tiên tiến rất hữu dụng .Nếu bạn sử dụng tốt CSS, có khá nhiều điều bạn hoàn toàn có thể làm như biến hóa mẫu mã trình diễn của một website, làm cho những thành phần của một website hoàn toàn có thể từ từ biến mất, từ từ hiện ra, biến hóa font-size của chữ, tạo hiệu ứng … và bất kỳ thứ gì bạn hoàn toàn có thể tưởng tượng ra .

JavaScript

Khi JavaScript xuất hiện lần đầu tiên, nó là một ngôn ngữ mới được sử dụng để làm một số việc rất cơ bản trên các trang web, nhưng JavaScript đã phát triển để nhanh chóng để đóng một vai trò trung tâm hơn trong phát triển web.

Đây là trái tim của một ứng dụng web, JavaScript là một ngôn ngữ động đầy đủ chức năng có thể được thực hiện trực tiếp trong trình duyệt web.

JavaScript làm cho những website có tính tương tác hơn và được cho phép quản lý và vận hành những tính năng của website và nội dung của chúng .JavaScript hoàn toàn có thể trực tiếp tương tác với DOM của một website, đó là cấu trúc cơ bản của nó .Bằng cách sử dụng JavaScript để thao tác DOM, hàng loạt cấu trúc và phong thái của một website hoàn toàn có thể được đổi khác theo sự lập trình .Trong những ứng dụng web, điều này xảy ra bên trong trình duyệt ( trừ khi bạn đang sử dụng một công nghệ tiên tiến như Node. js, chạy JavaScript trên sever để nhận và giải quyết và xử lý những nhu yếu và gửi phản hồi về client ) .

Rendering: Server-Side

Trước khi tôi hoàn toàn có thể tổng kết những điều cơ bản về tăng trưởng web, tất cả chúng ta cần phải nói về sự độc lạ giữa render phía sever ( server-side rendering ) và rendering phía máy khách ( client-side rendering ), do tại chúng hoàn toàn có thể khá khó hiểu .Hãy mở màn với server-side rendering

Trong mô hình phát triển web đơn giản nhất, tất cả các trang web được hiển thị trên máy chủ và HTML, CSS và JavaScript của trang đó được gửi đến trình duyệt web, ở đó nó được phân tích cú pháp và hiển thị cho người dùng.

server-side rendering chỉ đơn thuần có nghĩa là những trang được kiến thiết xây dựng rất đầy đủ bởi những logic trên sever .Vì vậy, với server-side rendering, những logic của ứng dụng hầu hết “ sống ” trực tiếp trên trọn vẹn trên sever .Như tất cả chúng ta đã nói ở trong phần lịch sử dân tộc của web, đây là cách bắt đầu hầu hết những ứng dụng web hoạt động giải trí .Ngày nay, những công nghệ tiên tiến như ASP.NET hay PHP vẫn hầu hết sử dụng quy mô này, mặc dầu với việc sử dụng những framework JavaScript khác nhau, ngay cả một công nghệ tiên tiến render phía sever cũng hoàn toàn có thể được sử dụng để render phía máy khách .

Client-Side Rendering

Với năng lực ngày càng tăng của những trình duyệt và những JavaScript Engine trong những trình duyệt, đã có một hoạt động can đảm và mạnh mẽ so với việc được gọi là rendering phía máy khách .

Về mặt rendering phía máy khách đơn giản có nghĩa là nội dung của trang web được xây dựng trong trình duyệt-thông qua JavaScript-thay vì trên máy chủ.

Với rendering phía máy khách, bạn hầu hết hoàn toàn có thể nghĩ đến sever web cung ứng một ” ứng dụng ” cho trình duyệt và trình duyệt sẽ triển khai nội bộ đó để hiển thị những trang, tạo những điều hướng và nhu yếu thêm tài liệu từ sever .Đằng sau đó, JavaScript đang được sử dụng để tạo và thao tác với những thành phần DOM và thậm chí còn sản xuất HTML hay CSS là một phần của website hoặc trong trường hợp này đó là ứng dụng web .Như bạn hoàn toàn có thể tưởng tượng, render phía máy khách sẽ hiển thị nội dung liền mạch hơn với người dùng cuối chính do không cần phải gửi nhu yếu trở lại sever để có những trang mới được hiển thị, chỉ cần có nhu yếu thêm tài liệu, sau đó tài liệu đó sẽ ” cắm vào ” trang web động .Đây là nguyên do tại sao một số ít ứng dụng được rendered phía máy khách được gọi là SPAs .Thông thường chỉ có một trang và nội dung của trang đó được cập nhật động .

Cả hai kỹ thuật thậm chí có thể được kết hợp trong một ứng dụng web duy nhất, nơi một số phần của giao diện người dùng được hiển thị phía máy khách và các phần khác và các trang được hiển thị phía máy chủ.

 

Bài viết được dịch từ : https://simpleprogrammer.com/what-is-web-development

Đăng ký thực tập Web basic with HTML5, CSS3 and JavaScript tại Techmaster: https://goo.gl/cYzx53

admin