Channel

Angular 6 tutorial for beginners

Complete Angular Tutorials

Useful tools for web developers

ASP.NET core tutorial for beginners

Angular CRUD tutorial

In this Angular 5 tutorial we will discuss performing CRUD operations in Angular i.e Creating, Reading, Updating and Deleting in Angular with simple examples. We will use Angular 5. The following topics are covered.1. Setting up a new angular project2. Reading and displaying data3. angular 4 routing and navigation4. Significance of angular route base href5. Angular template driven forms6. Angular radio buttons7. Angular radio button and checked attribute8. Angular checkbox9. Angular dropdown list10. Angular dropdown list binding11. Angular calendar tutorial12. Angular calendar customisation13. Angular ng if 14. Disable browser validation in Angular15. Angular template driven forms validation16. Displaying meaningful angular validation error messages17. Model binding in angular template driven forms18. Angular email validation19. Angular pattern validator20. Validate radio buttons in angular template driven forms21. Add angular required attribute at runtime for dynamic validation22. How to validate checkbox in angular23. Required validation for dropdownlist in angular24. Angular value vs ngValue25. Angular custom validation26. Angular select list custom required validation27. Confirm password validation in Angular28. Angular trigger validation manually29. Angular form group validation30. Services in Angular31. Create operation in angular32. Angular switch case example33. Pass data from parent to child component in angular34. Angular component input property change detection35. Angular input change detection using property setter36. Angular property setter vs ngonchanges life cycle hook37. Angular component communication38. Calling child component methods and properties using template reference variable39. Angular route guards40. Angular route params41. Reading route parameters values42. Subscribe to angular route parameter changes43. Optional route parameters in Angular44. Required route parameters vs optional route parameters in Angular45. How to reset an angular form46. JavaScript objects and reference variables47. Angular Filter pipe48. Angular pure pipe49. Angular impure pipe50. Data filtering in angular component51. Angular query params52. How to read query string parameters in Angular53. Create observable from array54. Route resolve guard in Angular55. Angular router navigation events56. Display route loading indicator in Angular57. Angular canactivate guard example58. Passing data between components in angular59. Edit form in angular60. Angular delete form61. Angular accordion example62. Angular content projection63. Online fake REST API64. Angular client server architecture65. Angular HttpClient get example66. Angular HttpClient error handling67. Handling angular resolver errors68. Angular httpclient post example69. Angular httpclient put example70. Angular httpclient delete example71. Angular CRUD course wrap up and what's next

Solid Design Principles

In this tutorial we will discuss SOLID design principles with simple real world examples.SOLID Principles Introduction 1. SOLID principles are the design principles that enable us manage most of the software design problems2. The term SOLID is an acronym for five design principles intended to make software designs more understandable, flexible and maintainable3. The principles are a subset of many principles promoted by Robert C. Martin4. The SOLID acronym was first introduced by Michael FeathersWhat is SOLIDS : Single Responsibility Principle (SRP) O : Open closed Principle (OSP) L : Liskov substitution Principle (LSP) I : Interface Segregation Principle (ISP) D : Dependency Inversion Principle (DIP)Single Responsibility Principle 1. Robert C. Martin expresses the principle as, "A class should have only one reason to change”2.Every module or class should have responsibility over a single part of the functionality provided by the software, and that responsibility should be entirely encapsulated by the classLiskov Substitution Principle 1. Introduced by Barbara Liskov state that “objects in a program should be replaceable with instances of their sub-types without altering the correctness of that program”2. If a program module is using a Base class, then the reference to the Base class can be replaced with a Derived class without affecting the functionality of the program module3. We can also state that Derived types must be substitutable for their base typesOpen/Closed Principle 1. “Software entities should be open for extension, but closed for modification”2. The design and writing of the code should be done in a way that new functionality should be added with minimum changes in the existing code 3. The design should be done in a way to allow the adding of new functionality as new classes, keeping as much as possible existing code unchangedInterface Segregation Principle 1. “Many client-specific interfaces are better than one general-purpose interface”2.We should not enforce clients to implement interfaces that they don't use. Instead of creating one big interface we can break down it to smaller interfacesDependency Inversion Principle 1. One should “depend upon abstractions, [not] concretions"2. Abstractions should not depend on the details whereas the details should depend on abstractions3. High-level modules should not depend on low level modules If we don’t follow SOLID Principles we 1. End up with tight or strong coupling of the code with many other modules/applications2. Tight coupling causes time to implement any new requirement, features or any bug fixes and some times it creates unknown issues3. End up with a code which is not testable4. End up with duplication of code5. End up creating new bugs by fixing another bug6. End up with many unknown issues in the application development cycleFollowing SOLID Principles helps us to 1. Achieve reduction in complexity of code2. Increase readability, extensibility and maintenance3. Reduce error and implement Reusability4. Achieve Better testability5. Reduce tight couplingSolution to develop a successful application depends on Architecture : choosing an architecture is the first step in designing application based on the requirements. Example : MVC, WEBAPI, MVVM..etcDesign Principles : Application development process need to follow the design principlesDesign Patterns : We need to choose correct design patterns to build the software

Angular CLI tutorial for beginners

In this Angular CLI course we will cover the following1. What is Angular CLI and what problems it solves2. Installing Angular CLI3. Creating a new working angular project using Angular CLI and all the options that we can use when generating a new Angular project4. Customising the command prompt5. Angular CLI configuration file6. Angular CLI project structure and the purpose of all files and folders in an angular project7. Generating components using the Angular CLI tool and all the options we can use with ng generate command8. Generating and registering services using the angular cli 9. Generating modules using the Angular CLI10. Generating directives, pipes and routing guards using the Angular CLI11. Generating TypeScript features like classes, interfaces and enumerations using the Angular CLI12. TypeScript Linting13. Angular TSLint Rules14. TSLint in Visual Studio Code15. Angular Routing16. How routing works in angular17. Implementing routing in separate module in angular18. Generate routing module using Angular CLI19. Running angular app locally20. ng serve options21. Compile angular app22. Angular dev build vs prod build23. Angular AOT - Ahead of Time compilation24. Angular Just in Time compilation - JIT25. Difference between JIT and AOT26. Deploying angular applications to IIS

Angular 2 tutorial for beginners

This Angular 2 tutorial for beginners course starts from scratch with the basics and covers all the advanced concepts as we progress through the course. Some of the concepts includeAngular ComponentsAngular nested componentsStyling angular componentsAngular interpolation examplesProperty binding in AngularAngular attribute bindingClass binding in angularStyle binding in angularAngular2 Event BindingTwo way data binding in angularAngular ngFor directiveAngular ngFor with trackByAngular pipesAngular custom pipeAngular container and nested componentsAngular component input propertiesAngular component output propertiesInterfaces in Angular 2Angular component lifecycle hooksAngular services tutorialAngular and ASP.NET Web APIAngular 2 http service tutorialAngular 2 http error handlingUsing Bootstrap with Angular 2Angular 2 routing tutorialAngular 2 route parametersAngular dependency injectionWhy dependency injectionAngular singleton serviceAngular InjectorAngular root injectorAngular router navigate methodPromises in angular 2 exampleAngular promises vs observablesObservable retry on errorAngular observable unsubscribeDifference between Angular JS, Angular 2 and Angular 4Angular 2 course wrap up and what's next

Design Patterns tutorial for beginners

In this tutorial we will discuss most of the common c# design patterns with easy to understand and simple examples. Knowledge and experience of the following dot net design patterns are essential for both beginners and experienced programmers.1. Design Patterns Introduction2. Singleton Design Pattern3. Why is singleton class sealed4. Thread Safety in Singleton5. Lazy vs Eager loading in Singleton6. Static Class vs Singleton7. Exception Logging using Singleton Design Pattern8. Factory Design Pattern Introduction9. Factory Method Design Pattern10. Abstract Factory Design Pattern11. Builder Design Pattern Introduction12. Builder Design Pattern Implementation13. Fluent Builder Design Pattern14. ProtoType Design Pattern Introduction15. Prototype Design Pattern Implementation16. Structural Design Patterns Introduction17. Adapter Design Pattern18. Bridge Design Pattern19. Composite Design Pattern20. Decorator Design Pattern21. Facade Design Pattern

Java tutorial for beginners

Java tutorials from basics to advanced concepts

ASP.NET Web API tutorial for beginners

In this Web API tutorial course the following topics are covered.1. What is ASP.NET Web API2. Creating a Web API Project3. HTTP GET PUT POST DELETE4. ASP.NET Web API and SQL Server5. ASP.NET Web API Content Negotiation6. ASP.NET Web API MediaTypeFormatter7. Implementing post method in ASP.NET Web API8. Implementing Delete method in ASP.NET Web API9. Implementing Put method in ASP.NET Web API10. Custom method names in ASP.NET Web API11. ASP.NET Web API query string parameters12. FromBody and FromUri in Web API13. Call ASP.NET Web API from jQuery14. Calling ASP.NET Web API service in cross domain using jQuery ajax15. Cross-origin resource sharing ASP.NET Web API16. Enable SSL in Visual Studio Development Server17. ASP.NET Web API enable HTTPS18. Implementing basic authentication in ASP.NET Web API19. Call web api service with basic authentication using jquery ajax20. ASP.NET Web API token authentication21. ASP.NET Web API user registration22. Using ASP.NET identity with Web API23. Using fiddler to test ASP.NET Web API token based authentication24. ASP.NET Web API login page25. Web API bearer token example26. ASP.NET Web API logout27. How to get authenticated user identity name in asp.net web api28. ASP.NET Web API google authentication29. ASP.NET Web API facebook authentication30. Attribute routing in ASP.NET Web API 231. RoutePrefix attribute in Web API32. Web API attribute routing constraints33. Generating links using route names in asp.net web api34. IHttpActionResult vs HttpResponseMessage35. Web API versioning using URI36. Web API versioning using querystring parameter37. Web API versioning using a custom header38. Web API versioning using accept header39. Web API versioning using custom media types

C# tutorial for beginners in arabic

Dot Net Basics in Arabic

bootstrap tutorial for beginners

This Bootstrap tutorial covers all the basics and advanced concepts.What is bootstrapSetting up bootstrapGrid SystemGrid classesGrid column offsetNested rows & columnsImage galleryResponsive utility classesTypographyParagraphsBlockquotes and listsList groupsCode blocksTable classesButton classesBootstrap IconsBootstrap dropdownButton groupSplit button dropdownBootstrap formsForm controlsDisabled and readonly form controlsForm validation statesForm controls height and widthInput groupsButton in input groupNav componentNavbar componentBootstrap breadcrumbsPager and paginationPanelsWellLabels and badgesProgress barsJumbotronMedia objectCollapse pluginAccordionAccordion with arrowsModal popupModal methods and eventsTabs pluginTooltipTooltip manual triggerBootstrap popoverAlertsScrollspyBootstrap scrollspy not workingScrollspy vertical menuAffix pluginImage carouselBootstrap multi column carousel

C# Unit Testing Tutorial

This course is all about writing effective unit tests using C# programming language and MSTest framework. Along the way we will learn the concepts related to unit testing.If you have reached this course by using any of the following terminology, you are at the right place, and you will become an expert in writing unit tests in just 4 hours.Visual Studio unit testing tutorialMSTest unit testing tutorialDot Net testing frameworkC# unit test frameworkVisual Studio unit testing framework tutorialcsharp unit testing tutorial

AngularJS tutorial for beginners

In this Angular tutorial for beginners course we will start with the basics and cover all the advanced concepts. The following topics are discussed.1. What is AngularJS2. Angular modules and controllers3. Controllers in AngularJS4. AngularJS ng-src directive5. Two way databinding in AngularJS6. AngularJS ng-repeat directive7. Handling events in AngularJS8. AngularJS filters9. Sorting data in AngularJS10. AngularJS sort rows by table header11. Search filter in AngularJS12. Angularjs filter by multiple properties13. Create a custom filter in AngularJS14. ng-hide and ng-show in AngularJS15. AngularJS ng-init directive16. ng-include directive in AngularJS17. Consuming ASP.NET Web Service in AngularJS using $http18. $http service in AngularJS19. AngularJS Services20. Create custom service in AngularJS21. AngularJS anchorscroll example22. Angular anchorscroll with database data23. AngularJS routing tutorial24. Angular layout template25. Angularjs partial templates26. AngularJS route configuration27. Remove # from URL AngularJS28. AngularJS default route29. AngularJS intellisense in visual studio30. AngularJS routeparams example31. AngularJS page refresh problem32. AngularJS controller as syntax33. Angular nested scopes and controller as syntax34. AngularJS controller as vs scope35. AngularJS caseInsensitiveMatch and Inline Templates36. AngularJS route reload37. Difference between $scope and $rootScope38. AngularJS cancel route change39. AngularJS route change events40. AngularJS optional url parameters41. AngularJS route resolve42. AngularJS ui-router tutorial43. AngularJS ui-router configuring states44. AngularJS ui router parameters45. AngularJS ui router optional parameters46. Case sensitivity with angularjs ui-router47. Angular ui router default route48. AngularJS ui router custom data49. AngularJS ui router html5mode50. ui router active state css51. angularjs ui-router nested views52. Angular ui router multiple named views53. Difference between ngroute and ui-router

Miscellaneous

jQuery tutorial for beginners

In this jQuery tutorial, we will start from the scratch with the basics of jQuery and cover all the jquery advanced concepts as we progress. This jQuery tutorial is suitable for all web application developers.1. What is jQuery2. What is $(document).ready(function() in jquery3. Benefits of using CDN4. jQuery #id selector5. jQuery Element Selector6. jQuery class selector7. jQuery attribute selector8. jQuery attribute value selectors9. jQuery case insensitive attribute selector10. jQuery input vs input11. jQuery checked selector12. Select values of checkbox group with jquery13. jQuery get selected checkbox text14. jQuery selected selector15. jQuery disabled selector16. jQuery each function17. jQuery method chaining18. What is JSON19. Convert JSON object to string20. Convert JSON string to .net object21. jQuery DOM manipulation methods22. jQuery wrap elements23. jQuery append elements24. jQuery insert element before and after25. jQuery add or remove class26. Difference between $.each and .each27. jQuery map method28. Difference between each and map in jquery29. jQuery change event30. jQuery mouse events31. jQuery event object32. jQuery to detect which mouse button clicked33. Binding event handlers in jquery34. Binding event handlers using jquery on method35. Passing data to event handler in jQuery36. How to add event handlers to dynamically created elements37. jQuery event delegation38. jQuery live function39. jquery execute event only once40. jQuery how to check if event is already bound41. jQuery preventdefault42. jQuery scroll event43. jQuery image gallery44. Optimise jQuery image gallery45. jquery image slideshow with thumbnails46. jquery animate function47. jquery animation queue48. Simple jquery progress bar49. optimize jquery progress bar50. jquery show hide password51. Increase decrease font size using jquery52. jQuery floating div53. jQuery ajax load54. jquery ajax load aspx page55. jquery load callback function56. jquery ajax get function57. load json data using jquery ajax58. jquery ajax get xml data59. jquery make a post request60. jquery ajax method61. Calling asp.net web services using jquery ajax62. Handling json data returned from asp.net web services63. Handling json arrays returned from asp.net web services with jquery64. Save data using asp.net web services and jquery ajax65. Check if username exists in database with ajax66. How to suggest available username67. Calling aspx page method using jquery68. How to call wcf service using jquery69. Difference between window height and document height70. Load data on page scroll using jquery71. Calling live json web service using jquery ajax72. Autocomplete textbox using jquery in asp.net73. Autocomplete textbox using jquery and asp.net web service74. jQuery accordion in asp.net75. jQuery accordion using asp.net repeater control76. jQuery tabs in asp.net77. jQuery datepicker in asp.net78. jQuery slider in asp.net79. jquery multiple sliders on page80. jquery range slider81. jquery tooltip widget82. jquery tooltip from database83. jquery ui progress bar84. asp.net multiple file upload with progress bar85. jquery menu widget86. jQuery dynamic menu from database in asp.net87. jQuery selectmenu widget88. jQuery selectmenu from database89. jquery dialog widget90. jquery dialog save to database91. jquery button widget92. jquery draggable widget93. Draggable element on top94. jquery droppable widget95. Customizing droppable widget96. jQuery Resizable Widget97. jQuery selectable widget98. jQuery selectable filter99. jQuery sortable widget100. jQuery sortable from database101. jquery background color animate102. jQuery class transition animation103. jQuery autocomplete with images and text104. Cascading dropdownlist using jquery and asp.net105. jQuery datatables plugin106. jQuery datatables get data from database table107. jQuery datatables individual column search108. jQuery datatable show hide columns109. jQuery datatables stored procedure for paging sorting and searching110. asp.net generic handler return json111. jQuery datatables server-side processing example asp.net112. jQuery datatables server-side processing using asp.net web services113. jQuery datatables export to PDF

JavaScript with ASP.NET tutorial

In this course we will discuss using JavaScript in an ASP.NET web forms application for client side functionality. The following are the topics discussed.1. Adding JavaScript to ASP.NET controls2. JavaScript confirm on gridview delete3. Select all checkboxes in GridView4. Change gridview row color when checkbox is checked5. ASP.NET TextBox and JavaScript6. Watermark in ASP.NET TextBox using JavaScript7. Disable ASP.NET button after click to prevent double clicking8. JavaScript to automatically tab to next textbox9. RegisterStartupScript and RegisterClientScriptBlock methods10. ASP.NET control client id in JavaScript11. JavaScript calendar date picker for ASP.NET12. Warn user before leaving web page with unsaved changes13. JavaScript password strength checker

JavaScript Tutorial

At the end of the course you will be able to use the full power of JavaScript with ASP.NET web applications to perform many cool things like client side validations, animations etc. This course starts from the scratch and cover all the basic and advanced concepts of JavaScript as we proceed.We will start with the relationship between ASP.NET web applications and JavaScript. Along the way we will understand why we need both client side and server side validation. Debugging JavaScript in Visual Studio to fix any run time or logical errors. The downsides of using JavaScript.We will discuss different tools available for learning and practicing JavaScript. Difference between inline and external JavaScript. The right location for placing the JavaScript. Commenting JavaScript code and different data types available. We will then discuss working the string object. Along the way we will discuss the basics of JavaScript strings, converting strings to numbers and retrieving sub-strings. We will also discuss in detail different conditional statements available for conditional processing and when to use what. JavaScript loops are covered next.In the Arrays module, we will start with the basics of arrays, followed by filtering arrays and creating two dimensional arrays. In the functions module, we will be discussing different ways of defining functions, local and global variables, recursive functions, closures with examples and finally the magical JavaScript arguments object.In the Error Handling module we will discuss handling errors using try/catch/finally block and performing global exception handling. In the Date & Time module we will cover the basics of Date object, timing events and creating a simple image slideshow. We will also discuss examples of performing client side validation.The next module is Events. We will start with the introduction to events, and discuss different ways of assigning event handlers in JavaScript. We will also discuss the magical event objects that is automatically passed to all event handler methods. We will then cover advanced concepts like event bubbling and capturing, followed by creating an image galley.Topics Discussed :1. What is the use of JavaScript in ASP.NET2. Why do we need both client side and server side validation3. Disadvantages of JavaScript4. How to debug javascript in visual studio5. Tools for learning JavaScript6. Inline vs external JavaScript7. Where should the script tag be placed in html8. JavaScript Basics9. Converting strings to numbers10. Strings in JavaScript11. Substrings in JavaScript12. JavaScript substring example13. Conditional statements in javascript14. Switch statement in JavaScript15. Ternary operator in JavaScript16. Loops in JavaScript17. do while loop in JavaScript18. For loop in JavaScript19. Arrays in JavaScript20. JavaScript array push and pop methods21. JavaScript array mutators22. JavaScript array filter method23. Creating two dimensional array in javascript24. Functions in JavaScript25. Different ways of defining functions in JavaScript26. Local and global variables in javascript27. Closures in JavaScript28. JavaScript closure example29. JavaScript arguments object30. Recursive function in JavaScript31. Error handling in JavaScript32. JavaScript window.onerror event33. Working with dates in javascript34. JavaScript timing events35. How to create image slideshow using JavaScript36. Events in JavaScript37. Assigning event handlers in JavaScript using DOM object property38. addeventlistener and removeeventlistener in JavaScript39. JavaScript event object40. Event bubbling in JavaScript41. Image gallery with thumbnails in JavaScript42. JavaScript event capturing43. Preventing browser default action44. JavaScript to detect which mouse button is clicked45. JavaScript mouse events46. JavaScript popup window47. Using regular expressions in JavaScript48. Tools for writing regular expressions49. JavaScript strings and regular expressions50. JavaScript RegExp object51. Client side validation using regular expression52. JavaScript Minification53. JavaScript and object oriented programming54. Object literal vs object constructor55. Global namespace pollution in JavaScript56. Namespaces in JavaScript57. Private members in JavaScript58. Properties in JavaScript59. Static members in JavaScript60. Prototype in JavaScript61. Overriding JavaScript functions62. Inheritance in JavaScript63. Abstract classes in JavaScript64. Polymorphism in JavaScript65. Object reflection in JavaScript66. Strict Mode in JavaScript67. JavaScript Cookies68. JavaScript cookie attributes69. Store multiple key value pairs in a cookie70. Set and get multiple cookies in JavaScript71. Update and delete cookies72. How to check if cookies are enabled73. How to check if JavaScript is enabled74. window.location in JavaScript75. Debugging JavaScript in chrome