iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
0
Microsoft Azure

Azure 的自我修煉系列 第 15

Day15 網頁基礎知識

  • 分享至 

  • xImage
  •  

網頁基礎知識

對於剛接觸網頁的人,首先要認識 HTML、CSS、JavaScript,
這三的語言構成基本的網頁結構
HTML Wiki 超文本標記語言,是一種用於建立網頁的標準標記語言。
CSS Wiki 階層式樣式表,是一種用來為結構化文件來添加樣式(字型、間距和顏色等)的電腦語言。
JavaScript Wiki 是一種進階的、直譯的程式語言。

網路上很多教學,建議大家可以多加利用

  1. w3schools HTML Tutorial
  2. w3schools CSS Tutorial
  3. w3schools JavaScript Tutorial

熟悉上面的基礎知識之後,再來我們基本上會用2個有名的插件來幫助我們快速開發

  1. w3schools Bootstrap 4 Get Started 讓網站有基礎樣式與RWD。
  2. w3schools jQuery Tutorial 幫助網站容易控制,快速達到想要的功能與效果。

著名的套版 metronic 就是一個專業的後端套版,裡面集合了非常多插件,有各式各樣的功能與樣式,可以直接選用自己想要的功能,達到快速開發網站。

好用的快速開發前端工具 Emmet簡易教學 - 快速上手包

以上五點是做網站的基本功,在熟悉上面五項後,還有前端框架三大框架可以玩

  1. Vue
  2. React
  3. Angular

如果玩不夠還可以跨到後端,使用 Node.js 來開發後端程式。
兩個主流的Node開發框架

  1. Expressjs
  2. Koajs

還有更多前端各式格樣的插件等你來探索,只能說怎麼學都學不完,
不過真心覺得前面五項學好學精就夠你開發網頁了。

相關連結:

上一篇 Day14 實作 ASP.NET Core 建立 Web API 教學
下一篇 Day16 實作官網教學 JavaScript 呼叫 ASP.NET Core web API


上一篇
Day14 實作 ASP.NET Core 建立 Web API
下一篇
Day16 實作官網教學 JavaScript 呼叫 ASP.NET Core web API
系列文
Azure 的自我修煉30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言