Monday, February 20, 2017

LESS References

LESS transpiles into CSS.  Here are some resources:

Main Site

http://lesscss.org/

Tutorials

http://www.hongkiat.com/blog/less-basic/

https://docs.microsoft.com/en-us/aspnet/core/client-side/less-sass-fa

http://www.omegaweb.com/learning-less-the-dynamic-stylesheet-language/#.V7FhZPl97IU

http://tutorialzine.com/2015/07/learn-less-in-10-minutes-or-less/

Videos


TheNewBoston:  YouTube Video Course
https://www.youtube.com/watch?v=YQYJUeokqOY&list=PL6gx4Cwl9DGCshbAx1JpBtNoKh8iKAAiy

Entity Framework Resources


Videos


Microsoft Virtual Academy

https://mva.microsoft.com/en-US/training-courses/implementing-entity-framework-with-mvc-8931?l=e2H2lDC3_8304984382

Fabio Scopel: Intro to Entity Framework 5.0

https://www.youtube.com/watch?v=EPXFc6pAnMs&list=PLt2cGgt6G8WqLLhZXFLmnYMUmK4pI4WAj

kudvenkat:  Entity Framework Tutorial

https://www.youtube.com/watch?v=Z7713GBhi4k&list=PL6n9fhu94yhUPBSX-E2aJCnCR3-_6zBZx


SeeSharpCode:  Entity Framework

https://www.youtube.com/watch?v=K4x6eoG7hwY
https://www.youtube.com/watch?v=dXvSSnQJWPo

Jamie King:  .NET Entity Framework

https://www.youtube.com/watch?v=v2tO15ctPyY&list=PLRwVmtr-pp06bXl6mbwDfK1eW9sAIvWUZ


Ripon Datta:  ASP.NET MVC 5 with Entity Framework

https://www.youtube.com/watch?v=QrEUNb9ofAk&list=PLJUoF2h8Z-bqAfwW5TLkm-80sOg3iO2JF

Quick Reference


https://dzone.com/refcardz/adonet-entity-framework-object

C# and .NET Resources

I have been using C# and .NET Since it was in beta.  The overwhelming reason why it is so popular is the great Visual Studio with it's intellisense and compile time checking.  If I had to start from scratch from nothing, here are a couple sites that are extremely useful for beginners.


https://mva.microsoft.com/en-US/training-courses/c-fundamentals-for-absolute-beginners-16169


https://www.devu.com


https://app.pluralsight.com/library/courses/c-sharp-fundamentals-with-visual-studio-2015/table-of-contents

CSS Resources

Cascading Style Sheets (CSS) is used on every every website.  Below are some good resources:

Good reference sites:
http://www.w3schools.com/css/

Examples of how CSS can completely change the look and layout of a page:
http://www.csszengarden.com/

Tutorials

http://www.quackit.com/css/

https://www.tutorialspoint.com/css/index.htm

Videos


CSS Jump Start
https://mva.microsoft.com/en-US/training-courses/css-jump-start-8474?l=WQPS1WXz_9104984382

HTML5 & CSS3 for Absolute Beginners
https://mva.microsoft.com/en-US/training-courses/14207


CSS Quick References

https://www.cheatography.com/davechild/cheat-sheets/css2/

https://www.smashingmagazine.com/2010/05/css-2-1-and-css-3-help-cheat-sheets-pdf/

Bootstrap References

Bootstrap is a grid based responsive design framework that makes it easy to turn your website into something that can look good on everything from a large TV to a tiny smart phone.

Main Site
http://getbootstrap.com/

Bootstrap Glphicons
http://glyphicons.bootstrapcheatsheets.com/

Tutorial

http://www.quackit.com/bootstrap/tutorial/


Video Courses


TheNewBoston Bootstrap course on YouTube
https://www.youtube.com/watch?v=qIULMnbH2-o&list=PL6gx4Cwl9DGBPw1sFodruZUPheWVKchlM

Bootstrap Tutorial
https://www.youtube.com/watch?v=gqOEoUR5RHg

Bootstrap Tutorial For Beginners - Responsive Design with Bootstrap 3 - Responsive HTML, CSS
https://www.youtube.com/watch?v=no-Ntkc836w

Bootstrap Beginner Crash Course
https://www.youtube.com/watch?v=5GcQtLDGXy8

Building Responsive UI with Bootstrap
https://mva.microsoft.com/en-US/training-courses/building-responsive-ui-with-bootstrap-8378?l=BDfMAHIz_3004984382


Cheat Sheets


Bootstrap V4 Cheat Sheet
https://www.cheatography.com/kemmojoo/cheat-sheets/bootstrap-v4/

Bootstrap Cheat Sheet
https://www.cheatography.com/masonjo/cheat-sheets/bootstrap/

Angular 1 Resources

Angular 2 is out but if you need to maintain your Angular 1 code, here are some great resources.

This is the version 1.0 site for Angular:
https://www.angularjs.org/

1.6.x is the latest version of Angular 1 before the rewrite of Angular 2
Go here to reference Angular 1:
https://code.angularjs.org

Videos


Angular 1 Course on YouTube
https://www.youtube.com/watch?v=QETUuZ27N0w&list=PLoYCgNOIyGAApoDfJHjmMgGNlYenKg5jO

Pluralsight Angular Fundamentals
https://app.pluralsight.com/library/courses/angularjs-fundamentals/table-of-contents

Pluralsight Angular Fundamentals Github Reposotory
http://github.com/joeeames/AngularFundamentalsFiles

Visual Studio Code for Angular developers
https://channel9.msdn.com/events/JavaScript-Webinar-Series/Visual-Studio-Code-for-Angular-developers/Visual-Studio-Code-for-Angular-developers

TypeScript & Angular
https://channel9.msdn.com/events/JavaScript-Webinar-Series/TypeScript--Angular/TypeScript--Angular

On a Cloud
https://channel9.msdn.com/Series/onacloud/Angularjs


Angular 1 Quick References

https://www.cheatography.com/proloser/cheat-sheets/angularjs/

https://www.cheatography.com/proloser/cheat-sheets/angularui-router/

https://www.cheatography.com/roman/cheat-sheets/angular-js-filters-v1-3-0/

https://www.cheatography.com/cheatography/cheat-sheets/angularjs-core-services/

https://www.cheatography.com/cheatography/cheat-sheets/angular-js/

https://www.cheatography.com/cheatography/cheat-sheets/angular/

Friday, February 17, 2017

JavaScript Resources


According to a survey on Stack Overflow, JavaScript was the most used Language for Developers in 2016.
http://stackoverflow.com/research/developer-survey-2016

Here are some resources to learn JavaScript as a beginner or become an advanced JavaScript developer.

Good reference Sites

http://www.w3schools.com/js/default.asp
http://www.devguru.com/content/technologies/javascript/home.html

Testing JavaScript Online

https://jsfiddle.net/


Tutorial

http://www.quackit.com/javascript/tutorial/

Beginner JavaScript Courses


JavaScript for Experienced Developers
https://mva.microsoft.com/en-US/training-courses/14430

JavaScript Fundamentals for Absolute Beginners
https://mva.microsoft.com/en-US/training-courses/14194

TheNewBoston JavaScript Course on YouTube
https://www.youtube.com/watch?v=yQaAGmHNn9s&list=PL46F0A159EC02DF82

LearnCode.academy JavaScript Course on YouTube
https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Brice Wilson JavaScript Module Fundamentals
https://app.pluralsight.com/library/courses/javascript-module-fundamentals

Jesse Liberty JavaScript from Scratch
https://app.pluralsight.com/library/courses/javascript-from-scratch

Advanced JavaScript Courses


JavaScript Promises and Async
https://channel9.msdn.com/Shows/Web-Hack-Wednesday/JavaScript-Promises-and-Async

Advanced JavaScript
https://www.youtube.com/watch?v=xizFJHKHdHw&list=PL7pEw9n3GkoW5bYOhVAtmJlak3ZK7SaDf

JavaScript Closures
https://www.youtube.com/watch?v=71AtaJpJHw0

CodeAcademy Advanced JavaScript
https://www.youtube.com/watch?v=WgyCEbgUcCk&list=PLz1XPAFf8IxbIU78QL158l_KlN9CvH5fg

Chris Hawkes Advanced JavaScript
https://www.youtube.com/watch?v=NFJgDtFMHbI&list=PLei96ZX_m9sUbbrbfXOfpntLDiiOe9MR_

Tech CBT Advanced JavaScript
https://www.youtube.com/watch?v=VsvYUp61m1o&list=PLvZkOAgBYrsS6OdwTbuErnYdzyozOY1Hs

Kyle Simpson Advanced JavaScript
https://app.pluralsight.com/library/courses/advanced-javascript/table-of-contents

Write Fast JavaScript
https://channel9.msdn.com/Series/htmlperf/Part-6-Write-Fast-JavaScript

Jim Cooper JavaScript Objects and Prototypes
https://app.pluralsight.com/library/courses/javascript-objects-prototypes

Best Practices


O'Reilly Maintainable JavaScript
https://www.youtube.com/watch?v=c-kav7Tf834

Ava Luci: JavaScript Best Practices
https://www.youtube.com/watch?v=v__8ihsdsm8&list=PL7XjSnbRqMYXAb0zF66uhiEdX0tsSwGge

Jonathan Mills JavaScript Best Practices
https://app.pluralsight.com/library/courses/javascript-best-practices/table-of-contents


Quick References

https://www.cheatography.com/explore/search/?q=javascript

Wednesday, February 15, 2017

TypeScript Resources

Overview


TypeScript is a superset of JavaScript.  It improves upon JavaScript by adding type safety, namespaces, and scope.  You can actually rename a .js JavaScript file to .ts and it will function the same.  TypeScript will transpile into JavaScript.  TypeScript is created by the great Anders Hejlsberg who created TurboPascal, Delphi, and C#.  You will find it feels similar to C#, although the syntax is different, a lot of the concepts and keywords are the same.


Main Site

http://www.typescriptlang.org/


Try Out TypeScript online!

http://www.typescriptlang.org/play/index.html

Tutorials

https://www.tutorialspoint.com/typescript/index.htm

http://tutorialzine.com/2016/07/learn-typescript-in-30-minutes/

https://www.codeproject.com/Articles/802722/TypeScript-The-Basics

Videos/Courses


Andres Hejlsberg:  Introducing TypeScript
http://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript

Why use TypeScript instead of just using JavaScript?
https://channel9.msdn.com/Blogs/raw-tech/Why-use-TypeScript-instead-of-just-using-JavaScript

TypeScript Jump Start
https://channel9.msdn.com/Blogs/MostafaElzoghbi/TypeScript-Jump-Start1

TypeScript: From Zero to Hero
https://channel9.msdn.com/events/TechDays/Techdays-2016-The-Netherlands/TypeScript-From-Zero-to-Hero

What's New in TypeScript
https://channel9.msdn.com/events/Build/2016/B881

Anders Hejlsberg on TypeScript 2
https://channel9.msdn.com/Blogs/Seth-Juarez/Anders-Hejlsberg-on-TypeScript-2

TypeScript Fundamentals
https://app.pluralsight.com/library/courses/typescript/table-of-contents

TypeScript and Angular 2
https://channel9.msdn.com/Events/Build/2016/TypeScript-and-Angular-2


TypeScript Definition Files

http://definitelytyped.org/

Quick References

https://www.cheatography.com/gregfinzer/cheat-sheets/typescript/
https://www.sitepen.com/blog/2013/12/31/typescript-cheat-sheet/
https://github.com/frontdevops/typescript-cheat-sheet

Tuesday, February 14, 2017

Angular 2 Resources

There is a steep learning curve with Angular 2.  Fortunately there are a lot of resources out there to ramp up.

Main Site

The main site for Angular is http://angular.io.  It has documentation and a quick start which are semi-useful.

Video Courses

Course:  Angular 2, The Force Awakens

Video





Video:  Bootstrapping an Angular 2 Application in Visual Studio Code using Yeoman


Video:  Web.Dev 2: Getting Started with Angular 2.0


Video:  Introduction to Angular 2


Video:  Web Development 4: Front End Web Development


Video:  Angular 2 Course on YouTube