第二部分:網頁設計師應該如何學習編程代碼?從GitHub開始

在第一部分中,我們學習了終端的基礎知識,以及如何選擇代碼編輯器編程代碼。在第二部分中,我們要學會使用Git與學習基礎HTML和CSS,更重要是要了解開發工程的運行原理。

目前網上有很多的代碼管理平臺,但是我們現在大家都比較熟悉的GitHub進行管理我們代碼,其他代碼管理平臺差不多類似,過程與原理都是一樣的。

在進行編程代碼之前我們先註冊GitHub賬號,瞭解GitHub工作原理,我們在GitHub找到一個開源web項目(前端部分), 下載到自己的電腦,用瀏覽器就可以打開文件就可以看到網頁內容。


第二部分:網頁設計師應該如何學習編程代碼?從GitHub開始


當然你也可以使用第一部分我們說的使用終端下載到自己的電腦,基本步驟:

步驟1:FORK

在您的GITHUB帳戶上獲取代碼的副本

第2步:克隆(將代碼下載到您的計算機中)

clone hhs地址

步驟3:安裝(在計算機上運行)

導航到/project文件夾。輸入cd liferay.design。大多數項目將在文件夾中包含README.md文件/root,這通常是安裝和運行項目的起點。就我們而言,要安裝,請輸入npm install。安裝完成後,輸入npm run dev。恭喜你!現在,您可以在本地計算機上使用該站點,項目會告訴您該站點的運行位置。打開瀏覽器並轉到localhost:7777。

步驟4:提交(進行一些更改並保存)

第5步:推送(將更改發送到原點)

第6步:提取請求(將你的更改合併)

提示:使用git remote -v終端檢查

HTML和CSS:從語義入手

在網絡上,有無數的HTML和CSS的共享資源,可以開始你的第一步編程之路。

什麼是HTML和CSS?

在進一步介紹之前,讓我們瞭解HTML和CSS。

HTML代表超文本標記語言。

“超文本是顯示在計算機顯示器或其他電子設備上的文本,帶有對讀者可以立即訪問的其他文本的引用(超鏈接)。”

標記語言:

“一種用於以語法上可區別於文本的方式註釋文檔的系統。”

HTML文檔有兩個主要部分:

和和。

CSS代表Cascading Style Sheets(級聯樣式表)-它通過擴展文檔的自定義外觀來擴展HTML。

初級語法開始,但是不建議背下來,而是通過練習自然熟練,跟著網上免費教程編程吧。

每天堅持編程一定的代碼,在錯誤中發現問題,我相信一週之後你就完全瞭解代碼運行過程與原理。


分享到:


相關文章: