Web篇_01 了解web開發

鳳文Studying 2022-06-23 15:53:22 阅读数:510

web了解web


Web、前端、後端的關系一目了然

Web開發
Web開發主要分為前端開發和後端開發兩部分,前端更側重於頁面的展示與用戶的交互,後端更側重於數據的處理於服務的訪問。

而HTML語言就屬於前端的開發範圍。

前端開發
前端指的是直接於用戶接觸的網頁,網頁上通常有HTML、CSS、Javascript等內容。

後端開發
後端指的時程序、數據庫和服務器層面的開發。

快速了解前端三大件

Web開發的標准
Web應用開發需要遵循的標准就教Web標准,這裏Web標准是一系列標准的集合。網頁主要由三部分組成:結構標准(XML、HTML和XHTML),錶現標准(CSS),行為標准(DOM、Javascript)

HTML
HTML用來構成網頁的內容,內容就是網頁制作者放在頁面上想讓用戶瀏覽的信息,例如文字、圖片、視頻等等,簡單來說就是用來定義網頁的內容。

CSS
CSS决定了網頁樣式的展現,也就是內容的錶現形式,例如字體的顏色、背景的樣式、標題的大小等等。

Javascript
Javascript是用來定義網頁上的交互,控制網頁的行為,例如彈出彈窗、頁面打開關閉、輸入內容的提示等等。
當然現在一般都是用框架開發,目前國內主流的開發框架有Vue、React,國外的話React用的更多一些。

web開發工具推薦

Vscode
這裏最推薦新手使用VSCode,瀏覽器用chrome

vscode下載地址:https://code.visualstudio.com

Visual Studio Code是微軟推出的針對web開發的代碼編輯器,具有開源、高性能、擴展性好的特點。

優勢:

  • 免費
  • 高性能
  • 自定義配置
  • 代碼提示功能强大
  • 擴展插件功能强大且安裝方便

VScode插件推薦
對於剛接觸vscode人來說,可以先試試這兩名博主推薦的插件:
https://blog.csdn.net/qq_37860930/article/details/102561403
https://blog.csdn.net/win7583362/article/details/79315055

對於一些小項目,使用vscode開發是沒問題的。
vscode更適合新手一些,對於大一些的項目,我建議使用Webstrom開發。

這些是前後端分離項目中特別流行的開發工具,如果不是前後端分離項目的話,作為一個Java的後端開發者,懶得折騰的話,IDEA,Eclipse也是支持前端開發的。

VScode其它妙用
首先,我們需要知道,vscode並不是一個IDE,而是編輯器,編輯器自然就是能編輯任何文本了,只不過它的插件功能足够强大,讓它像IDE一樣强悍。

  • markdown編輯器
    如果你很熟悉markdown的語法,它用來編輯md文件也很舒服,並且可以安裝markdown插件用來預覽
  • 用來打開各種文件
    比如常用的xml,java文件,比如要臨時打開一個.java文件,雖然可以用idea打開,但是打開速度相比vscode還是比較慢的。

推薦web相關學習文檔

W3school

版权声明:本文为[鳳文Studying]所创,转载请带上原文链接,感谢。 https://gsmany.com/2022/174/202206231524148752.html