tarekahsan709

Angular Resources

General Learning

• https://github.com/jmcunningham/AngularJS-Learning
• http://www.designyourway.net/blog/resources/so-you-want-to-learn-angularjs-start-with-these-tutorials-and-resources/
• https://thinkster.io/a-better-way-to-learn-angularjs/
• http://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day/
• http://www.ng-newsletter.com/posts/beginner2expert-how_to_start.html
• http://lostechies.com/gabrielschenker/2014/02/26/angular-js-blog-series-table-of-content/
• https://leanpub.com/recipes-with-angular-js/read

tarekahsan709

কিছু সাধারণ কারণ যার জন্য ডিজাইন প্যাটার্ন দিয়ে রি-ডিজাইন করার প্রয়োজন:

##১. একটি সুনির্দিষ্ট ক্লাসকে উল্লেখ করে অবজেক্ট তৈরী করা। কোনো ইন্টারফেসের পরিবর্তে আমরা যখন কোন সুনির্দিষ্ট ক্লাসের নাম উল্লেখ করে অবজেক্ট তৈরী করি তাহা আমাদের একটু বদ্ধ নির্দিষ্ট পথে ধাবিত করে। এই নির্দিষ্ট পথে ধাবিত হাওয়া উক্ত অবজেক্টের পরবর্তী কোন পরিবর্তন অনেক জটিল করে তুলতে পারে। এই সমস্যা থেকে দূরে থাকার জন্য আমাদের অবজেক্ট গুলো অপ্রত্যক্ষ ভাবে তৈরি করা উচিত।
####রেফারেন্স ডিজাইন প্যাটার্ন : অ্যাবস্ট্রাক্ট ফ্যাক্টরি , ফ্যাক্টরি মেথড , প্রোটোটাইপ।

২. নিদিষ্ট কাজের উপর নির্ভর করা।

যখন আমরা একটি কাজ নির্ধারণ করি তখন সেটা এক ভাবেই সমাধান করার করার চেষ্টা করি। আমরা হার্ড কোডে সে কাজটি না করে বরং কাজটি সমাধানের পথ পরিবর্তন করে কম্পাইল এবং রান টাইমে তা সহজে সমাধান করতে পারি । ####রেফারেন্স ডিজাইন প্যাটার্ন : চেইন অফ রেস্পন্সিবিলিটি , কম্যান্ড।

৩. হার্ডওয়্যার ও সফটওয়্যার প্লাটফর্মের উপর নির্ভর করা।

বিভিন্ন হার্ডওয়্যার ও সফ্টওয়ারের এক্সটার্নাল অপারেশন সিস্টারমের ইন্টারফেস এবং এপ্লিকেশন প্রোগ্রামিংয়ের ইন্টারফেস এক না

tarekahsan709

#What is promise ? ####A promise is a special type of Object that we can either use, or construct ourselves to handle asynchronous tasks.A promise has three states, pending, resolved or rejected. ####How to create ES2015 promise

let promise = new Promise((resolved, reject) =>{
        if(/*Some asynchronous task*/){
            resolved('Sucessfull');
        } else {
            reject('Something went wrong');
        }

tarekahsan709

this কীওয়ার্ড কে অনেকের কাছেই জাভাস্ক্রিপ্টের সব থেকে দুর্বোদ্ধ অংশ মনে হয়।

https://toddmotto.com/understanding-the-this-keyword-in-javascript/

tarekahsan709

Ezzy ride***

Angular 1.x ES2015 styleguide, the path to Angular 2 -- from todd motto

CommonJS vs AMD vs AngularJS Modules vs ES6 modules

Mastering the Module Pattern

js loop for in, for of

Underscore Js

Eloquent JavaScript

this in java script

scope and clousre in java script

Reference--: https://toddmotto.com/everything-you-wanted-to-know-about-javascript-scope/

tarekahsan709

The difference between angular js service and factory.

Service and Factory both just a simple function. Service acts as a constructor function but Factory is really just a function that gets called, which is why we have to return an object explicitly. We can create & return anything that's why Factory is much more powerful and flexible.

reference: https://toddmotto.com/factory-versus-service

Here's example of Service

app.service('MyService', function () {
  this.sayHello = function () {
    console.log('hello');
  };

tarekahsan709

In JavaScript, scope is the set of variables, objects, and functions that you have access. In the other hand current context of your code.

Scope can be global, local, functional, public, private and lexical.

Lexical scope - A function within another function, the inner function has access to the scope in the outer function, this is called Lexical Scope or Closure - also referred to as Static Scope.

// Scope A
var myFunction = function () {
  // Scope B
  var name = 'Todd'; // defined in Scope B
  var myOtherFunction = function () {
 // Scope C: `name` is accessible here!

tarekahsan709

We can create object in javascript using constructor. By conention constructor name should be in uppercase. The created object will get all the define property as well as a hidden property called prototype. Which is also a object and it's value either null or object. The constructor will have its this variable bound to a newly created fresh object.

function Student (name, id) {
  this.name = name;
  this.id = id;
  this.details = function (){
    return "Name of the object " + this.name + " and it's id " + this.id;
  }
}

tarekahsan709

We can add getter & setter in javaScript object like normal properties but secretly have methods associated with them.

var Student = {
	name: "Default",
	type: "Student",
 	get Name(){
  	return this.name;},
	set Name(name){
	 this.name = name;
 },

tarekahsan709

 AngularJS Back To Top Directive.
 
 Uses AngularJS, jQuery, Font Awesome, and SCSS.