-
1 # 小郭6652
-
2 # Lyon
前端的基礎就是HTML，css，JS，自學前端，主要途徑就是W3C,菜鳥教程，現在網上很多前端的培訓影片，都可以進行學習。先把這三樣學好，打好基礎才能慢慢晉級為大神，初期可以先結合HTML和css，學習簡單的頁面佈局和一些頁面動畫，然後再進行JS的學習，結合標籤，進行簡單的頁面動畫，互動。這三個基礎打好，在學習jQuery，升級一點技能，讓程式碼更簡潔。這些都是基礎，實際工作中可能會用到各種前端框架，比如說angulaJS，VUE，等等可以再其官網上進行學習。
-
3 # 美人淚杯中酒609
1、自學前端，網上有很多入門影片，慕課網也有很多免費影片，可以從影片入手。
2、學習過程中，還需要自己動手去敲程式碼，自己看到頁面，即使不好看，也能激勵自己。
3、遇到問題，還要學習查資料，網上詢問別人，互相交流。
4、建議還能有時間去系統學習下，買一些參考書，這樣完備自己的知識系統。
-
4 # NOVOX諾亞國際
首先肯定是在網上找教程，而對於零基礎的人來說，影片教程是最容易理解的。 推薦幾個影片教程網站，入門的基礎影片都是免費的。學完了基礎之後，後續想更高層次的發展，做一些有挑戰性的專案，就需要花錢了。
一、慕課網
二、網易雲課堂
三、百度傳課
四、騰訊課堂
五、極客學院
還有一些付費的網站：
一、麥子學院
二、51CTO
三、黑馬程式設計師
還有文字教程網站：
一、W3Cschool
二、菜鳥教程
基本上就是這麼多，跟著教程一邊看一邊練就可以了。 遇到問題，可以先自己百度，閒來沒事也可以多逛逛前端社群，增長增長見識。
-- 河南新華電腦學院
-
5 # CCG晨光01
網上搜索影片，慕課網，騰訊課堂等都很多教程，看影片容易上手，前端一定要多練手，不然很容易忘記，前端要學的東西非常多，雖然不難，但是種類非常多。首先要學html5，css.css3，JavaScript，jQuery。還要學一些類啊，其他框架啊，尤其現在移動端很重要，要學移動端框架，類，移動端自適應，全屏，還有移動端事件。我之前看的很亂浪費很多時間，你找個教學網站看下他們的學習步驟再去按步驟自學比較省時間。現在vue挺火的，後期可以學
-
6 # 一零言
雖然我不是 web前端開發工程師，但是我會web前端，前端開發我透過自學掌握的。web前端相對容易， 雖然你沒有基礎，是個小白，但是你要對自己充滿信心，相信你很快就可以掌握。
web前端都包括什麼？三個大方向，HTML、css、JavaScript。html就不細說了，很多人都說html算不上程式語言，連個迴圈都寫不了。一個web頁面時三者共同努力的結果。
如何學習Web前端？首先你需要學習html的各個標籤，掌握其用法和規範，明白其作用。開始學習css的使用，你先學習在html頁面中為標籤增加css樣式，其次是將css寫在網頁的<head></head>標籤對的<style></style>標籤對中。學習如何引入外部的css檔案。如何將css和div結合起來，css你需要學習各種效果、定位、元件設定、佈局、響應式等等這部分需要你學習一段時間。學習原生的css後你可以學習使用css框架，下方我列舉一些框架。之後你還需要學習JavaScript，還是從基礎知識開始學習，學習的同時你可以自己開發一些外掛檢驗學習成果學習完基礎之後你需要學習JavaScript框架和一些js庫。最後你將三者結合起來開發一個網站的前端進行練習，可以開發wordpress的主題等。或者你再學習後端語言開發一個網站。關於前端學習我覺得一個網站非常好，那就是w3cschool%%%cn，裡面有個程式設計實戰闖關模組，花點時間透過他會對你有很大幫助。程式設計實戰難度不大，我很快就通關了。css的框架Bootstrap—— 富有創意並且強大的移動為先的前端框架，幫助你快速開發web應用
Semantic—— 透過創造一個用來方便分享UI的語言使得開發人員和設計師的可控範圍更為廣泛。
kube—— 極簡但非常豐富的元件開發自適應或者響應式的網站。 擁有靈活的Grid和漂亮的字型排版。絕對自由，沒有多餘強制的樣式。
Less框架—— 是一個CSS的網格系統，幫助你設計自適應的網站。包含了4個佈局和3套字型排版預設，所有的都基於同一個Grid。
YAML—— 是一個模組化的CSS框架，重點在於靈活性，良好的訪問和響應式的設計。這個框架重點在於裝置獨立的螢幕設計和靈活的佈局模組化管理。
js框架AngularJS—— 有著諸多特性，最為核心的是：MVVM、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等。
React —— 是一個 Facebook 和 Instagram 用來建立使用者介面的 JavaScript 庫。
Vue.js ——是用於構建互動式的 Web 介面的庫。它提供了MVVM資料繫結和一個可組合的元件系統，具有簡單、靈活的 API。
jQuery —— 是一個“寫的更少,但做的更多”的輕量級 JavaScript 庫。
最後加油吧，祝你早日掌握前端！！！
-
7 # 科技行者
第一步：HTML + CSS
前端的入門門檻極低，體現在HTML和CSS上。執行環境就是瀏覽器，推薦Chrome。你需要的一些前端工具箱，推薦Dreamwear/Sublime/Photoshop/SVN等。HTML和CSS不是程式語言，前者只是結構標籤，後者則是樣式配置，入門是非常簡單的。網上資料也有很多，剛入門查閱資料可以用w3school或者MDN（https://developer.mozilla.org/zh-CN）。
進階可以學習下：
HTML主要是學了H5的Canvas。
掌握預處理工具Sass、Less。
前端框架：Bootstrap、Foundation。
第二步：JavaScript
這是至關重要的階段。
javascript 要學的內容實在很多，如果沒有其他程式語言的基礎的話，學起來可能要費些力，還是建議先在 w3school上學習。之後建議馬上看《javascript語言精粹》，js是一門很混亂的語言，這本書能夠幫助你區分哪些是語言的精華，哪些是糟粕，對於語言精華，應該深入學習。糟粕部分能看懂別人寫的程式碼就行，自己就不用嘗試了。
在有了基礎之後，進一步學習內容包括：
1. 簡單框架，薦先學 zepto，簡單易用
2. 複雜框架，是指 react、vue、angular 等不直接操作dom的框架。這類框架建議js基礎打紮實後再學習。
學習前端需要方法，更需要一顆平常心，不要把前端想的多難，需要吃什麼苦。。。既然學習這麼痛苦，為什麼不快樂一點學呢？
anyway~希望大家可以成為一個優秀的前端er！
-
8 # 豬曉妖
我是做前端的，從多年的經驗來回答這個問題。
html+css+js這是不可或缺的了。
1、基礎要牢靠：不管是html+css還是JavaScript，任憑你看了多少書籍，上了多少課程，基礎沒有打牢固全白費。萬丈高樓平地起，基礎不夯實也是豆腐渣工程。
2、多讀多看多做：千萬不要眼高手低，好記性還不如爛筆頭。看了很多的案例自己去寫程式碼的時候卻絲毫沒有思緒。前端這個東西不是光靠記，還得練，熟能生巧不是白說的。
3、學以致用：多看別人的程式碼，你就會發現自己程式碼的不足之處，學以致用。取其精華棄其糟粕。
4、正確的邏輯思維梳理：自學前端相比起有人引導會稍微吃力點，沒有明確的學習步驟和大綱，終歸會有點混亂。如果能有人或者書籍引導一下會事倍功半。
我只是強調一下你要自學應該注意的問題，關於自學的內容知識不是三五句話就能表明的。
-
9 # 傳智播客
自學前端，首先要有一顆堅持到底的恆心，不會因為別的風言風語就輕易動搖自己學習的立場，有了堅持下去的恆心接下來就可以找一套比較完整的學習資料，靜下心來學習了。作為過來人，知道自學的辛苦。所以把這套前端教程分享給大家出來，就是讓想自學前端的小夥伴們有一份系統專業的學習資源和學習指導。
自學前端先要把基礎打好，剛學習的時候不要心浮氣躁，踏踏實實的學好基礎後面的內容就會迎刃而解了。
前端書籍：
書籍介紹：JavaScript是一種廣泛應用於Web前端開發的指令碼語言，具有簡單、易學、易用的特點，用JavaScript開發網頁可以增強網頁的互動性，為使用者提供實時的、動態的互動體驗。
本書共分為12章，內容包括JavaScript快速入門、基本語法、陣列、函式、物件、BOM、DOM、事件、正則表示式、Ajax、jQuery和網頁2048小遊戲。為了加深初學者對知識的領悟，本書在確保知識講解系統、全面的基礎上，還配備了精彩的案例，將多個知識點綜合運用。
本書適合作為高等院校本、專科計算機相關專業的教材使用，也可作為JavaScript愛好者的參考書，是一本適合廣大計算機程式設計愛好者學習參考的優秀讀物。
相信看完這些書的小夥伴對前端也有了一定的瞭解，但是企業中用的一些核心的技術還是不熟練，自己也沒有做過專案，此時可以跟著影片自己動手操作幾個專案。
最後想奉勸各位前端的小夥伴一句，多練習多練習，一定要多練習，鍵盤敲爛，月薪過萬！！
-
10 # web小白學習基地
學習書籍
JavaScript高階程式設計（第3版） 紅皮書JavaScript權威指南（第6版） 犀牛書深入淺出Node.js鋒利的jQuery（第2版）JavaScript DOM程式設計藝術 （第2版）Head First HTML與CSS（第2版）CSS權威指南（第三版）ES6標準入門（第3版）JavaScript設計模式Vue.js權威指南React全棧：Redux+Flux+webpack+Babel整合開發揭秘Angular 2 從入門進階到實戰你不知道的JavaScriptHTML5與CSS 3權威指南上下冊工具
HBuilder
Sublime
Dreamweaver
WebStorm
Visual Studio Code
Wamp
Atom
執行環境
MysqlNodejsWebpack網站
CSDNGitHub知乎jQueryw3cschoolNode.jsnpm.jsvue.jssegmentfaultbootstrap部落格園菜鳥教程掘金簡書指令碼之家開源中國慕課網阮一峰部落格騰訊課堂網易雲課堂我要自學網初級前端正確的學習路線
回覆列表
1.首先確定自己是否有足夠的自制力和堅持力，滿足這個基本條件才可以去嘗試自學新的東西，不然還是去培訓，因為自學對個人的考驗是非常大的
2.應該瞭解自學一種東西，一定要有系統化的學習，盲目的學習只會讓你陷入疲憊感甚至對它產生一種厭倦的心態，最好是和學過Web前端的朋友諮詢相關學習的網站，像菜鳥教程、w3cschool線上教程這種有系統性的網站最好。
3.有了系統化的資源後，合理的安排時間，不要一次性學很多。每學一樣新知識可以找一些試題自己做一下，避免學一樣忘一樣
4.最後就是堅持了 祝您成功！