想靠自學成為前端工程師必看, 你所需要的都在這裏

今天要跟大家分享的文章是關於零基礎如何自學成前端工程師。目前網路發展迅速,前端也成了很重要的崗位之一,前端開發是很簡單的程式設計,甚至都不能叫做程式設計,因為它真的很簡單,很多想要轉行進入 IT 行業的新手會選擇前端工程師。那要怎麼自學? 下面就一起來看一看文章吧~首先我們學習前端,要知道前端的三個大內容,HTML5、CSS、JavaScript,其中 HTML 和 CSS 是相互結合著學習,掌握了這兩個了以後我們就算真正入門了,然後再深入學習 JavaScript 等等。
一、首先我們要理解 HTML、CSS、JavaScript 分別是什麼?
HTML 就相當於一個人,CSS 相當於一個人穿著的衣服,JavaScrip t相當於讓這個人做什麼動作,這樣一形容呢,我們就很好理解了,這個人就是網站,需要有 header 頭,body 身體,footer 腳……而網站所呈現給我們各種各樣的樣子就是我們寫的 CSS 樣式,網站裡的動態效果就都是我們的 JavaScript 去實現的。
二、零基礎學前端工程師難學嗎?
想知道前端工程師技術難不難學的新手可以跟著下面的步驟一起來設計製造一個專屬的網頁,相信你就會知道。我們用到的軟件呢,對於入門級來說我們一般推薦大家用 DreamWeaver,新建一個 HTML 後,出現的界面是這樣的,



2、在<head></head>裡寫入這樣一組標籤<style></style>這個style的意思就是CSS,我們整個網站要加的所有樣式都是寫在這個中間的。
3、我們在style裡寫樣式,電腦首先要知道我們給誰加樣式,所有我們寫個.aaa 這個.(點)的意思是我要給aaa加樣式,電腦會自動把.(點)後面的名字,跟下面body裡的名字做一個匹配,這樣電腦就知道,哦~原來你是要給這個div加樣式呀,
4、然後我們把要給這個div加的樣式寫在大括號裡,Width:100px; 意思是這個div的寬是100像素,height:100px; 意思是高是100像素,background-color:#FF0000;意思是背景顏色是#FF0000這個顏色,
注意:
(1)這裡我要給大家解釋一下,大家別看這麼多原始碼,這麼多專有名詞,其實軟件有提示,像下面這樣,直接輸入第一個字母後面的專有名詞就出現了,直接選中就行了,連專有名詞都不用背,前端真的很簡單,



下面我們繼續,設置好了以後,我們就可以在 Dreamweaver 狀態列中按一下「即時預覽」。若你看到了紅色正方形的畫面,那恭喜你,你成功了!這是成為前端工程師的第一步,請繼續鎖定其他文章,讓我們一起進步~
推薦閱讀:
前端工程師省時神器Emmet使用教學(四)顯示文字與自訂屬性
暑假快到了!與其讓兒子盲目拚學測,我寧可讓他先選擇人生方向~
鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了
單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺