Tech CBT

Tech Videos ranging from simple tips & tricks to advanced tutorials, news and reviews

[techcbt]

Angular 2: Developing & Debugging using Visual Studio 2017 ---------------------------------------------- -How to use Visual Studio 2017 to develop Angular 2 / Angular 4 applications -How to compile TypeScript files using Visual Studio 2017 -How to use intellisense using Visual Studio 2017 -How to debug Angular 2 application (TypeScript) using Visual studio 2017 debugging environment -Setup a development environment for Angular 2 using Visual Studio 2017 -Developing a simple Angular 2 app from the scratch using Visual Studio 2017 -How to use Gulp with Angular 2 -How to watch for TypeScript file modifications and automatically compile them using Gulp -How to use Task Runner in Visual Studio 2017 for Gulp

[techcbt]

(via https://www.youtube.com/watch?v=zgvaUrE11tQ)

-Angular 2 Introduction -JS Modules vs. Angular Modules vs. Angular Components -TypeScript, SystemJS and other related tools -What is Angular App Bootstrapping -Installing and configuring local development environment for developing Angular 2 Apps. -Developing Angular 2 App from the scratch -Exporting and Importing Angular Modules & Components -Root Modules & Root Components -Testing and Debugging Angular 2 App

[techcbt]

(via https://www.youtube.com/watch?v=Faidszv2G2I)

-What are Custom Events in AngularJs -What are Broadcast and Emit ($broadcast and $emit) -Life-cycles of Broadcast and Emit -What is $on and how is it related to $broadcast and $emit -How to Raise and Handle Events in AngularJs -Raising and Handling Events at both Scope and RootScope -How to send/receive data using Events -How to share data across Controllers using Events

[techcbt]

(via https://www.youtube.com/watch?v=dJ6320ZqR5U)

-What are nested states and nested views -How to use and nest multiple views in ui-router state -How to work with nested states together with nested views using ui-router -How does scope hierarchy work in nested states/views -How to use absolute naming to work with nested states/views -How to show nested views based on the results of parent views (using parent scope) -How to use "parent" to work with nested views -What are abstract states in ui-router and how to use those.

[techcbt]

(via https://www.youtube.com/watch?v=TV4xq8TZFyo)

-What is "views" section in "state" (of UI Router) -What are named and unnamed views in UI Router -How to layout multiple views as part of single state -How to work with multiple views in multiple states -Switching to states and rendering multiple views -Handling state/route parameters in multiple views -Working with ajax operations in multiple views

[techcbt]

(via https://www.youtube.com/watch?v=Z3zKvXou7w0)

-What is "Resolve" attribute -Resolving vs. not Resolving -What are "Resolved Results" (or data) -What is execution workflow of UI Router state (4 different workflows) -onEnter and onExit events -How is it used with AngularJS UI Router State Configuration -How to load data before switching to a State/Route -How to pass Resolved Data to Controller -What events are raised when "Resolve" is completed

[techcbt]

(via https://www.youtube.com/watch?v=CZ1v2GJ7L9g)

-What is $state Service in UI Router -How to navigate from one state to another -How to pass/access parameters while navigating from one state to another -How to access previous and next state during navigation -What are various members of $state service -How to pass/access custom data using state (using "data") -How to use AJAX with UI Router -How to show progress message when working with AJAX -How to work with UI Router events

[techcbt]

(via https://www.youtube.com/watch?v=YdgRjXdEYKg)

-How to send parameters using UI Router (through UI Routing URL) -How to send parameters using ui-sref -How to use $stateParams -How to use regular expressions in UI Routing URL -Working with Optional Parameters using UI Router -What is "Params" in UI Router "State" -How to Provide default values for Parameters (using "Params" object) using UI Router -What is squashing in UI Router -How to use squashing with default and optional parameters -How to use query parameters using UI Router (Query String Parameters) -How to work with array parameters in UI Router

[techcbt]

(via https://www.youtube.com/watch?v=lGhc8E-L2G0)

AngularJs UI-Router: Getting Started -What is Routing and ui-router -How to include and work with ui-router in Angular.js -What is "state" in ui-router -Differences between "state" and "route" in ui-router -Top advantages of using ui-router (compared to ngRoute) -How to configure states/routes using $stateProvider -How to use ui-view -How to work with $urlRouterProvider -How to use template/templateUrl/Controllers in state/route configuration -Routing using Url and ui-sref

[techcbt]

(via https://www.youtube.com/watch?v=ilPfVMzrH4c)

-What is 'Resolve' in Routing -How is 'Resolve' different from general Routing workflow -How to 'Resolve' in Routing -How to extract Routing parameters during Resolve -How to work with AJAX during Resolve -How to pass resolved data to controller -How to show progress message while 'resolving' -How to reject/cancel resolving (based on condition) -How to work with $rootScope together with 'Resolve' status -How to work $routeChangeError

[techcbt]

How to integrate jQuery with TypeScript

-What is TypeScript (type) Definition file -Why are TypeScript (type) Definition files necessary -How to integrate and work with jQuery in TypeScript -Various approaches of integrating jQuery into TypeScript -How to integrate jQuery into TypeScript using "typings" -How to integrate jQuery into TypeScript using "@types" -How to use jQuery directly without type definitions

[techcbt]

(via https://www.youtube.com/watch?v=YCP2W7Lf5GM)

-What is $route Service -How to be on the same route and update Route Parameters -How to reload or refresh current route -How to list all routes -How to force reload a route -How to use same template for multiple routes -How to perform AJAX operations once Route is loaded -How to show progress message when routing -How to access $scope in a route -How to map route parameters with $scope members -How to work with routing events (of ngRoute) -How to work with location events -How to retrieve current and previous route information (when switching to different route)

[techcbt]

(via https://www.youtube.com/watch?v=MeVef77dSp4)

-How to send parameters to a route (as part of route URL) -How to fetch parameters available in route URL -How to use $routeParams -How to use optional route parameters -How to redirect to different routes based on condition -How to redirect to a route from another route -How to change browser URL dynamically as part of routing

[techcbt]

(via https://www.youtube.com/watch?v=ix8WF7IT1Tw)

-What is Routing -How does Routing work in Angular.js -How to work with ngRoute in Angular.js -How to configure routes using $routeProvider -How to use ng-view -How to create a (basic and) simple SPA app to demonstrate routing -How to use redirection in routes -How to make routes case insensitive -How to use template/templateUrl/Controllers in route configuration

[techcbt]

TypeScript - Setting up Development Environment

-How to download/install TypeScript -Create a basic TypeScript App from scratch -What is tsconfig.json -Configure TypeScript for compilation -How to compile or transpile TypeScript into Native JavaScript -How to test TypeScript App in Browser -How to debug / troubleshoot TypeScript App in Browser (using Source Maps) -What are Source Maps -How to create Source Maps for TypeScript App -How to download/install Webpack -How to develop a simple build/bundle system using Webpack -What is webpack.config.js -How to configure Webpack to compile/transpile TypeScript -How to build / bundle Source Maps for TypeScript using Webpack

[techcbt]

(via https://www.youtube.com/watch?v=NSTWSvin9t8)

-What is Transclusion Scope -How is Transclusion scope related to Directive Scope and Controller Scope -How does Transcluded Content receive data -How does Transclusion communicate with directives -Transclusion scope with Shared Scope, Inherited Scope and Isolated Scopes -Using Clone Linking function for Transclusion (and Transclusion Scope) -Creating Custom Scope and make it as Transclusion Scope -Passing Custom data to Transclusion Scope

[techcbt]

(via https://www.youtube.com/watch?v=ABfTMEFu3Dw)

AngularJS Tutorial: Clone Linking Function in Transclusion (transclude function)

-What is transclude function -What is cloning of transcluding content -When do we need to clone transcluded content -Various forms of transclude function -What is Clone Linking Function (or Clone attach function) -How to clone transcluding content