Angular and spfx learning guide

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;

up vote
4
down vote

favorite

I am getting started with spfx and i have no prior knowledge of angularjs/angular.

Recently i saw a blog post that says to use angular element to develop webpart.

Can you guys please guide me on how to really get into spfx development meaning should i learn typescript first then move to angular 6 then start spfx.

Is there anything more i need to learn like sass,office UI.

asked Sep 5 at 6:21

Keshav Taurah

753215

add a commentÂ |Â

up vote
4
down vote

favorite

I am getting started with spfx and i have no prior knowledge of angularjs/angular.

Recently i saw a blog post that says to use angular element to develop webpart.

Can you guys please guide me on how to really get into spfx development meaning should i learn typescript first then move to angular 6 then start spfx.

Is there anything more i need to learn like sass,office UI.

asked Sep 5 at 6:21

Keshav Taurah

753215

add a commentÂ |Â

up vote
4
down vote

favorite

I am getting started with spfx and i have no prior knowledge of angularjs/angular.

Recently i saw a blog post that says to use angular element to develop webpart.

Can you guys please guide me on how to really get into spfx development meaning should i learn typescript first then move to angular 6 then start spfx.

Is there anything more i need to learn like sass,office UI.

asked Sep 5 at 6:21

Keshav Taurah

753215

I am getting started with spfx and i have no prior knowledge of angularjs/angular.

Recently i saw a blog post that says to use angular element to develop webpart.

Can you guys please guide me on how to really get into spfx development meaning should i learn typescript first then move to angular 6 then start spfx.

Is there anything more i need to learn like sass,office UI.

asked Sep 5 at 6:21

Keshav Taurah

753215

asked Sep 5 at 6:21

Keshav Taurah

753215

asked Sep 5 at 6:21

Keshav Taurah

753215

asked Sep 5 at 6:21

Keshav Taurah

753215

add a commentÂ |Â

3 Answers
3

active

oldest

votes

up vote
4
down vote

I suggest you to start with react, instead of angular, for a few reasons:

react is very well supported in SPFX

react today (as of Sept, 2018) is the most popular library for building web interfaces (and mobile as well, which is a big thing). That means, that you will easily find a lot of samples, ready-to-use control and components over the internet or GitHub

there are tons of examples on github for SPFX, 90% of them react-based

office UI fabric was written in react

there are property pane controls and reusable spfx controls in react

angular element in SPFx is more like an experiment, without many docs, there might be a nightmare to solve all possible issues you might have during development

For the plan, I would suggest you start with react and Typescript, then go to SPFx and learn Office ui fabric as well.

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

add a commentÂ |Â

up vote
1
down vote

I would suggest you start with SPFX(no javascript framework).

Then check out the examples at GitHub samples (Only the ones starting with js-...)

Once you are confident with js examples, then start with Basic Angular Example

Then, at last, the examples at Github

If you are planning to use office ui fabric, then you should get started with react not angular.

Hope it helps.

answered Sep 5 at 6:29

Ashik Paul M

938

add a commentÂ |Â

up vote
0
down vote

You could simply follow the SPFX Guidence here:

Build your first SharePoint client-side web part (Hello World part 1)

Try to build the first SPFX Web Part with no JavaScript framework and then check SPFX Demos from GitHub:

Code samples and developer content targeted towards SharePoint Framework client-side web parts.

After you are familiar with SPFX Web Part Process, then learn about Typerscript, Angular Js deeply, it will be better.

answered Sep 5 at 10:38

Jerry_MSFT

69955

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

add a commentÂ |Â

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "232"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
convertImagesToLinks: false,
noModals: false,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);

);

draft saved

draft discarded

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsharepoint.stackexchange.com%2fquestions%2f248344%2fangular-and-spfx-learning-guide%23new-answer', 'question_page');

);

Post as a guest

Name

3 Answers
3

active

oldest

votes

3 Answers
3

active

oldest

votes

up vote
4
down vote

I suggest you to start with react, instead of angular, for a few reasons:

react is very well supported in SPFX

react today (as of Sept, 2018) is the most popular library for building web interfaces (and mobile as well, which is a big thing). That means, that you will easily find a lot of samples, ready-to-use control and components over the internet or GitHub

there are tons of examples on github for SPFX, 90% of them react-based

office UI fabric was written in react

there are property pane controls and reusable spfx controls in react

angular element in SPFx is more like an experiment, without many docs, there might be a nightmare to solve all possible issues you might have during development

For the plan, I would suggest you start with react and Typescript, then go to SPFx and learn Office ui fabric as well.

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

add a commentÂ |Â

up vote
4
down vote

I suggest you to start with react, instead of angular, for a few reasons:

react is very well supported in SPFX

react today (as of Sept, 2018) is the most popular library for building web interfaces (and mobile as well, which is a big thing). That means, that you will easily find a lot of samples, ready-to-use control and components over the internet or GitHub

there are tons of examples on github for SPFX, 90% of them react-based

office UI fabric was written in react

there are property pane controls and reusable spfx controls in react

angular element in SPFx is more like an experiment, without many docs, there might be a nightmare to solve all possible issues you might have during development

For the plan, I would suggest you start with react and Typescript, then go to SPFx and learn Office ui fabric as well.

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

add a commentÂ |Â

up vote
4
down vote

I suggest you to start with react, instead of angular, for a few reasons:

react is very well supported in SPFX

react today (as of Sept, 2018) is the most popular library for building web interfaces (and mobile as well, which is a big thing). That means, that you will easily find a lot of samples, ready-to-use control and components over the internet or GitHub

there are tons of examples on github for SPFX, 90% of them react-based

office UI fabric was written in react

there are property pane controls and reusable spfx controls in react

angular element in SPFx is more like an experiment, without many docs, there might be a nightmare to solve all possible issues you might have during development

For the plan, I would suggest you start with react and Typescript, then go to SPFx and learn Office ui fabric as well.

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

I suggest you to start with react, instead of angular, for a few reasons:

react is very well supported in SPFX

react today (as of Sept, 2018) is the most popular library for building web interfaces (and mobile as well, which is a big thing). That means, that you will easily find a lot of samples, ready-to-use control and components over the internet or GitHub

there are tons of examples on github for SPFX, 90% of them react-based

office UI fabric was written in react

there are property pane controls and reusable spfx controls in react

angular element in SPFx is more like an experiment, without many docs, there might be a nightmare to solve all possible issues you might have during development

For the plan, I would suggest you start with react and Typescript, then go to SPFx and learn Office ui fabric as well.

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

edited Sep 5 at 12:05

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

answered Sep 5 at 6:28

Sergei Sergeev

8,49352240

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

add a commentÂ |Â

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

If there any course series that i can use to learn react and spfx beside youtube and pluralsight courses. Sergei Sergeev
â€“Â Keshav Taurah
Sep 5 at 10:45

I really recommend this one on react from udemy. I completed it some time ago and found it really helpful. They usually have discounts and the average price is about 10-15$. For SPFx there is only one comprehensive course from Andrew Connel - Mastering SPFx, which is more expensive - around 300$
â€“Â Sergei Sergeev
Sep 5 at 11:59

add a commentÂ |Â

up vote
1
down vote

I would suggest you start with SPFX(no javascript framework).

Then check out the examples at GitHub samples (Only the ones starting with js-...)

Once you are confident with js examples, then start with Basic Angular Example

Then, at last, the examples at Github

If you are planning to use office ui fabric, then you should get started with react not angular.

Hope it helps.

answered Sep 5 at 6:29

Ashik Paul M

938

add a commentÂ |Â

up vote
1
down vote

I would suggest you start with SPFX(no javascript framework).

Then check out the examples at GitHub samples (Only the ones starting with js-...)

Once you are confident with js examples, then start with Basic Angular Example

Then, at last, the examples at Github

If you are planning to use office ui fabric, then you should get started with react not angular.

Hope it helps.

answered Sep 5 at 6:29

Ashik Paul M

938

add a commentÂ |Â

up vote
1
down vote

I would suggest you start with SPFX(no javascript framework).

Then check out the examples at GitHub samples (Only the ones starting with js-...)

Once you are confident with js examples, then start with Basic Angular Example

Then, at last, the examples at Github

If you are planning to use office ui fabric, then you should get started with react not angular.

Hope it helps.

answered Sep 5 at 6:29

Ashik Paul M

938

I would suggest you start with SPFX(no javascript framework).

Then check out the examples at GitHub samples (Only the ones starting with js-...)

Once you are confident with js examples, then start with Basic Angular Example

Then, at last, the examples at Github

If you are planning to use office ui fabric, then you should get started with react not angular.

Hope it helps.

answered Sep 5 at 6:29

Ashik Paul M

938

answered Sep 5 at 6:29

Ashik Paul M

938

answered Sep 5 at 6:29

Ashik Paul M

938

answered Sep 5 at 6:29

Ashik Paul M

938

add a commentÂ |Â

up vote
0
down vote

You could simply follow the SPFX Guidence here:

Build your first SharePoint client-side web part (Hello World part 1)

Try to build the first SPFX Web Part with no JavaScript framework and then check SPFX Demos from GitHub:

Code samples and developer content targeted towards SharePoint Framework client-side web parts.

After you are familiar with SPFX Web Part Process, then learn about Typerscript, Angular Js deeply, it will be better.

answered Sep 5 at 10:38

Jerry_MSFT

69955

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

add a commentÂ |Â

up vote
0
down vote

You could simply follow the SPFX Guidence here:

Build your first SharePoint client-side web part (Hello World part 1)

Try to build the first SPFX Web Part with no JavaScript framework and then check SPFX Demos from GitHub:

Code samples and developer content targeted towards SharePoint Framework client-side web parts.

After you are familiar with SPFX Web Part Process, then learn about Typerscript, Angular Js deeply, it will be better.

answered Sep 5 at 10:38

Jerry_MSFT

69955

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

add a commentÂ |Â

up vote
0
down vote

You could simply follow the SPFX Guidence here:

Build your first SharePoint client-side web part (Hello World part 1)

Try to build the first SPFX Web Part with no JavaScript framework and then check SPFX Demos from GitHub:

Code samples and developer content targeted towards SharePoint Framework client-side web parts.

After you are familiar with SPFX Web Part Process, then learn about Typerscript, Angular Js deeply, it will be better.

answered Sep 5 at 10:38

Jerry_MSFT

69955

You could simply follow the SPFX Guidence here:

Build your first SharePoint client-side web part (Hello World part 1)

Try to build the first SPFX Web Part with no JavaScript framework and then check SPFX Demos from GitHub:

Code samples and developer content targeted towards SharePoint Framework client-side web parts.

After you are familiar with SPFX Web Part Process, then learn about Typerscript, Angular Js deeply, it will be better.

answered Sep 5 at 10:38

Jerry_MSFT

69955

answered Sep 5 at 10:38

Jerry_MSFT

69955

answered Sep 5 at 10:38

Jerry_MSFT

69955

answered Sep 5 at 10:38

Jerry_MSFT

69955

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

add a commentÂ |Â

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

i did follow the Hello world tutorial but what to do next is what i want to know. If i learn angular which version we are talking here 1 or 5+ .
â€“Â Keshav Taurah
Sep 5 at 10:41

why angular and not react?
â€“Â Keshav Taurah
Sep 5 at 10:46

just my 20 cents. Don't invest time in learning Angular 1.x (aka Angularjs). That's an old version, has some performance issues. Today only React or Angular 5+ are valid in the market. And probably vuejs, which is a bit less popular.
â€“Â Sergei Sergeev
Sep 5 at 12:03

add a commentÂ |Â

draft saved

draft discarded

draft saved

draft discarded

Post as a guest

Name

Search This Blog

Iyfjky