tag:blogger.com,1999:blog-76769700192807678032024-03-12T20:13:04.851-07:00Source Code Treasure Provide Custom Application Software Development TrainingSourcecodetreasure.com provide custom application software development training in india to corporate offices and live project training to college students. Articles on ASP.NET, MVC, Javascript, C#, SQL Server and much more.Source Code Treasurehttp://www.blogger.com/profile/10274761497509545551noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-7676970019280767803.post-21688644878398291682014-06-10T11:54:00.000-07:002014-06-10T11:54:31.057-07:00AngularJS best practices and information in a nutshell<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><br />
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin-top:0in;
mso-para-margin-right:0in;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
</style>
<![endif]-->
<br />
<div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>1.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Minification Process</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Remove white space and shorten parameter and
variables</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Manually minify and the resulting file should be
min safe - Dependencies are mentioned explicitly within [] brackets.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Use ngmin - but this has an issue when using
function names in place of inline functions.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Use an external minifier and choose what we want
to minify</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>2.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Controllers</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Setting up scope and manage interaction between
view and model</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>There should not be too many collaborators in a
single controller. If there are many collaborators, we should divide the
logically related collaborators into one collaborator/service and use it as a
single entity.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>If there is any global dependency on the
controller, we should create a service using (.value) and use it as a
dependency.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>3.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Services</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Handle Non-view data</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Communicate with the server </span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Hold state and logic</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>There are 5 ways to create a service</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span><span> </span>Value</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>ii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Constant</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Factory
(returns the value/object and caches it)</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iv.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Service
(does a new on the function and returns and caches it, should be used only when
we have existing classes which we want to use</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>v.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Provider
- this is configurable, must have $provider as a dependency as we use the
provide method, must return $get and can be configured before running</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>e.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>All services are singleton and once configured
there is no way to go back.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>f.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Filters
are also services with specific naming format</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>g.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Mostly we
write services of the following types:</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Factories</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>ii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Services
holding state</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Simple
functions as services</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>4.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Directives</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Taking care while naming directives as there
might be conflict arising due to same name existing angular directives or in
HTML where there are existing attributes. Angular does not know these naming
conflicts and will not throw any error always. It will simply not work. </span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Camel casing while creating a directive and
snake casing.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>While using the directive, we should uniquely
name our directives by applying some prefix specific to the functionality that
the directive is trying to achieve.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Directives are used for the following purposes</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Widgets -
may or may not be reusable</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>ii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Manipulate
DOM </span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Functionality</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>e.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>We can
add functionality to a directive by using the controller or the link function.
They are same and can be used interchangeably. But, as we use scopes,
controller is the default choice. We can reuse controllers also by declaring it
separately and use it inside the directive.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>f.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can indicate that a controller is required in
a directive by using the require property in a directive. We can use prefix the
controller name with '^' if it is from a parent directive or '?' if null is
returned in case the controller is not found.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>g.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Directive
interfaces</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Shared
scope</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>ii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Inherited
scope</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Isolated
scope</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>h.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Isolated scope is better than inherits scopes
because in inherited scope all the parent objects are visible to the child
scope and thus it gives way to tight coupling.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>5.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>FOUC - Flash of uncompiled components -
Curly braces are displayed when the page is loaded as angular could not apply
the bindings by then. It is a concern when the page is loading and data is
loading.</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Resolution</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>ngCloak(Change
both the view and CSS)</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>ii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>ngBind</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iii.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Waiting
image</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>iv.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>We can
add a boolean property in the service result (for data loading) and add ng-hide
in the image and set it to the property in scope.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>6.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b><span> </span>Writing valid HTML</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Switch
the directives as classes or comments or attributes.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Add the
data- in the attribute directives.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Don’t use
element directives.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>7.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Directives help us to use HTML as Domain
Specific functionality by encapsulating specific domain activities into
directives.</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraph" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>8.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Scopes</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Use Batarang as a Chrome plug in to debug issues
in an angularjs application</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Scopes can be created as a shared scope,
inherited scope or isolated scope. In shared scope both parent and child can
access each other, in inherited scope child can access parent but parent cannot
access child. In isolated scope, both parent and child are isolated - although
the child can access parent but it can do so using a different name.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>To create
inherited scope, set scope property to true in the directive, to create an
isolated scope set scope property to any object which we want to access from
the scope. Only this property will be visible in the new scope and this object
is same as the object in the parent scope object.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Directives can share scope with the controller
and two directives can share scope with each other. Two different scopes cannot
be created on the same DOM element.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>e.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Use at least one object (like object.property)
in the binding using ngModel (important)</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>9.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Communicating between components</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Inherited
scopes</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>If two or
more child scopes need to share data which is simple in nature, we can use
this. But, we should not use this very frequently as it leads to tight coupling
between parent scope and child scopes.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Events
with $rootscope</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>If direct
descendants of rootscope need to communicate, we can use the $broadcast of the
$rootscope and listen to events in the direct child elements. But, as the applications
grow bigger and complexity increases this is not the right choice as it is very
difficult to refactor the code with events.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Services</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.5in; text-indent: -1.5in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span><span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span>i.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Services
are singletons, so using services two child scopes can communicate easily. But
this requires a lot of configuration and can be overkill if the type of
communication is simple.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>10.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Dividing the page into components</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Create a controller for each functionality and
not include all functionality in a single controller.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Divide the page into partial and use ng-include
to include the partial and the ng-controller to add the associated controller. The
controller can be added as ng-include in the partial also if we want a single
controller for a partial. If we want multiple controllers to act for a partial
we add it after ng-include in the main page using ng-controller.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Create directives for the partials and use inherited
shared or isolated scope to share data. Use isolated scope if we want the reuse
the directive in any page and use require property.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>The above
three steps created abstraction and increase cohesiveness - which are good
software design principles</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal">
<br /></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>11.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Communicating with the server</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can create a restful service using $resource.
We need to add reference to the angular-resource js file and the ngResource
should be added as a dependency.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>On
$resource, we can query and it returns a $promise. After the promise is
fulfilled, we can call "then" and write a callback function with the
data returned from the service as a parameter.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can use $http and $q to get and write data. </span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>$resource, $http and $q - all return $promise,
but the properties and methods of $promise is different for all these. So,
these can be used interchangeably but require some additional code modification
when we switch from one promise to the other.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>e.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can set httpheaders, caching etc using
configuration while using $http etc.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>f.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can transform a request and response to add additional
properties/values to the request sent by $http and the response received. This
transform can be introduced before the default transform of angular or after
the default transform of angular depending upon the situation. For example a
build in angular transform does JSON serialization and deserialization.
Transform is generally used per request.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>g.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Interceptors
can also be user to modify data before it is sent or after it is received.
Interceptors are generally using application wide.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>h.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>Restangular library can be used while communicating
with the server. It has different way of getting and saving data in terms of syntax
but is helpful while communicating with server.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><b><span><span>12.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span></b><b>Models</b></span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>a.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>Models
contain data and state. It may contain Business logic can be cached and used
for change notification when it changes.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>b.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can create models using $http or $resource.
While creating models from $resource, we get a handle to the constructor
function and can add further to the prototype.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>c.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span><span> </span>We can
create models suing Restangular using "extendModel" function.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="margin-left: 1in; text-indent: -0.25in;">
<span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span><span>d.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></span>We can build rich models using BackBone as well
as Breeje. Breeje works very well with angularjs</span></span></div>
<span style="font-size: small;">
</span></div>
Source Code Treasurehttp://www.blogger.com/profile/10274761497509545551noreply@blogger.com0tag:blogger.com,1999:blog-7676970019280767803.post-56551844381368241662014-04-29T05:07:00.001-07:002014-04-29T05:07:49.146-07:00Institute SCT Uses Asp.Net Course Training In Delhi | Social Bookmark<a href="http://www.socialbookmarkingadd.com/story.php?title=institute-sct-uses-asp-net-course-training-in-delhi#.U1-V8_Uzn6M.blogger">Institute SCT Uses Asp.Net Course Training In Delhi | Social Bookmark</a>Source Code Treasurehttp://www.blogger.com/profile/10274761497509545551noreply@blogger.com0tag:blogger.com,1999:blog-7676970019280767803.post-7285555443630009182014-03-15T05:31:00.001-07:002014-03-15T05:31:01.466-07:00Lafango - EPK | Electronic Press & Media Kits - sourcecodetreasure.JPG<a href="https://lafango.com/media/277919-sourcecodetreasurejpg#.UyRHlSUZl9U.blogger">Lafango - EPK | Electronic Press & Media Kits - sourcecodetreasure.JPG</a>Source Code Treasurehttp://www.blogger.com/profile/10274761497509545551noreply@blogger.com0tag:blogger.com,1999:blog-7676970019280767803.post-51094198487224459222014-03-04T04:12:00.000-08:002014-03-13T08:31:08.953-07:00Source Code Treasure Is Custom Software Development Company India<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";">Source Code Treasure is a <a href="http://www.sourcecodetreasure.com/" target="_blank">custom software development company</a> located in New Delhi, India. We provide custom application
development services and software development training in India. We are
dedicated custom software development training institute; we deliver high quality
and cost effective custom web application development solutions to our clients.
Our experienced and dedicated team always delivers the needs as per our client requirements.<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";">We at SCT is owned and organized by experienced
IT, marketing and management professionals. We offer value to our customers by
innovation, achievement, confidence and long-term relationship through our exclusive
service expertise team members. We are a team of highly flexible people and take
up all difficulties and change them into significant solutions, to meet your company
requirements.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";"><br /></span></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";">We believe in providing feature within the best
possible time bearing in mind the cost factors. For us procedure is about a
structure and working within the structure to serve decisive, efficient and
quality works. We value our processes and are well attentive of their real
value. We aim to "Exceed potential" through our proficient results, better
customer solutions and spirited desire to be the best IT solutions provider to
our clients and their business.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";"><br /></span></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: "Verdana","sans-serif"; mso-bidi-font-family: "Courier New";">Professional Responsive Website Design And
Development<o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="color: #1a1aa6; font-family: Verdana, sans-serif;">Source Code Treasure presents skillful, crafty and
custom made website design, as per the requirements of its valued clients
located all over the globe. All the Microsoft .net includes Wcf and <a href="http://www.sourcecodetreasure.com/training/net-wpf-training/" target="_blank">.net wpf training</a> </span><span style="color: #1a1aa6; font-family: Verdana, sans-serif;">latest technologies </span><span style="color: #1a1aa6; font-family: Verdana, sans-serif;">are used
to deliver the particularly customized professional website development. Our
custom website application design reflects the genuine message of the Company.
To know more you can Call Us at +91-(120)640-3699 and directly visit at </span><a href="https://plus.google.com/+Sourcecodetreasuresourcecodetreasure/" target="_blank"><span style="font-family: Verdana, sans-serif;">S</span>ource Code Treasure Google Plus Profile</a></div>
</div>
Source Code Treasurehttp://www.blogger.com/profile/10274761497509545551noreply@blogger.com0