<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <br /> Step:-1:-First of all Install Node Js..<br /> Follow this link:-<br /> https://nodejs.org/en/download/<br /> Step:- 2:-Then install any Code Editor,I suggest Visual Studio Code<br /> https://code.visualstudio.com/Download<br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9aAYuFu3-F6ajr_oLasE_743IEXVCndjJgpDYhxnHgZN9NKIK8AVI9Rpr9aOorm9VajnPmHSuFIBSiPo3fo64UFZ5YLH6FbJLVsmBcPMI1rfZwkxRcPJH22dBCoE0llLSDArXVd06WU/s1600/pre+requisties.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9aAYuFu3-F6ajr_oLasE_743IEXVCndjJgpDYhxnHgZN9NKIK8AVI9Rpr9aOorm9VajnPmHSuFIBSiPo3fo64UFZ5YLH6FbJLVsmBcPMI1rfZwkxRcPJH22dBCoE0llLSDArXVd06WU/s640/pre+requisties.bmp" width="640" /></a></div> <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1sDT-Iz-a493X0ME-QeKXT5sQ3_0vPI9IwnZHzKMy5WYyebsbtC1FQdydZfGscOEgUwqj99fRwIUxkN6GCKy7-4HX2Paqf7sIqwwOCu5v4nFyvBHSj_PlXkfvjQrBqYZsO-QR4gql_4/s1600/npm+node+-v.bmp" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio1sDT-Iz-a493X0ME-QeKXT5sQ3_0vPI9IwnZHzKMy5WYyebsbtC1FQdydZfGscOEgUwqj99fRwIUxkN6GCKy7-4HX2Paqf7sIqwwOCu5v4nFyvBHSj_PlXkfvjQrBqYZsO-QR4gql_4/s400/npm+node+-v.bmp" /></a><br /> <br /> After installion go to command prompt:-<br /> Paste following coommands to check version of NodeJs and Npm Installed.<br /> node version node -v<br /> npm version  npm -v<br /> <br /> <br /> <br /> <br /> <br /> Step :-3:-<br /> Now its time to install <b>angular cli.</b><br /> For this first of all clear the cache by going in command prompt and paste following commands:-<br /> cache clean:-<b>npm cache clean.</b><br /> folder C:\Users\Zia\AppData\Roaming\npm<br /> If you have older version of angular cli,unistall it by following command.<br /> <h4 style="text-align: left;"> Uninstall :=  npm uninstall -g @angular/cli</h4> <br /> After completion un installation clear cache and run following commands.<br /> <br /> Install Angular Cli globally<br /> <br /> <h4 style="text-align: left;"> npm install -g @angular/cli</h4> After installation, checkout version by following command.<br /> <h4 style="text-align: left;"> ng --version</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2l7YCJrD1fR3URys374nGFgQPomVSnVAkTL9DdyBerCEAuU8auE6Mr4enYkfUqntPzIg-zewWgcjaZ08Yyi-kNAhomjnHkkavRFMIOk70JzsWw4QPPcitfgyrMNXRA6Y74ZP2PQp34PE/s1600/cli+instllation.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2l7YCJrD1fR3URys374nGFgQPomVSnVAkTL9DdyBerCEAuU8auE6Mr4enYkfUqntPzIg-zewWgcjaZ08Yyi-kNAhomjnHkkavRFMIOk70JzsWw4QPPcitfgyrMNXRA6Y74ZP2PQp34PE/s640/cli+instllation.bmp" width="640" /></a></div> <div> Now its time to make project.</div> Make an empty folder give it proper name and copy its path<br /> Goto command prompt and change directory as:-<br /> Create your New Project<br /> select directory<br /> cd paste the address.<br /> <br /> Then<br /> write ng new appName as:-<br /> <h4 style="text-align: left;"> ng new my-app</h4> (then select the name of project as directory)<br /> set application directory<br /> <h4 style="text-align: left;"> cd my-app(same like above mentioned name)</h4> serve the application<br /> <h4 style="text-align: left;"> ng serve --open</h4> <h4 style="text-align: left;"> it will open the UI in http://localhost:4200</h4> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVUNehRmzQAvcTV73CGExtqyZry6HIe0cfHDKUfTP6QiICqH_wuFd_PvHV0I01BvWGA7gOKz8VZVMHMhU_cCyS9xNx0-V3jKaE_r2NddVwhz9ZyU9xyNkfNgVYsgw9OXHgBABck5ygFs/s1600/enivrnment.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrVUNehRmzQAvcTV73CGExtqyZry6HIe0cfHDKUfTP6QiICqH_wuFd_PvHV0I01BvWGA7gOKz8VZVMHMhU_cCyS9xNx0-V3jKaE_r2NddVwhz9ZyU9xyNkfNgVYsgw9OXHgBABck5ygFs/s640/enivrnment.bmp" width="640" /></a></div> It will show your first screen as below<br /> Happy Coding! Stay tuned!<br /> Watch Video For more detail</div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/D0JCwXwqbJ8" width="560"></iframe></div>

Step:-1:-First of all Install Node Js.. Follow this link:- https://nodejs.org/en/download/ Step:- 2:-Then install any Code Editor,I su... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">Controllers:-<o:p></o:p></span></b></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">It contains logic what we want to perform. It contains methods  , logics.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">Urls are always mapped to controllers.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">Basic Pic is given below for your understanding</span><span style="font-family: "arial" , "sans-serif"; font-size: 14.0pt; line-height: 107%;">.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 14.0pt; line-height: 107%;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnx05OsnCXFXJHxa666mASwKVj9tWjdr0pPDASqGHjL5oQwC88QcbvNIwTazt6vbyhhKYgro8due_UgIb6Lq4w31uXrgZPy3Bg4s89d8AQsL1mU14dgDZSjn4fpAWKzOhF92mo54JneNE/s1600/Controller+default.bmp" imageanchor="1"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnx05OsnCXFXJHxa666mASwKVj9tWjdr0pPDASqGHjL5oQwC88QcbvNIwTazt6vbyhhKYgro8due_UgIb6Lq4w31uXrgZPy3Bg4s89d8AQsL1mU14dgDZSjn4fpAWKzOhF92mo54JneNE/s640/Controller+default.bmp" width="640" /></a></span></div> <div class="MsoNormal"> <b><span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">Routing:-<o:p></o:p></span></b></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">Routing tells the application which controller and which method should be called first.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , "sans-serif"; font-size: 12.0pt; line-height: 107%;">When an asp.net mvc application fired up, firstly its goes to “Global.asax” file  and with in that in <b>Application_Start</b> method, routing is registered.<o:p></o:p></span></div> <div class="MsoNormal"> <b><span style="font-family: "arial" , sans-serif; font-size: 12pt; line-height: 107%;">RouteConfig.RegisterRoutes(RouteTable.Routes) </span></b><span style="font-family: "arial" , sans-serif; font-size: 12pt; line-height: 107%;">is use to register it, if we go to its definition we will find internal structure of it.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "arial" , sans-serif; font-size: 12pt; line-height: 107%;">In this we register which method, which controller should be called first.<o:p></o:p></span></div> <br /> <div class="MsoNormal"> <span style="font-family: "arial" , sans-serif; font-size: 12pt; line-height: 107%;">You can also check my video at this topic for detail study</span><span style="font-family: "arial" , sans-serif; font-size: 14pt; line-height: 107%;">. </span><span style="font-family: "arial" , "sans-serif"; font-size: 14.0pt; line-height: 107%;"> <o:p></o:p></span></div> </div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/BIsjEi_cVF4" width="560"></iframe></div>

Controllers:- It contains logic what we want to perform. It contains methods  , logics. Urls are always mapped to controllers. Basi... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="margin-left: 0.25in; text-align: left;"> How to add models:-</h2> <div class="MsoListParagraph" style="mso-list: l0 level1 lfo1; tab-stops: list .5in; text-indent: -.25in;"> </div> <ol style="text-align: left;"> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">                     </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Go to model folder in mvc project</span></li> <li>            Right Click at model folder and then click<span style="font-size: 12pt; text-indent: -0.25in;">  </span><span style="font-size: 12pt; text-indent: -0.25in;">add ,then add a class in it</span></li> <li>            Write your properties in it and then consume it in controller and render it in view.</li> </ol> <!--[if !supportLists]--><br /> <br /> <div class="MsoNormal" style="margin-left: .5in;"> <span style="font-size: 12.0pt; line-height: 107%;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixalgzrW7u3htabpMe0SkKqw7_SDcHVpasMroCR0fIHWLyVJL9Ee7zNAaL6R7MqHC2wlSHm6mVn18ESIK1RHLJIfeo5-hOwIkZR3Ueua40A7PvbYDhmANWrIEW0fOfsACsIrtAiSGcFaM/s1600/first+step.bmp" imageanchor="1"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixalgzrW7u3htabpMe0SkKqw7_SDcHVpasMroCR0fIHWLyVJL9Ee7zNAaL6R7MqHC2wlSHm6mVn18ESIK1RHLJIfeo5-hOwIkZR3Ueua40A7PvbYDhmANWrIEW0fOfsACsIrtAiSGcFaM/s640/first+step.bmp" width="640" /></a></span></div> <div class="MsoNormal" style="margin-left: .5in;"> For further study please watch my video.</div> <br /></div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/NVpc_U_y7x0" width="560"></iframe></div>

How to add models:-                       Go to model folder in mvc project             Right Click at model folder and then cl... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> <b><span style="font-size: 12pt; line-height: 17.12px;">Views:-</span></b></h2> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">In this article we will study about views in asp.net mvc!<o:p></o:p></span></b></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <span style="font-size: 12.0pt; line-height: 107%;">It contains user interface. Like html , css, JavaScript ,<b> </b>bootstrap as well. In asp.net mvc we prefer Razor view engine(will discuss in detail) that generates html automatically . Its even easier than html.<br /> E.g:-Forms etc.<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-size: 12.0pt; line-height: 107%;">Steps for adding View:-<o:p></o:p></span></div> <div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -.25in;"> </div> <ol style="text-align: left;"> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">      </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Go to your Method name</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">       </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Right click at it</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">       </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Select add view by popup box</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">       </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Give name as your method name</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">       </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Check whether you need layout or not? Check or un-check box</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;">        </span><span style="font-size: 12pt; line-height: 107%; text-indent: -0.25in;">Click on add view.</span></li> </ol> <!--[if !supportLists]--><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJWbITDuH-Z5z2jC0MkdfWJ5WBpJ67I0RlePN19zp1Ay6Y5_fv62ro95Wibfmozc7BWVjP2V47nGLPTh1XJQbko3Cm_MfBVfIfaYwLxtVua5sDzJoLE-QzsDpcCHgOtJ3LK7tAYhpquPY/s1600/adding+view+in+mvc.bmp" imageanchor="1"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJWbITDuH-Z5z2jC0MkdfWJ5WBpJ67I0RlePN19zp1Ay6Y5_fv62ro95Wibfmozc7BWVjP2V47nGLPTh1XJQbko3Cm_MfBVfIfaYwLxtVua5sDzJoLE-QzsDpcCHgOtJ3LK7tAYhpquPY/s640/adding+view+in+mvc.bmp" width="552" /></a><br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDz5rVxQ5Km62f025yCPrOQIcubdxgWMJQDhWlB177wtywYSrJ5lAANBaCjBqHo2mGgO49vVFWmk4z2JWkeNwoxY_jBigywB1i0Z4c63hOUX_Udc0kQsNK2MAFLRkWKJX9hHazUUCSrG0/s1600/adding+view+in+mvc+part+2.bmp" imageanchor="1"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDz5rVxQ5Km62f025yCPrOQIcubdxgWMJQDhWlB177wtywYSrJ5lAANBaCjBqHo2mGgO49vVFWmk4z2JWkeNwoxY_jBigywB1i0Z4c63hOUX_Udc0kQsNK2MAFLRkWKJX9hHazUUCSrG0/s640/adding+view+in+mvc+part+2.bmp" width="640" /></a><br /> <div class="MsoNormal"> <span style="font-size: 12.0pt; line-height: 107%;">You will find that particular view underneath your controller name folder with in View folder.</span></div> <div class="MsoNormal"> <span style="font-size: 12.0pt; line-height: 107%;"><br /></span></div> <div class="MsoNormal"> ViewBag:-<o:p></o:p></div> <div class="MsoNormal"> It is dynamic container /bag that holds our data and render it to the view.<o:p></o:p></div> <div class="MsoNormal"> Syntax:-<o:p></o:p></div> <div class="MsoNormal"> @ViewBag.AnyName.<o:p></o:p></div> <div class="MsoNormal"> Razor View Example:-<o:p></o:p></div> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">In Controller:-<o:p></o:p></span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">  </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">public</span><span style="font-family: "consolas"; font-size: 9.5pt;"> List<</span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">string</span><span style="font-family: "consolas"; font-size: 9.5pt;">> listdata = </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">new</span><span style="font-family: "consolas"; font-size: 9.5pt;"> List<</span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">string</span><span style="font-family: "consolas"; font-size: 9.5pt;">>()<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        {<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">            </span><span style="color: #a31515; font-family: "consolas"; font-size: 9.5pt;">"name"</span><span style="font-family: "consolas"; font-size: 9.5pt;">,</span><span style="color: #a31515; font-family: "consolas"; font-size: 9.5pt;">"name2"</span><span style="font-family: "consolas"; font-size: 9.5pt;">,</span><span style="color: #a31515; font-family: "consolas"; font-size: 9.5pt;">"name3"</span><span style="font-family: "consolas"; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        };<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        <o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">public</span><span style="font-family: "consolas"; font-size: 9.5pt;"> </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">new</span><span style="font-family: "consolas"; font-size: 9.5pt;">  ActionResult  View()<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        {<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">            ViewBag.Data = listdata;<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">            </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">return</span><span style="font-family: "consolas"; font-size: 9.5pt;"> View(ViewBag.Data);<o:p></o:p></span></div> <div class="MsoNormal"> <span style="font-family: "consolas"; font-size: 9.5pt; line-height: 107%;">        }<o:p></o:p></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: "consolas"; font-size: 12pt; line-height: 107%;">In view:-<o:p></o:p></span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">  <span style="background: yellow; mso-highlight: yellow;">@</span></span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">foreach</span><span style="font-family: "consolas"; font-size: 9.5pt;"> (var item </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">in</span><span style="font-family: "consolas"; font-size: 9.5pt;"> ViewBag.Data)<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        {<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">            </span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: "consolas"; font-size: 9.5pt;">tr</span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">></span><span style="background: yellow; font-family: "consolas"; font-size: 9.5pt;">@</span><span style="font-family: "consolas"; font-size: 9.5pt;">item</span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: "consolas"; font-size: 9.5pt;">tr</span><span style="color: blue; font-family: "consolas"; font-size: 9.5pt;">></span><span style="font-family: "consolas"; font-size: 9.5pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;"> <span style="font-family: "consolas"; font-size: 9.5pt;">        }</span><b><span style="font-size: 12.0pt; line-height: 107%;"> </span></b></div> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">Important Point:-<o:p></o:p></span></b></div> <br /> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">Always keep same name of view as of method..<o:p></o:p></span></b></div> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;">For more checkout videos:-</span></b></div> <div class="MsoNormal"> <b><span style="font-size: 12.0pt; line-height: 107%;"><br /></span></b></div> </div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/3CWbWAXoHDs" width="560"></iframe></div>

Views:- In this article we will study about views in asp.net mvc! It contains user interface. Like html , css, JavaScript , bootst... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="text-align: justify;"> In this article we will study about the basics of asp.net mvc.<o:p></o:p></div> <div class="MsoNormal" style="text-align: justify;"> So let’s get start.<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b>Working:-<o:p></o:p></b></div> <div class="MsoNormal"> Request is sent to controller and controller asks Model for checkout request, then model checks and respond back to controller and controller response back to the view as shown In Pic, <o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b>Practical Life Example:-<o:p></o:p></b></div> <div class="MsoNormal"> Suppose you are in restaurant for dinner.</div> <div class="MsoNormal"> Let:-</div> <div class="MsoNormal"> </div> <ul style="text-align: left;"> <li><span style="text-indent: -0.25in;">You are View</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><span style="text-indent: -0.25in;">Waiter is Url.</span></li> <li><span style="font-size: 7pt; font-stretch: normal; font-variant-numeric: normal; line-height: normal;"> </span><span style="text-indent: -0.25in;">Manager is controller</span></li> <li> <span style="text-indent: -0.25in;">Kitchen is Model</span></li> </ul> <o:p></o:p><br /> <div class="MsoListParagraphCxSpFirst" style="mso-list: l0 level1 lfo1; text-indent: -.25in;"> <o:p></o:p></div> <div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -.25in;"> <o:p></o:p></div> <div class="MsoListParagraphCxSpMiddle" style="mso-list: l0 level1 lfo1; text-indent: -.25in;"> <o:p></o:p></div> <div class="MsoListParagraphCxSpMiddle"> <o:p></o:p></div> <div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -.25in;"> <o:p></o:p></div> <div class="MsoNormal"> <b><span style="font-size: 14.0pt; line-height: 107%;">Practical Life Working:-<o:p></o:p></span></b></div> <div class="MsoNormal"> You (View) will order food through waiter(URL), Waiter will go to Manager(Controller) and controller will ask persons in Kitchen(Model).<br /> Persons in kitchen will respond back to manager and manager will respond back to View (You) through url ( specially in web-api) <o:p></o:p></div> <div class="MsoNormal"> Below Picture will make your idea clear.<o:p></o:p></div> <div class="MsoNormal"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWrb1rHYPhe0ecUAAQGazwCOTC6R9yy5O3XyVMut5ivzLIhI3Bscpj0HvvXeKb3O9dRuqlkwi0sFWKKzrfMEvBh5Of0BxnzXJy1K5WMSsjJmuPqF986WuXZisWPjpgfEBDsW-35NnWdE/s1600/Practical+life+working.bmp" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHWrb1rHYPhe0ecUAAQGazwCOTC6R9yy5O3XyVMut5ivzLIhI3Bscpj0HvvXeKb3O9dRuqlkwi0sFWKKzrfMEvBh5Of0BxnzXJy1K5WMSsjJmuPqF986WuXZisWPjpgfEBDsW-35NnWdE/s400/Practical+life+working.bmp" /></a></div> <div class="MsoNormal"> <br /> <br /> <br /> For more detail please watch my YouTube video. For Code contact me through comments.</div> </div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/uMgTBngT51k" width="560"></iframe></div>

In this article we will study about the basics of asp.net mvc. So let’s get start. Working:- Request is sent to controller and co... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <div> <br /></div> <h2 style="text-align: left;"> How to start First application:-</h2> <div> <br /></div> <ol start="1" style="margin-top: 0in;" type="1"> <li class="MsoNormal">Step# 1:-Open your Visual studio<o:p></o:p></li> <li class="MsoNormal">Step 2:-Go to New File>>New>>Project<o:p></o:p></li> <li class="MsoNormal">Step#3:-Hit Enter<o:p></o:p></li> <li class="MsoNormal">Step#4:-Go to visual C# ,Select Web underneath it and then hit at Asp.net Mvc Application as shown in pic<o:p></o:p></li> <li class="MsoNormal">Step#5:-Select MVC as template in next Dialogue Box and you have done<o:p></o:p></li> </ol> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPSQkwrB82fZFyQUCYuPK2fcKjTjv-xxMfWKMwVi0AcBG78YbqY8MXT4mTTzDDEXxbV5m6wkg0IIXE9Q8KbbZMmTY0EySGKtglV29wcFZ-ET8nyxHaM07jmf_EVrFrdk-h-iDXq5oREo/s1600/How+To+start+Fisrt+application.bmp" imageanchor="1"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPSQkwrB82fZFyQUCYuPK2fcKjTjv-xxMfWKMwVi0AcBG78YbqY8MXT4mTTzDDEXxbV5m6wkg0IIXE9Q8KbbZMmTY0EySGKtglV29wcFZ-ET8nyxHaM07jmf_EVrFrdk-h-iDXq5oREo/s320/How+To+start+Fisrt+application.bmp" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> Watch Video for description:-</div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoNormal"> <br /></div> </div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/qQv51e2JCS0" width="560"></iframe></div>

How to start First application:- Step# 1:-Open your Visual studio Step 2:-Go to New File>>New>>Project Step... Read More »

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <h2 style="text-align: left;"> Introduction To .Net:-</h2> <div> Listen it verbally.</div> <div class="MsoNormal"> <o:p></o:p></div> <div class="MsoNormal"> How to install Visual Studio?<o:p></o:p></div> <div class="MsoNormal"> Step#1</div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqTelSJuvCzWEC3kLD1ObsZv9sEvKTMPrUEhaEqoREveoU6OZHF6w3UN-Xq3K_gLQxITy1GmozJ-HYDjmRS8g7EeUSod6_8kSEJ9AujGu9pxdQsNZ39HNCmvupGIFVJf1Edl0aDUT5Mk/s1600/Step+1.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqTelSJuvCzWEC3kLD1ObsZv9sEvKTMPrUEhaEqoREveoU6OZHF6w3UN-Xq3K_gLQxITy1GmozJ-HYDjmRS8g7EeUSod6_8kSEJ9AujGu9pxdQsNZ39HNCmvupGIFVJf1Edl0aDUT5Mk/s640/Step+1.bmp" width="640" /></a></div> <div class="MsoNormal"> </div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <br /></div> Step#2<o:p></o:p><br /> <div class="MsoNormal"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcu2ve3DL0JYbxxLEGR0oH_jyQeeDB4mZmTd72jEWajr5xH7Vg2WThFi4kMo2t64Urwb2uMGNZ-Yf_XgYfb8M13v0fUBgLiQh94pE3QBzqVuLsAHGTSaSmQnE_PvXdqxxyC9YnyHKtWk/s1600/step2.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrcu2ve3DL0JYbxxLEGR0oH_jyQeeDB4mZmTd72jEWajr5xH7Vg2WThFi4kMo2t64Urwb2uMGNZ-Yf_XgYfb8M13v0fUBgLiQh94pE3QBzqVuLsAHGTSaSmQnE_PvXdqxxyC9YnyHKtWk/s640/step2.bmp" width="640" /></a></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Step#3<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirf3ueofZIjZ2qqQ8lTS0MkN6GAIHRZUA44gpAzK2ORiLV50jPdaeSJLaJjkcV6FKisiXer9PhBLCkyCHM_qvx8e60MSe1b61HVc8ecaywk4BYZBYQqy_BOytJAMF-uE7W0jrlF0q_yLc/s1600/step+3.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirf3ueofZIjZ2qqQ8lTS0MkN6GAIHRZUA44gpAzK2ORiLV50jPdaeSJLaJjkcV6FKisiXer9PhBLCkyCHM_qvx8e60MSe1b61HVc8ecaywk4BYZBYQqy_BOytJAMF-uE7W0jrlF0q_yLc/s640/step+3.bmp" width="640" /></a></div> </div> <iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/vkj8-Nv3Atg" width="560"></iframe> </div>

Introduction To .Net:- Listen it verbally. How to install Visual Studio? Step#1 Step#2 Step#3 Read More »