Skip to content

Latest commit

 

History

History

網頁三兄弟-前端開發新手村

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

網頁三兄弟-前端開發新手村

Python Workshop Poster

網頁三兄弟

網頁三兄弟是構成網站的重要技術,分別對應著 HTML (結構)、CSS (美化)、JS (功能)。他們各司其職,負責網頁上不同的部分。例如 HTML 可以把網頁上需要的元素(文字、輸入框、圖片、鏈接)生成出來;CSS 可以美化裝飾頁面上的元素,像是按鈕的樣式(大小、顏色、動畫等);最後就是 JSJavaScript 負責網頁元素與用戶操作的邏輯,例子就如通過用戶點擊按鈕改變頁面上的顏色主題、會員登入登出等。

基本上市面上全部內容管理軟件(例如WordPress、Wix),通過拖拽的方式快速構建網頁,他們都是使用網頁三兄弟的技術去實現。雖然這些軟件可以很方便地建立起網頁,但是用戶只能夠使用他們編寫好的網頁元素與樣式,導致網頁的創意性會受到局限。

就業前景與未來趨勢

不管在哪一個地區、什麼行業,都離不開使用網絡應用。尤其需要通過與用戶長期交互的商業模式,就像電商、銀行、社交平台等,客戶群都是長期使用著他們的應用。即使一間公司不需要利用網站去吸引或接觸他們的客戶,公司內部都需要使用網絡應用去管理他們的服務與資料。除非他們的業務能夠完全脫離電子產品,例如賬單、員工資料、薪水系統都是在紙本上處理的。

你將會學到什麼?

這個工作坊能夠幫助你獲得基礎的網頁開發知識和技能,為進一步學習和實踐奠定良好的基礎。通過實踐項目,學習將 HTMLCSSJavaScript 結合起來創建一個完整的網頁,提高編程能力和網頁開發技能。

項目實踐

你將會在工作坊上實作電腦學會網站中的功能,通過網絡請求向學會的伺服器獲取最近的活動資料與圖片。此類型的形式是很基礎與常見的,大部分的網站都是通過網絡請求來去生成動態的內容給用戶瀏覽。通過更貼地的項目,你可以在學習過程中了解到現實中的網絡應用是如何實現的。

可以在此網站中查看實際的項目。如果網址還沒有失效的話 0_<。

點擊查看項目範例的設計圖

Event-Page


工作坊介紹

負責人 - @K4Lok

日期 - 2023年03月15日 14:00-17:00

PPT - @K4Lok

錄像 - https://www.youtube.com/watch?v=nxtXRy8eWwo

學習鏈接