新手,覺得Angularjs好難,該如何學習Angularjs?

唔,我是前端小白,只對html和css比較熟悉,js方面學過一點jquery,基礎不是很好,最近要求學習Angularjs,學了快一個星期,感覺真的好難啊,網上看了教學視頻,菜鳥教程也看了好多遍,但是自己運用直接就懵逼了,連基本的增刪改查都實現不了,之前接觸過Ci框架,可以說對MCV模式有一定的了解吧,想知道Angularjs的學習路線,對js基礎要求高嘛,能否直接開始學習?

---不知不覺這個這個問題已經過去將近一個月了,首先感謝大家的回答以及建議和經驗,提這個問題的時候我才接觸angularjs三天,我確實太急於求成了,這快一個月的學習讓我對angularjs有了初步的了解,可以說是半隻腳踩到了門檻上吧,確實,學習還是要靜下心來,一步步踏實的走,幸運點的像我,在公司有前輩能指導,動手去做是關鍵,別學邊做邊理解確實是最快的途徑,最後,再次感謝大家的回答。


同樣一直在做CI和AngularJS相關,AngularJS是以數據驅動表現,和MVC還是有些不一樣,我覺得看文檔挺重要的,不懂馬上查文檔

推薦個Youtube的視頻:https://www.youtube.com/playlist?list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7

AngularJS - Binding

AngularJS - Controllers

AngularJS - The Dot

AngularJS - Sharing Data Between Controllers

AngularJS - Defining a Method on the Scope

AngularJS - Filters

AngularJS - Testing Overview

AngularJS - ngFilter

AngularJS - Built-in Filters

AngularJS - First Directive

AngularJS - Directive Restrictions

AngularJS - Basic Behaviors

AngularJS - Useful Behaviors

AngularJS - Directives Talking to Controllers

AngularJS - Directive to Directive Communication

AngularJS - Understanding Isolate Scope

AngularJS - Isolate Scope "@"

AngularJS - Isolate Scope "="

AngularJS - Isolate Scope "amp;"

AngularJS - Isolate Scope Review

AngularJS - Transclusion Basics

AngularJS - An Alternative Approach to Controllers

AngularJS - Thinking Differently About Organization

AngularJS - Building Zippy

AngularJS - angular.element

AngularJS - $scope vs. scope

AngularJS - templateUrl

AngularJS - $templateCache

AngularJS - ng-view

AngularJS - The config function

AngularJS - $routeProvider api

AngularJS - $routeParams

AngularJS - redirectTo

AngularJS - Promises

AngularJS - Resolve

AngularJS - resolve conventions

AngularJS - resolve $routeChangeError

AngularJS - Directive for Route Handling

AngularJS - Route Life Cycle

AngularJS - Providers

AngularJS - Injectors

AngularJS - Components and Containers

AngularJS - $index, $event, $log

AngularJS - Experimental "Controller as" Syntax

AngularJS - Directive Communication

AngularJS - ngmin

AngularJS - ng-repeat-start

AngularJS - animation basics

AngularJS - Animating with JavaScript

AngularJS - Animating the Angular Way

AngularJS - angular.copy

Bower - Intro to Bower

AngularJS - angular.bootstrap

AngularJS - No custom markup

AngularJS - Unit Testing Hello World

AngularJS - Unit Testing a Directive

AngularJS - Testing Scope

AngularJS - Testing Underscores

AngularJS - Intro to Karma


我的建議是先不要去看原理,你基礎不紮實,可以從如何使用入手學,一定要看視頻…完了js的基礎還是要去打牢固了,推薦 javascript權威指南。


我覺得在學習框架前,首先應該具備良好的JavaScript基礎,學習熱門框架可以讓你在短期內掙到錢,但你能掙多少錢取決自你的基礎知識,相比其它領域,Web前端框架更新速度可謂日新月異,所以不要為了新技術而疲於奔命。


angular相對一些常見的框架來說學習曲線要陡峭一點,也需要一些基礎的js知識。不要盲目的追求前端框架和庫,因為你js基礎還不紮實的時候,會覺得他們坑多難懂不好用。。


本人基本沒有什麼js的基礎。。。花了一周時間上手參與一個angularjs開發的web app。我的建議是多看文檔,嘗試自己從頭開始搭一個小app,一點點學著使用。比如先寫一個controller,試著用data-binding 做一點小的交互,你也用到了ng-click和ng-repeat, 然後試著寫一個filter,用在之前的數據展示上,加上樣式以後寫一點ng-class和ng-style之類的東西,接下來用router寫一下路由,多做幾個頁面,用ng-view寫一點子頁面,試一下ui-router插件,給不同的頁面加不同的controller,然後寫resource,嘗試從後台拿了數據以後展示出來,再用watch什麼的加強一下你的交互blabla...如果js不熟,對angularjs的代碼風格可能短時間難以習慣,那就多寫寫吧。寫了以後你或許就慢慢有自信了,在此基礎上有空的時候完整刷一遍文檔,恩,加油!


去慕課網,看大漠窮秋的視頻。受益良多。


最近公司一個項目也在用,由於煩透了用jquery做各種數據和ui綁定,所以找到angular,大致了解了3天,看文檔,demo,api然後試著寫點小測試頁面,然後開始在公司項目中用,自己封裝了幾個常用的directive,filter,感覺很不錯,大大減少代碼量。小弟在做項目中,通過看代碼,講解,理解起來還是比較快的,為什麼呢?因為他們被之前的開發方式折磨得……

其實,還是要有實際痛苦的體驗,如果你在項目中,每天用jquery做ui和數據綁定,各種事件監聽,各種dom操作,你就會思考如何自己設計一套機制(或者庫)來做這些枯燥無聊,又必須得做的工作。

然後你再用angular,結合之前自己封裝的一些代碼或者方式,稍微對比講解一下,估計你也能一下子理解了(小弟們正好有過這種體驗),這個前提就是,你要有足夠多的類似體驗。如果本身這種體驗不多,突然看到或者想理解angular,確實會很難!最後你會說:太複雜了,還不如我用jquery呢!


有了js的基礎學習AngularJS會更好。建議找講的通俗易懂的視頻先好好學,然後配合書一塊學。

推薦石川講的AngularJS視頻, 鏈接: https://pan.baidu.com/s/1dFCRqwx 密碼: 2pfn


angular對於js基礎不夠好的新手確實比較困難,盡量多想一想directive,provider,filter是什麼,想通了就知道angular是什麼,該怎麼寫了,在這之前建議花幾天時間把js基礎先看一遍


JavaScript 沒學好 就去觸碰js框架 。呵呵


學習angularjs的確在一開始會比較難,尤其是如果你沒有mvvm 相關的編程經驗的話。其實這種難是一種思路上比較難以理解,但是你堅持下去的話會發現其實angualrjs是一個相當不錯的前端編程框架。我覺得你可以試試再堅持1,2個月(多練習練習)。你就會發現其實越來越簡單。angularjs其實相比javascript這個語言本身來說學習周期並不會很長(javascript要想學的深入那個需要耗費不少時間)一般 3 到4個月基本可以熟練掌握。我個人最近也在自己的訂閱號上教學一些angularjs的知識,如果你有興趣可以點擊我的頭像 二維碼掃一下進行關注。希望能幫到你一些。


先把官方文檔,大概看一下。最好,自己動手編寫一下。這裡有個博客地址:推薦給你「angular」的搜索結果 - 成功的關鍵,在於機遇、學習。


angular剛開始我也挺討厭的,後來越看越喜歡,入門嘛,每個人不同,取決於你JS的水平,如果水平高的話,入門挺簡單,水平不夠的話,勉強看也看不懂


建議你動手寫,先別寫太複雜的,一個功能一個功能的實驗,codeacademy里有演示和作業。

另外,還有angular的程序分門別類放好,我覺得很重要


AngularJS中文網 這個網站不錯!!


可以試試qc http://time-go.github.io/qc/


angular適合做多組件聯動的頁面 像電子地圖之類的應用。如果你寫慣了jQuery手工操作DOM的代碼, 剛開始的時候會對angular的代碼風格非常不適應。


先通過一些小的案例學習如何使用,有餘力再看看底層的實現以及改寫,參與它的迭代


和jquery相比,angular已經簡單多了,特別適合那種不打算在前端有深入發展但是眼前就需要快速產出的人,主要是數據綁定比jquery選擇器更容易上手,前提是對於注入和mvc思想有所了解,我這種前端半吊子表示用著很爽


我剛開始學的時候也覺得坑挺深。現在基本不再用Angular 了,感覺裡面有不少over engineered的東西。你要是喜歡angular 這一套方式,不如試試vue,很輕量,易上手


推薦閱讀:

Handlebars 和angularjs有什麼區別?分別在什麼情況下使用?
react.js,angular.js,vue.js學習哪個好?
請問 React 和 Angular 各有什麼優缺點,各自又適合什麼開發場景?
如何用爬蟲爬取知乎專欄信息?

TAG:前端開發 | 程序員 | JavaScript | 編程 | AngularJS |