web前端零基础入门学习！前端真不难！
現(xiàn)在互聯(lián)網(wǎng)發(fā)展迅速，前端也成了很重要的崗位之一，許多人都往前端靠攏，可又無能為力，不知所措，首先我們說為什么在編程里，大家都傾向于往前端靠呢？原因很簡單，那就是，在程序員的世界里，前端開發(fā)是最最簡單的編程，甚至都不能叫做編程，因為它真的很簡單很簡單，下面呢，我們就開始一點一點的教大家如何開始前端知識的學(xué)習(xí)（小學(xué)生都能學(xué)會的語言）！
在這里相信有許多想要學(xué)習(xí)前端的同學(xué)，關(guān)注小編文章最后面文字，可免費領(lǐng)取一整套系統(tǒng)的web前端學(xué)習(xí)教程！
首先我們學(xué)習(xí)前端，要知道前端的三個大內(nèi)容，HTML、CSS、JS，其中HTML和CSS是相互結(jié)合著學(xué)習(xí)，掌握了這兩個了以后我們就算真正入門了，然后再深入學(xué)習(xí)JS等等。
HTML，CSS，JS
一、首先我們要理解HTML，CSS，JS分別是什么？
HTML就相當于一個人，CSS相當于一個人穿著的衣服，JS相當于讓這個人做什么動作，這樣一形容呢，我們就很好理解了，這個人就是網(wǎng)站，需要有header頭，body身體，footer腳……而網(wǎng)站所呈現(xiàn)給我們各種各樣的樣子就是我們寫的CSS樣式，網(wǎng)站里的動態(tài)效果就都是我們的JS去實現(xiàn)的。
二、零基礎(chǔ)就能學(xué)會前端。
說到這里，可能大家看這么多的文字有點看不下去了，那我們廢話不多說，只要你決定了要學(xué)習(xí)前端，那就跟我們的課程一點一點學(xué)習(xí)去設(shè)計制作屬于你自己的網(wǎng)頁吧！
我們用到的軟件呢，對于入門級來說我們一般推薦大家用Dreamweaver，簡稱DW，新建一個HTML后，出現(xiàn)的界面是這樣的，
看到這么多代碼不要慌，對我們敲代碼沒啥影響，下面我們開始敲代碼，我們可以看到這里有這樣的代碼<body></body>，這個就是我們網(wǎng)頁的身體，我們接下來要敲的內(nèi)容都是在這中間輸入的，這個括號表示的標簽，標簽都是一前一后的，成對兒出現(xiàn)的，除了一些特殊的標簽，隨后我們再一一給大家講解。現(xiàn)在我們輸入點內(nèi)容，看看效果。
我們輸入一個標簽<div></div>，點擊右上角的地球瀏覽一下，會發(fā)現(xiàn)彈出了一個空網(wǎng)頁，什么也沒有，那是因為我們現(xiàn)在只書寫了HTML，還沒有寫CSS，簡單來說就是，我們創(chuàng)建了一個東西在頁面里，但是還沒有設(shè)置這個東西長什么樣子，現(xiàn)在我們在設(shè)置它的樣子，
1、我們?yōu)榱私o這個div設(shè)置樣式，所有先給它起個名字不然，電腦不知道我們要給誰加樣式，class="aaa" 的意思是起名為aaa
2、在<head></head>里寫入這樣一組標簽<style></style>這個style的意思就是CSS，我們整個網(wǎng)站要加的所有樣式都是寫在這個中間的。
3、我們在style里寫樣式，電腦首先要知道我們給誰加樣式，所有我們寫個.aaa 這個.（點）的意思是我要給aaa加樣式，電腦會自動把.（點）后面的名字，跟下面body里的名字做一個匹配，這樣電腦就知道，哦~原來你是要給這個div加樣式呀，
4、然后我們把要給這個div加的樣式寫在大括號里，width:100px; 意思是這個div的寬是100像素，height:100px; 意思是高是100像素， 意思是背景顏色是#FF0000這個顏色，
注意：（1）這里我要給大家解釋一下，大家別看這么多代碼，這么多單詞，其實軟件有提示，像下面這樣，直接輸入第一個字母后面的單詞就出現(xiàn)了，直接選中就行了，連單詞都不用背，前端真的很簡單，
輸入w和輸入h，會自動彈出單詞框
（2）每一個單詞都有提示，說到這里，不會英語的同學(xué)就不要給自己找借口說英語不好，學(xué)不會編程了，當然，這么簡單是不是說大家都容易學(xué)會，那大家都會了，我們還有什么優(yōu)勢呢，其實不然，雖然說很簡單，但是要想真真的把前端學(xué)好是需要下功夫的，主要就是要堅持，雖然很簡單，但是能堅持下來的人很少，這也就是為什么我們給學(xué)生一直提倡要堅持，做任何事既然決定了，就要堅持，
下面我們繼續(xù)，設(shè)置好了以后，我們就可以點右上角的“小地球”來瀏覽了，
如果你做出來了，跟我的效果一樣，那么你就成功了，那我就可以恭喜你，你已經(jīng)入門了，真的很簡單！
到這里大家可能還會有疑慮：
1、可能會有同學(xué)覺的，前端好難，寫了那么一大堆，才出了個這個。2、另外就是覺的這一下子蹦出來了這么多代碼，這么多單詞，記不住。3、對未來恐懼，感覺還不知道要有多少單詞，多少代碼要涉及。
在這里呢，我要給大家解釋一下，前端呢，其實我們真正常用的單詞也就20個左右，今天我們就已經(jīng)用3個了，width、height、background，當然這3個也是最最常用的，是每次都要書寫的。
另外就是像格式之類的，同學(xué)可能也會有疑問，這次的是div要起名字，style寫在head里，div寫在body，那還會有多少這樣的寫法，
這一點呢，我可以告訴大家，大家不用擔心，因為這是每次我們寫前端都要首先寫的東西，可以說是固定格式，就類似于做數(shù)學(xué)應(yīng)用題，我們首先要寫個“解”字，一個道理。
最后呢，我想跟同學(xué)們說，不管我們以后選擇做什么，一定都要堅持去做，世上沒有難的事，只有放棄的事。
我是一名前端開發(fā)程序員，現(xiàn)在在網(wǎng)上授課教前端，每晚都會在群內(nèi)免費直播，自己整理了一份2018最全面前端學(xué)習(xí)資料，從最基礎(chǔ)的HTML+CSS+JS到移動端HTML5到各種框架都有整理，送給每一位前端小伙伴，這里是小白聚集地，歡迎初學(xué)和進階中的小伙伴。"
web前端資料學(xué)習(xí)群：685362217
為了感謝大家的支持，今天我在這里統(tǒng)一說下吧，關(guān)注公眾號：‘web前端學(xué)習(xí)圈'，就可以領(lǐng)取上全套視頻學(xué)習(xí)資料！[關(guān)注可加前端微信群]
還有疑惑的同學(xué)可以給我們留言評論，關(guān)注我，我們會定時發(fā)布教學(xué)視頻和文章，從基礎(chǔ)開始，解決前端問題，讓每位學(xué)生學(xué)會前端知識。
轉(zhuǎn)載于:https://www.cnblogs.com/gongyue/p/9234013.html
總結(jié)
以上是生活随笔為你收集整理的web前端零基础入门学习！前端真不难！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 类内的函数共享给对象使用
- 下一篇： 前端项目课程5 登录界面如何做