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.  Here are some beginner courses if I had to start from scratch from nothing.

Free Courses


C# Fundamentals for Absolute Beginners

Scott Hanselman - C# For Beginners 

Mosh - Learn C# Basics in 1 Hour

Giraffe Academy - C# Tutorial - Full Course for Beginners

Bro Code - C# Full Course



Paid Courses


C# Fundamentals via ASP.NET Web Application

Code Academy - Learn C#

Udemy - C# for Beginners

Pluralsight: C# Fundamentals

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