Angularjs tutorial based on real time project - angularjs

I know the basic about angularjs, Which site is best suitable for me that tell me about angular real time problem based project with example step by step

codeschool.com is my personal favourite. They have videos and step by step questions/answers.
egghead.io is okay.. I don't recommend it for beginners because there isn't really a structured course with egghead.io - however, this may be useful for you if you know how angular works but want a deeper understanding of the individual components.

Related

I'm a beginner to React Redux. Will I be able to get some suggestions to develop some sample apps to improve myself in the subject?

I'm a quite beginner to React and Redux..Will I be able to get some suggestions on some sample apps to develop to improve myself in the mentioned subject area?
I am not sure whether you can get any sample project for the same. But if you want to learn, you can refer to the Udemy course React - The Complete Guide (incl Hooks, React Router, Redux)
Everything is explained in simple terms. As of now, the prices are high. Just look for some sales (comes very often). You can get it for Rs 700 or even less.
Many resources, free even for you to try. I would recommend using the official websites and just go with their tutorials to get a sense of how to make something small. That's how I started, some of them have interactive sample apps in CodePen or Sandbox. In Redux, for example, a Counter with React.
After that, it depends on what kind of application you want. On the official pages, they have example projects too:
https://reactjs.org/community/examples.html
https://redux.js.org/introduction/examples#examples
Doing a google search also has many example projects too.

MeteorJS Tutorial & detailed explanation

I just finished the JS course on codecademy and started learning meteorJS for Angular 2 now for building my first real application. I started with the simple-todos tutorial but noticed that the tutorial isn't for real noob beginners but instead for intermediate programmers. I do not understand what the single lines of code do
for example:
angular.module('simple-todos', [
angularMeteor
]);
This is one of the many examples which are not clearly explained in the tutorial.
Do you know a source where I could learn all this noob stuff before I continue with Meteor?
Thank you!
Personally, I think the official Meteor tutorials do a really good job of explaining all the meteor specific stuff that it covers. One thing you could do is also pull up the Meteor API and read the details about a specific function it asks you to use as you progress. This will certainly provide some more meat to the tutorial.
The piece of code that you provided in your question is actually Angular specific code. Angular itself has a somewhat steep learning curve so by doing that tutorial, you are taking quite a big step by trying to learn Angular and Meteor at the same time.
Instead, I highly recommend you follow the Meteor Blaze tutorial. It provides much more detail and it covers ONLY meteor specific stuff. Once you finish that then read the Meteor guide and if you have the funds, buy the Discover Meteor book and follow that tutorial. This approach is exactly how I learned Meteor and it was very successful for me.
Be sure to just read along in the Meteor API and Blaze API as you progress thru any tutorial and you will be well on your way (and then later you can jump into learning Angular or React with Meteor if it suites your fancy)! Honestly, I have had a lot of success with Blaze and use it for Meteor apps 99% of the time.

About Angularjs concepts and references

i'm learning angularjs,but i feel like i'm not going step by step and also the knowledge i'm getting are in pieces,like i'll b on one concept,next concept will have link with some other
I WANT TO BE STRONG IN ANGULAR,
can anyone suggest me something to come out of this problem,it'll help me a lot
Thank you
If you want to learn angular2, you can use this site:
https://angular.io/docs/ts/latest/tutorial/
I also started learning angular2 from this site before 2 months. You need to know basics of html and javascript before starting this.
I am also learning angular2, I am following https://github.com/mosh-hamedani tutorials. The course is good sequence. I suggest you to follow him or look for his videos if you have enough time.

Why I decided to start with AngularJS instead of Angular 2

I am clarifying this question after I have been developing SPA for the past 5 months using AngualrJS. In the beginning, I was researching if I should start with Angular 2 instead.
During my research, I came across this article:
https://angular.jsnews.io/why-learning-angular-2-was-excruciating/
https://hackernoon.com/why-learning-angular-2-was-excruciating-d50dc28acc8a
I then realized that I have faced a lot of the issues referenced in that article.
Also, when I started with the offical Angular websites https://angularjs.org/ and https://angular.io/ and followed the recommendation:
I spent several days using the various resources learning Angular 2 based on the above websites and faced a lot of difficulties. I remember I started with this 5 MIN QUICKSTART:
http://a2.hubwiz.com/docs/ts/latest/quickstart.html
Which took me several hours to complete, with several scary error messages in red color.
Later, I started using other resources such as w3schools.com and stackoverflow.com, and I see mostly reference to script tag as follows:
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
Which is clear that it was referencing AngularJS. Finally, I realized that learning Angular 2 to start taking advantage of the newly added feature, will cost me a lot of time and effort. Finally, I decided to stay with AngularJS especially I was able to find a solution to each and every business requirement for the complex Forms Application Development I was working on.
Also, I read the other post which is suggested as an answer for my question. What is mentioned there is that Angular 2 is in developer preview:
However, the official websites doesn't mention that. So, the post above is not relevant anymore and I cannot depend on it.
So my recommendation, if you have enough time to spend in learning Angular 2 and deal with the issues that might show-up then of course this is the recommended path, otherwise, best to stay with AngualrJS.
Tarek
you are using angular 1 exactly 1.4.8. it's in the link. Most of the tutorials on the internet for angular 1 that's why everything works ok for you.unless you specify angular 2 in the search you will get angular 1 tutorials that's cause angular 2 is pretty new

How to implement Backbone boilerplate with views

I am trying to learn backbone, however truth be told, I'm feeling a little overwhelmed. Everywhere I look it is being done in a slightly different way, each with more frameworks and plugins to learn. So I have decided to put my faith in Addy Osmani and am reading his Backbone Fundamentals book. I have followed his recommendation and used the Backbone-Boilerplate. However for whatever reason, I have been unable to successfully install Grunt BBB so I cannot download the working examples.
What I am trying to do is follow this router section and use views. http://addyosmani.github.com/backbone-fundamentals/#router.js.
The problem is that I think these instructions are incomplete. For a start the collection.fetch() variable is in the wrong scope, and I really am not understanding where I need to place the views and how. I am pretty sure that if I could see a working example of this I could understand it, but as I said, everywhere I look its a different implementation.
Does anyone know how to use the backbone-boilerplate with routers and views? Are there any working examples anywhere?
Let me make a suggestion. A couple of months ago, I was where you are now: trying to learn backbone and trying to follow best practices while I did so. Like you, I came across Addy Osmani's book and like you I tried getting stated with backbone-boilerplate.
After much stumbling around, I eventually concluded that backbone-boilerplate was not something I needed to have while I was just learning backbone. It is now, only after having created a fully working, non-trivial CRUD application that I start to see how I might incorporate backbone-boilerplate. I think you probably need to be asking the questions that backbone-boilerplate answers (How can I break up my application into modules?, etc.) before you attempt to incorporate another framework or plugin. The same goes for Backbone.Marionette: great library, but you really need to have something to apply it to before using it.
Starting out, I would suggest having just a single file for all your backbone code.
One of the things that really helped me out was playing around with and extending various jsfiddle demos people had created using backbone. A simple google search will turn up quite a few. I found it a great way to learn as I was able to manipulate working code and get immediate feedback on what worked and what was allowed.
And although backbone is a client-side library, it's often simpler and faster just to ignore html and write stuff out to the console.
Finally, if you're willing to pay for it, I highly recommend Liam McLennan's set of backbone.js training videos on pluralsight.

Resources