Log

open source tool for remotely debugging and testing JavaScript in mobiles

Generic Way:

You need to connect the phone to your network and open your local host if you need to use the IE browser
Your machine has a network IP that will be accessible from the phone if you are on the same network

try http://www.vorlonjs.io/ – Vorlon.JS is an open source tool for remotely debugging and testing JavaScript.

A paid version of something as cool is https://www.vanamco.com/ this handles all your devices.

Also try something like Weinre?
http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html

 

Sources: Radu Micu, Leigh Clancy

How to change pushed commit messages

checkout to the respective branch where you need to change commit titles..

git rebase -i HEAD~3 or 4 – depends on how many you need to check.

Goto the respective line or commit id where you need to change..

press ‘i’ – to insert

change ‘pick’ to ‘r’ – desired commit you would like to

change your commit message..

press esc button and type “:wq” and hit enter

After rebasing successfully..check log by ‘git log -n 3’ to see your changes. come out of this command by pressing ‘q’.

Now do ‘git fetch’ followed by ‘git merge’. Do not forget to press ‘i’ and esc + ‘:wq’

Finally git push origin HEAD

All the best

Learning Angular

 

List of tools and resources to get you started with learning Angular


refer to links from these to lists (pls ensure the links are for the latest version lots of stale content on the net)

https://github.com/timjacobi/angular2-education

https://github.com/AngularClass/awesome-angular2

https://angular-2-training-book.rangle.io

http://courses.angularclass.com/courses/angular-2-fundamentals/lectures/1304177

Style-Language & Best Practices.

https://github.com/johnpapa/angular-styleguide/blob/master/a2/README.md

https://angular.io/docs/ts/latest/guide/style-guide.html

Angular QuickStart

https://angular.io/docs/ts/latest/quickstart.html

http://learnangular2.com/

Tour of Heroes

https://angular.io/docs/ts/latest/tutorial/

Angular CLI

Nothing like reading thru actual repo

https://cli.angular.io  Use Angular CLI to quickly scaffold your applications and get your apps setup with the best practices.

Small yet effective Tutorial.

[add relevant resource links and pluralsight video tutorials that cover each of the following topics

Try Even NativeScript with Angular

http://docs.nativescript.org/angular/start/introduction.html

Routing

https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

https://scotch.io/tutorials/routing-angular-2-single-page-apps-with-the-component-router

Universal Rendering

Webpack bundling

Web services

https://app.pluralsight.com/library/courses/play-by-play-angular-2-rxjs-http-restful-services-john-papa-dan-wahlin/table-of-contents

TypeScript Handbook 

http://www.typescriptlang.org/docs/handbook/basic-types.html

NativeScript

Ionic

RxJS

https://app.pluralsight.com/library/courses/play-by-play-angular-2-rxjs-http-restful-services-john-papa-dan-wahlin/table-of-contents

https://www.youtube.com/watch?v=YxK4UW4UfCk

 

ngMaterial

Personal Opinion – Strongly against using any design/UI libraries as angular elements rather than style sheets with custom created components unless its a private/small project.

  • Created by Vinci

Regex

Use http://regexr.com/ to write your regex easily

 

http[s](\w*\:\/\/)cdn.tradelab.fr\/[a-z]*\/[0-9]*.js  –> for cd.tradelab without add params

http[s](\w*\:\/\/)cdn.tradelab.fr\/[a-z]*\/[0-9]*.js\?add\=\d* –> with add params

if you were using fiddler:

regex:^http[s](\w*\:\/\/)cdn.tradelab.fr\/[a-z]*\/[0-9]*.js

regex:^http[s](\w*\:\/\/)cloudfront-media-prod-1-renault-hdbo.renault-aws.ekino.com\/uci\/vehicles\/[a-zA-Z0-9-\/_\/D]*.js

Pattern Lab

What is pattern lab?

Is that a framework like bootstrap? it looks like that with interface but its not 🙂

So what is it exactly?

Go through the following link..

https://www.phase2technology.com/blog/your-frontend-methodology-is-all-of-them-atomic-design-patternlab/

Still confused?? Cool!! go through the video which explains more clearly..

Now go through the demo..

http://demo.patternlab.io/

Hope you understand what is atomic design pattern using pattern lab by this time now…

Good day Enjoy 🙂