This document outlines an agenda for an introduction to AngularJS for .NET developers. The agenda includes introductions to single page applications (SPAs), getting started with AngularJS, directives, modules, controllers, the $scope object, making server calls with $http, and filters. Demo examples are provided for directives, controllers, controller methods, server calls, and filters. The document encourages developers to use AngularJS to build responsive web apps that load dynamically without full page reloads, similar to desktop or Gmail experiences. It positions AngularJS as a framework that supports MV* architectures and separates HTML from JavaScript.
Q : Are you really excited to learn how to develop an n-Tier arch web application using Angularjs, Asp.Net Web API, jQuery, Bootstrap, C#.Net, Entity Framework Code First and MS SQL Server?
A: Then you are at right place and you are going to learn it here with me from scratch..
In this course we are going to learn how to break requirements into objects and find relation among them. We will then learn coding models out of this objects and relationships. Moving forward we will also see how to design arch. of the project and implement various layers.
We are going to learn implementation of business object layer using POCO and data access layer using repository design pattern and Entity Framework Code First. We will use C#.Net to implement our business logic layer and wrap it up with Asp.Net Web API so that it can be consumed by any client. We are also going to secure our web apis.
For user interface we will see Angularjs, jQuery and Bootstrap. We will learn how bootstrap makes our application responsive.We will also see how to implement custom sorting and paging. Moving ahead you will learn forms validations and business rules validations as well. We will also learn how to publish it on web.
This project is an EIS - Employee Information System
This Web-based information system is designed to allow you to view and maintain your employee information throughout the year. You should use this system to maintain your complete information on employee record.
This is an n-tier Single Page Application (SPA) built on .Net platform using various technologies for various layers as given below
User Interface: AngularJS1 and BootStrap
Service Layer: Asp.Net Web API
Business Logic Layer: C#.Net
Data Access Layer: Entity Framework Code First
Back End: MS SQL Server 2016
Tools: Visual Studio 2015 and SQL Server Management Studio 2016
What are the requirements?(Should be good at)
MS Sql Server Any version
Entity Framework 6
Asp.Net Web APIs 2
C#.Net
AngularJS
Visual Studio 2015 or above
What am I going to get from this course?
understand how to break requirements in to objects
create entities out of objects
implement data access layer using entity framework code first approach with repository pattern
manage data migrations in entity framework
implement business logic layer using c#net
create service layer using ASP.Net web apis
create UI using angularjs, bootstrap and jquery
implement validations both client side and server side
implement authentication and authorization both on client side and sever side
What is the target audience?
This course is for the web developers who want to learn layered architecture in SPA
Who wants to upgrade their profile with another real time SPA
This course is for the web developers who want to learn layered architect.
***** Enroll here [MVC 3-Tier (50% Off)] :http://goo.gl/iMulis
Thanks for your all time support.
Finally... this is what I was doing for past one month...
Do you want to see a live web app built on 3-Tier arch using Asp.Net MVC, jQuery, Bootstrap, C#.Net, Entity Framework and MS SQL Server?
Here it is http://linkhub.manzoorthetr...
Are you really excited to learn how to develop this 3-tier web app on Asp.Net MVC and Entity Framework?
Then you are going to learn it here with me from scratch..
In this course we are going to learn how to break requirements into objects and find relation among them. We will then learn designing database out of this objects and relationships. Moving forward we will also see how to design arch. of the project and implement various layers.
We are going to learn implementation of business object layer using Entity Framework and data access layer using repository design pattern and Entity Framework.
For user interface we will see Asp.Net MVC, jQuery and Bootstrap. We will learn how bootstrap makes our application responsive.We will also see how to implement custom sorting and paging. Moving ahead you will learn forms validations and business rules validations as well. We are going to secure our app using custom membership provider and role provider and publish it on web.
In Advance operations we will try to understand how to implement transactions, bind multiple models to single view and Ajaxyfyi our Asp.Net web App. Finally we will also see few optimization techniques.
Do you know! what ever you see on a website in your browser is purely html and css. If you are really interested in learning website development using any technology weather it is Asp.Net, Java or Php, the basic thing that you should know is HTML and CSS. More over if you want to develop your own static website with contact us form then this course teaches you the best.
In this course we will start with the concept why we need HTML then we dive into tags river and will cover comments, page information, document structure, links, text markup, lists, forms and images. We take start of css with why and goes for various types of styling techniques in web design and move ahead with various selectors and design a beautiful menu from scratch and finally end with designing and hosting a static web site.
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
Q : Are you really excited to learn how to develop an n-Tier arch web application using Angularjs, Asp.Net Web API, jQuery, Bootstrap, C#.Net, Entity Framework Code First and MS SQL Server?
A: Then you are at right place and you are going to learn it here with me from scratch..
In this course we are going to learn how to break requirements into objects and find relation among them. We will then learn coding models out of this objects and relationships. Moving forward we will also see how to design arch. of the project and implement various layers.
We are going to learn implementation of business object layer using POCO and data access layer using repository design pattern and Entity Framework Code First. We will use C#.Net to implement our business logic layer and wrap it up with Asp.Net Web API so that it can be consumed by any client. We are also going to secure our web apis.
For user interface we will see Angularjs, jQuery and Bootstrap. We will learn how bootstrap makes our application responsive.We will also see how to implement custom sorting and paging. Moving ahead you will learn forms validations and business rules validations as well. We will also learn how to publish it on web.
This project is an EIS - Employee Information System
This Web-based information system is designed to allow you to view and maintain your employee information throughout the year. You should use this system to maintain your complete information on employee record.
This is an n-tier Single Page Application (SPA) built on .Net platform using various technologies for various layers as given below
User Interface: AngularJS1 and BootStrap
Service Layer: Asp.Net Web API
Business Logic Layer: C#.Net
Data Access Layer: Entity Framework Code First
Back End: MS SQL Server 2016
Tools: Visual Studio 2015 and SQL Server Management Studio 2016
What are the requirements?(Should be good at)
MS Sql Server Any version
Entity Framework 6
Asp.Net Web APIs 2
C#.Net
AngularJS
Visual Studio 2015 or above
What am I going to get from this course?
understand how to break requirements in to objects
create entities out of objects
implement data access layer using entity framework code first approach with repository pattern
manage data migrations in entity framework
implement business logic layer using c#net
create service layer using ASP.Net web apis
create UI using angularjs, bootstrap and jquery
implement validations both client side and server side
implement authentication and authorization both on client side and sever side
What is the target audience?
This course is for the web developers who want to learn layered architecture in SPA
Who wants to upgrade their profile with another real time SPA
This course is for the web developers who want to learn layered architect.
***** Enroll here [MVC 3-Tier (50% Off)] :http://goo.gl/iMulis
Thanks for your all time support.
Finally... this is what I was doing for past one month...
Do you want to see a live web app built on 3-Tier arch using Asp.Net MVC, jQuery, Bootstrap, C#.Net, Entity Framework and MS SQL Server?
Here it is http://linkhub.manzoorthetr...
Are you really excited to learn how to develop this 3-tier web app on Asp.Net MVC and Entity Framework?
Then you are going to learn it here with me from scratch..
In this course we are going to learn how to break requirements into objects and find relation among them. We will then learn designing database out of this objects and relationships. Moving forward we will also see how to design arch. of the project and implement various layers.
We are going to learn implementation of business object layer using Entity Framework and data access layer using repository design pattern and Entity Framework.
For user interface we will see Asp.Net MVC, jQuery and Bootstrap. We will learn how bootstrap makes our application responsive.We will also see how to implement custom sorting and paging. Moving ahead you will learn forms validations and business rules validations as well. We are going to secure our app using custom membership provider and role provider and publish it on web.
In Advance operations we will try to understand how to implement transactions, bind multiple models to single view and Ajaxyfyi our Asp.Net web App. Finally we will also see few optimization techniques.
Do you know! what ever you see on a website in your browser is purely html and css. If you are really interested in learning website development using any technology weather it is Asp.Net, Java or Php, the basic thing that you should know is HTML and CSS. More over if you want to develop your own static website with contact us form then this course teaches you the best.
In this course we will start with the concept why we need HTML then we dive into tags river and will cover comments, page information, document structure, links, text markup, lists, forms and images. We take start of css with why and goes for various types of styling techniques in web design and move ahead with various selectors and design a beautiful menu from scratch and finally end with designing and hosting a static web site.
AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. AngularJS's data binding and dependency injection eliminate much of the code you would otherwise have to write. And it all happens within the browser, making it an ideal partner with any server technology.
If you are designing an application in PHP with using any Framework, you face many challenges like problems in re-using te code, coding from scratch, difficulty in testing, disorganization of codes etc. The solution is to use design patterns and one such design pattern is MVC ( Model View Controller ).
MVC, or Model-View-Controller is a software architecture, or design pattern, that is used in software engineering, whose fundamental principle is based on the idea that the logic of an application should be separated from its presentation. MVC design pattern is used to separate an application’s data, business logic, and presentation; doing so facilitates the creation of more maintainable, reusable, and testable code.
(a) Model - Data Layer
(b) View - User Interface Layer
(c) Controller - Interacts with the Model
To know in detail about MVC Principles for PHP Developers, see the above presentation.
We Will learn about:
What is AngularJs?
Key Points
Core Features of AngularJS
How is it works?
AngularJs Terminologies
AngularJs directives
How we start work on AngularJs?
AngularJs Tags
How we use Yeoman?
Advantages and Disadvantages
Angular 7 Firebase5 CRUD Operations with Reactive FormsDigamber Singh
Learn to create a student record management system app using Angular 7, Firebase5 Database, Reactive Forms, Form Validation, NGX-Pagination and NGX-Toastr.
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
This presentation is foucsed on Introduction to MVC. Aimed at .NET developers that are total beginners in the Web Applications world and want to get started using familiar Microsoft .NET technologies.
For the existing ASP.NET web form user this slides provides and idea about what are the advatages of using MVC, tradeoffs between MVC and Web Forms.
C# is an elegant and type-safe object-oriented language that enables developers to build a variety of secure and robust applications that run on the .NET Framework. You can use C# to create Windows client applications, XML Web services, distributed components, client-server applications, database applications, and much, much more. Visual C# provides an advanced code editor, convenient user interface designers, integrated debugger, and many other tools to make it easier to develop applications based on the C# language and the .NET Framework.
Learn C#.Net in simplified way.
If you are designing an application in PHP with using any Framework, you face many challenges like problems in re-using te code, coding from scratch, difficulty in testing, disorganization of codes etc. The solution is to use design patterns and one such design pattern is MVC ( Model View Controller ).
MVC, or Model-View-Controller is a software architecture, or design pattern, that is used in software engineering, whose fundamental principle is based on the idea that the logic of an application should be separated from its presentation. MVC design pattern is used to separate an application’s data, business logic, and presentation; doing so facilitates the creation of more maintainable, reusable, and testable code.
(a) Model - Data Layer
(b) View - User Interface Layer
(c) Controller - Interacts with the Model
To know in detail about MVC Principles for PHP Developers, see the above presentation.
We Will learn about:
What is AngularJs?
Key Points
Core Features of AngularJS
How is it works?
AngularJs Terminologies
AngularJs directives
How we start work on AngularJs?
AngularJs Tags
How we use Yeoman?
Advantages and Disadvantages
Angular 7 Firebase5 CRUD Operations with Reactive FormsDigamber Singh
Learn to create a student record management system app using Angular 7, Firebase5 Database, Reactive Forms, Form Validation, NGX-Pagination and NGX-Toastr.
AngularJS, a MVW framework from Google is based on JavaScript, a language globally known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Integrating AngularJS is simple as it evaluates page once HTML is in the DOM and make easier to bind Angular on top of existing applications. It can run along with Node.js, an asynchronous development platform with lightning speed execution, which makes building Mean Stack applications easier and faster. AngularJS comes with a very good documentation and also have wide range of third party modules making it user-friendly for developers.
This presentation is foucsed on Introduction to MVC. Aimed at .NET developers that are total beginners in the Web Applications world and want to get started using familiar Microsoft .NET technologies.
For the existing ASP.NET web form user this slides provides and idea about what are the advatages of using MVC, tradeoffs between MVC and Web Forms.
C# is an elegant and type-safe object-oriented language that enables developers to build a variety of secure and robust applications that run on the .NET Framework. You can use C# to create Windows client applications, XML Web services, distributed components, client-server applications, database applications, and much, much more. Visual C# provides an advanced code editor, convenient user interface designers, integrated debugger, and many other tools to make it easier to develop applications based on the C# language and the .NET Framework.
Learn C#.Net in simplified way.
Topics Covered
==============================
Overview of .NET
Overview of ASP.NET
Creating an ASP.NET Web Form
Adding Event Procedures
Validating User Input
The aim of this list of programming languages is to include all notable programming languages in existence, both those in current use and ... Note: This page does not list esoteric programming languages. .... Computer programming portal ...
AngularJS training - Day 1 - Basics: Why, What and basic features of AngularJSmurtazahaveliwala
First part of AngularJS Training.
Covers details of AngularJs community and answers
- Why AngularJS ?
- What is AngularJS ?
- Getting started
- Basic Application layout and anatomies
- Data-binding, Existing Directives, Filters, Controllers
- Hosting on local (NodeJS) HTTPServer
Code samples available at
https://github.com/murtazahaveliwala/technext-angularjs-demo/tree/master/demos/static/angular-apps
1> IMPORTANT PARTS OF ANGULARJS
2> Angular Js FEATURES
3> ADVANTAGES / DISADVANTAGES OF ANGULARJS
4> THE ANGULARJS COMPONENTS
5> MVC
6> STEPS TO CREATE ANGULARJS APP
AngularJS is an open source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google. Its latest version is 1.4.4 .
This is a talk I gave the at the AngleBrackets/DevIntersection conference in April of 2014 that covers the AngularJS JavaScript framework (one of my favorite frameworks out there!). In this talk I discussed the challenges with Single Page Applications (SPA) and how AngularJS helps solve those challenges with built-in support for two-way data binding, directives and filters, controllers and more. I also discuss the relationship of modules to controllers, factories and services, and more.
Introduction to Angular JS by SolTech's Technical Architect, Carlos Muentes.
To learn more about SolTech's custom software and recruiting solution services, visit http://www.soltech.net.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
5. Today’s Agenda
10:00 AM - 11:15 AM
Welcome Note
Introduction To SPA
Getting Started With AngularJS
Directives, Module and Controller
11:45 AM - 01:30PM
$scope Object
Server Calls Using $http
Filters
Conclusion
11:15 AM - 11:45 AM
Virtus IT
Break
6. Why Asp.Net SPA?
SPA stands for Single Page Application.
We need user experience similar to a desktop application.
We need to speed up the page loads and navigation for the user.
In short we need responsive Web apps, without constant page reloads.
7. What is Asp.Net SPA?
Get all necessary code – HTML, JavaScript, and CSS on the initial page load.
Download appropriate features dynamically from server behind the scenes on
response to a user action.
Without reloading the complete page.
One of the best examples of SPA is Gmail.
8. Client Server
Page Life Cycle - Normal?
Initial Request
HTML Response
Post Back
HTML Response
Get Initial Data
Reloads the page
and
Get More Data
9. Client Server
Page Life Cycle SPA?
Initial Request
HTML Response
Post Back
HTML Response
Get Initial Data
Updates the page
and
Get More Data
10. How To Achieve SPA?
It can be achieved with help of Web browser JavaScript frameworks, such as
AngularJS, knockout.js, Ember.js, ExtJS, React, etc
11. Why AngularJS?
We need a javascript framework that supports Single Page Applications.
We need simple bidirectional data binding.
We need simple client side development and testing process.
We need a framework that support MV*
We need a framework that keeps HTML and JavaScript saperatly.
13. What is AngularJS?
AngularJS is a javascript based open-source web application framework mainly
maintained by Google.
Its aims is to simplify both the development and the testing of client-side model–
view–controller (MVC) and model–view–viewmodel (MVVM) architectures.
(MV*).
AngularJS version 1.0 was released in 2012.
14. Getting Started With AngularJS
1. Start an empty web application.
2. Add AngularJS core using nuget package manager.
3. Add angularjs script file to index.html.
4. Use an expression {{...}}.
5. Using ng-app directive.
16. Directives - Mostly Used
In Short! These are special attributes for HTML
elements.
ng-app
ng-bind
ng-init
ng-show
ng-hide
ng-true-value
ng-options
ng-repeat
ng-click
ng-model
ng-if
ng-controller
For More : https://docs.angularjs.org/api/ng#directive
19. Module
Our application is logically divided into multiple units called as Modules.
Module is a collection of controllers and many other parts of application.
<script type=”text/javascript”>
var app = angular.module('myApp', []);
</script>
View is mapped to the module using ng-app directive.
20. Assigning Module To The View
<html ng-app=”myApp”>
<head> </head>
<body>
<div>
</div>
</body>
</html>
21. Controller
In Short! Controller is a javascript function, used to prepare data (Models) to be
rendered on html pages (View).
<script>
var app = angular.module('myApp', []);
app.controller('employeeController', function ($scope) {
…………………………….
});
</script>
View is mapped to the controller using ng-controller directive.
22. Assigning Controller To The View
<html ng-app=”myApp”>
<head> </head>
<body>
<div ng-controller=”employeeController”>
</div>
</body>
</html>
23. AngularJS $scope
$scope is an object which holds the data (Model) and is used to bind data between
html pages (View) and controller.
<script>
var app = angular.module('myApp', []);
app.controller('employeeController', function ($scope) {
$scope.myValue=”Hello MTT”;
});
</script>
24. Assigning Model To The View
<html ng-app=”myApp”>
<head> </head>
<body>
<div ng-controller=”employeeController”>
<input type=’text’ ng-model=’myValue’/>
</div>
</body>
</html>
33. Making Asp.Net MVC Server Calls Using $http
$http is one of the service provided by AngularJS. It is used to make jQuery based
Ajax calls to the server.
app.controller('employeeController', function ($scope,$http) {
$scope.myValue=””;
$scope.myFun=function() {
$http.get("/Home/GetData/")
.then(function (response) {
$scope.myValue = response.data;
})
.error(function (response) {
$scope.myValue = “Error”+response.data;
});
};
35. Filters - Basic
Filters are special functions to format or transform the data using pipe character in an
expression followed by a filter. {{ model | filter }}
lowercase Format a string to lower case.
uppercase Format a string to upper case.
currency Format a number to a currency format.
number Format a number to a string.
date Format a date to a specified format.
36. Filters - Searching, Sorting And Paging
filter Select a subset of items from an array. - Searching
orderBy Orders an array by an expression. - Sorting
Third party dirPaginate.js - Pagination
Note: For more on pagination https://github.com/michaelbromley/angularUtils