編輯器: sublime, webstorm, atom, vim等
調試工(gōng)具: 浏覽器自帶的devtools,移動端頁面遠程調試等
構建工(gōng)具: gulp, grunt, webpack
包管理工(gōng)具: bower
遠程服務器工(gōng)具: filezilla/shell
工(gōng)具主要作用就是幫工(gōng)程師減少工(gōng)作量,自動化處理,如壓縮css, 合并js/css, 上傳cdn, 圖片優化, 管理jquery等三方庫
前端入門操作都是非常簡單
1、學習css,這個css沒有包含css3,通常我(wǒ)們看到對于web前端工(gōng)程師要求是要會使用css+div或css+html對界面進行布局,因此 css是輔助html來展示以及布局的,稱之爲css樣式。上面說的css+div中(zhōng)的div就是html主要用在布局上的,div是核心要掌握的東 西。
而且css是一(yī)定需要配合div進行使用,所以學css要熟悉掌握position、height、float、width,并對于界面的最大(dà)最小(xiǎo)、能 使用百分(fēn)百、margin、overflow、padding等。這些關系到布局樣式的一(yī)定要能夠熟練掌握,實在不明白(bái)可以到杭州有碼互聯咨詢 下(xià),有碼講師都是有超過三年以上的項目經曆。
2、html是web前端開(kāi)發工(gōng)具中(zhōng)最爲基礎和最簡單的,在html中(zhōng)要掌握的有form table、span、p、div、ul li 、font這各類标簽。 尤其是table和div,table雖然也能布局使用,但是不方便,通常是用table和數據打交道的。而div是用來布局。
3、學習web前端開(kāi)發的話(huà)要是能夠會些java、php等後台語言更是加分(fēn)了。因爲web前端的界面數據都是在後台那過來的,要是會後 台語言的話(huà),就更節約時間,不僅知(zhī)道如何于後台交互數據是最好的,也知(zhī)道怎麽寫前端的代碼會更加規範。就不會出現寫法和後 端的數據不匹配,要重現編寫的尴尬現象了。
4、掌握js,也許前面提到的大(dà)家都覺得還可以。但一(yī)說到js就暈了吧?事實上js的入門非常的簡單,隻要能夠會根據某個name、 或id拿到網頁的樣式、值和dom。以及會給某些name或id的元素标簽賦值、追html、追加數據,在按照邏輯推斷。至于效果無疑就 是彈框、跳轉、隐藏等。再把這些結合到其他的,代碼其實就一(yī)點也不不會難了。學會了基礎的js之後,其他的方面結合學習資(zī)料 多看多用基本上是沒問題的。
5、學習jquery.jquery是把js封裝了一(yī)套的一(yī)個js插件。最終就是希望代碼簡化、操作更方便。jquery入門也不難,它需要學的和 js一(yī)樣,不同的是換成了jq的代碼。其他結合别的學習資(zī)料就可以了。
6、最後是學習css3+html5了,這個目前是最流行的了,如果是搞後端的話(huà),在工(gōng)作裏面也不怎麽會用到,一(yī)般是在網站中(zhōng)出現問 題了,那就需要用到css3+html5去(qù)修改一(yī)下(xià)。
1、sublime text3 編輯器
2、beyond compare 比較代碼工(gōng)具
3、photoshop cc
4、editplus 編輯器
5、pxcook 像素大(dà)廚
6、分(fēn)區助手
7、png圖片轉ico圖标軟件:aveicon
hburder,dreamweaver