現在互聯網發展迅速,前端也成了很重要的崗位之一,許多人都往前端靠攏,可又無能為力,不知所措,首先我們說為什麼在編程里,大家都傾向於往前端靠呢?原因很簡單,那就是,在程式員的世界里,前端開發是最最簡單的編程,甚至都不能叫做編程,因為它真的很簡單很簡單,下麵呢,我們就開始一點一點的教大家如何開始前端知識 ...
現在互聯網發展迅速,前端也成了很重要的崗位之一,許多人都往前端靠攏,可又無能為力,不知所措,首先我們說為什麼在編程里,大家都傾向於往前端靠呢?原因很簡單,那就是,在程式員的世界里,前端開發是最最簡單的編程,甚至都不能叫做編程,因為它真的很簡單很簡單,下麵呢,我們就開始一點一點的教大家如何開始前端知識的學習!
前端需要掌握的技術
首先我們學習前端,要知道前端的三個大內容,HTML、CSS、JS,其中HTML和CSS是相互結合著學習,掌握了這兩個了以後我們就算真正入門了,然後再深入學習JS等等。
HTML,CSS,JS分別是什麼?
HTML就相當於一個人,CSS相當於一個人穿著的衣服,JS相當於讓這個人做什麼動作,這樣一形容呢,我們就很好理解了,這個人就是網站,需要有header頭,body身體,footer腳……而網站所呈現給我們各種各樣的樣子就是我們寫的CSS樣式,網站里的動態效果就都是我們的JS去實現的。
零基礎如何開始學前端?
說到這裡,可能大家看這麼多的文字有點看不下去了,那我們廢話不多說,只要你決定了要學習前端,那就跟我們的課程一點一點學習去設計製作屬於你自己的網頁吧!
我們用到的軟體呢,對於入門級來說我們一般推薦大家用Dreamweaver,簡稱DW,新建一個HTML後,出現的界面是這樣的,
看到這麼多代碼不要慌,對我們敲代碼沒啥影響,下麵我們開始敲代碼,我們可以看到這裡有這樣的代碼<body></body>,這個就是我們網頁的身體,我們接下來要敲的內容都是在這中間輸入的,這個括弧表示的標簽,標簽都是一前一後的,成對兒出現的,除了一些特殊的標簽,隨後我們再一一給大家講解。現在我們輸入點內容,看看效果
我們輸入一個標簽<div></div>,點擊右上角的地球瀏覽一下,會發現彈出了一個空網頁,什麼也沒有,那是因為我們現在只書寫了HTML,還沒有寫CSS,簡單來說就是,我們創建了一個東西在頁面里,但是還沒有設置這個東西長什麼樣子,現在我們在設置它的樣子,
1、我們為了給這個div設置樣式,所有先給它起個名字不然,電腦不知道我們要給誰加樣式,class="aaa" 的意思是起名為aaa
2、在<head></head>里寫入這樣一組標簽<style></style>這個style的意思就是CSS,我們整個網站要加的所有樣式都是寫在這個中間的。
3、我們在style里寫樣式,電腦首先要知道我們給誰加樣式,所有我們寫個.aaa 這個.(點)的意思是我要給aaa加樣式,電腦會自動把.(點)後面的名字,跟下麵body里的名字做一個匹配,這樣電腦就知道,哦~原來你是要給這個div加樣式呀,
4、然後我們把要給這個div加的樣式寫在大括弧里,width:100px; 意思是這個div的寬是100像素,height:100px; 意思是高是100像素, 意思是背景顏色是#FF0000這個顏色,
註意:(1)這裡我要給大家解釋一下,大家別看這麼多代碼,這麼多單詞,其實軟體有提示,像下麵這樣,直接輸入第一個字母後面的單詞就出現了,直接選中就行了,連單詞都不用背,前端真的很簡單,
(2)每一個單詞都有提示,說到這裡,不會英語的同學就不要給自己找藉口說英語不好,學不會編程了,當然,這麼簡單是不是說大家都容易學會,那大家都會了,我們還有什麼優勢呢,其實不然,雖然說很簡單,但是要想真真的把前端學好是需要下功夫的,主要就是要堅持,雖然很簡單,但是能堅持下來的人很少,這也就是為什麼我們給學生一直提倡要堅持,做任何事既然決定了,就要堅持,
下麵我們繼續,設置好了以後,我們就可以點右上角的“小地球”來瀏覽了,
如果你做出來了,跟我的效果一樣,那麼你就成功了,那我就可以恭喜你,你已經入門了,真的很簡單!
前端學習中的疑惑
1、可能會有同學覺的,前端好難,寫了那麼一大堆,才出了個這個。
2、另外就是覺的這一下子蹦出來了這麼多代碼,這麼多單詞,記不住。
3、對未來恐懼,感覺還不知道要有多少單詞,多少代碼要涉及。
在這裡呢,我要給大家解釋一下,前端呢,其實我們真正常用的單詞也就20個左右,今天我們就已經用3個了,width、height、background,當然這3個也是最最常用的,是每次都要書寫的。
另外就是像格式之類的,同學可能也會有疑問,這次的是div要起名字,style寫在head里,div寫在body,那還會有多少這樣的寫法,
這一點呢,我可以告訴大家,大家不用擔心,因為這是每次我們寫前端都要首先寫的東西,可以說是固定格式,就類似於做數學應用題,我們首先要寫個“解”字,一個道理。
最後呢,我想跟同學們說,不管我們以後選擇做什麼,一定都要堅持去做,世上沒有難的事,只有放棄的事。
小編也在前端混了有幾年,整理了一些學習資料,對web開發技術感興趣的同學
歡迎加入新建的Q群:603985993,不管你是小白還是大牛我都歡迎,希望大家誠心交流!
還有大牛整理的一套高效率學習路線和教程與您免費分享,與企業需求同步。
好友都在裡面學習交流,每天都會有大牛定時講解前端技術!