Thursday, February 27, 2014

Creating Official Facebook, Twitter, and YouTube Share Buttons

With a little bit of Javascript, HTML, and Meta Tags it is quite easy to create the official buttons for Facebook, Twitter, and YouTube.

Create an official Facebook Share this button:

Generate a share button
https://developers.facebook.com/docs/plugins/share-button/

More information about open graph tags:
https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content

Add this to your HTML Tag:
<html xmlns:fb="http://ogp.me/ns/fb#">

Add these meta tags in between the <head> </head>:
<!-- Begin Facebook Meta Tags -->
    <meta property="og:title" content="My Page Title" />
    <meta property="og:url" content="http://www.myurl.com/" />
    <meta property="og:image" content="http://www.myurl.com/images/someimage.png" />
    <meta property="og:description" content="This is a description" />
<!-- End Facebook Meta Tags -->


Add this Javascript after the body:
<!-- Begin Facebook Button Javascript -->
<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<!-- End Facebook Button Javascript -->

Here is the actual button:
<fb:share-button href="http://www.myurl.com" type="button_count"></fb:share-button>

Create an official Twitter share button

https://about.twitter.com/resources/buttons#tweet

Create an official YouTube Subscribe button

https://developers.google.com/youtube/youtube_subscribe_button

Create buttons for Pinterest, Google Plus, and Linked In

http://www.sharelinkgenerator.com/


Thursday, January 30, 2014

Preparing for Exam 70-486 ASP.NET MVC4

70-486: Designing ASP.NET 4.5 MVC Web Applications
http://www.microsoft.com/learning/en-us/exam-70-486.aspx

Free Microsoft Virtual Academy Training
http://www.microsoftvirtualacademy.com/training-courses/developing-asp-net-mvc-4-web-applications-jump-start

YouTube Videos
http://www.youtube.com/watch?v=pIv6yR9Q1IA
http://www.youtube.com/watch?v=WzJQtG8dhso
http://www.youtube.com/watch?v=O2ESsnAVND8
http://www.youtube.com/watch?v=FI---vWwPaU
http://www.youtube.com/watch?v=N1hxrgJHjNA
http://www.youtube.com/watch?v=TSXt94IgCi8

Pluralsight MVC 4 Training
http://pluralsight.com/training/courses/TableOfContents?courseName=mvc4

Microsoft Exam Companions
http://www.microsoft.com/learning/en-us/companion-moc.aspx

Study Guides
https://docs.google.com/document/d/1iZ8RS6VuB0GFO2BQdYxkmywK1ZBn75fzzGm9F5s82l0/edit?pli=1#heading=h.y9ur3pw3yseg
http://www.bloggedbychris.com/2012/11/06/microsoft-exam-70-486-study-guide/
http://geekswithblogs.net/WTFNext/archive/2013/05/29/exam-70-486-study-material-developing-asp.net-mvc-4-web-applications.aspx
http://thinketg.com/how-to-pass-microsoft-exam-70-486-developing-asp-net-mvc-4-5-web-applications/

Practice Tests
http://certification.about.com/cs/sampletests/a/mcsd70315.htm
http://certification.about.com/od/practicequestions/Microsoft_Practice_Tests.htm
http://www.msexpert.com/exams/examlist.asp -  You have to register but it has a TON of practice tests.

Books
http://shop.oreilly.com/product/0790145374820.do


Friday, January 24, 2014

What did Sogeti do?

Our corporate office letting their hair down:


Preparing for exam 70-480: Programming in HTML5 with JavaScript and CSS3

Exam 70-480: Programming in HTML5 with JavaScript and CSS3
http://www.microsoft.com/learning/en-us/exam-70-480.aspx

Free Microsoft Virtual Academy Course

http://www.microsoftvirtualacademy.com/training-courses/learn-html5-with-javascript-css3-jumpstart-training

YouTube Videos
http://www.youtube.com/watch?v=k0f9pC8b3wM
http://www.youtube.com/watch?v=9gTw2EDkaDQ&list=SPzmyR17f55-J7oZew4QxQ7cfw7d3__ZZs

Pluralsight HTML5 and CSS3
http://pluralsight.com/training/Courses/TableOfContents/introduction-html5-css3

Pluralsight HTML5 Fundamentals
http://pluralsight.com/training/Courses/TableOfContents/html5-fundamentals-2e

Pluralsight Javascript Fundamentals
http://pluralsight.com/training/Courses/TableOfContents/jscript-fundamentals

Microsoft Exam Companions
http://www.microsoft.com/learning/en-us/companion-moc.aspx

Practice Tests
http://certification.about.com/cs/sampletests/a/mcsd70315.htm
http://certification.about.com/od/practicequestions/Microsoft_Practice_Tests.htm
http://www.msexpert.com/exams/examlist.asp -  You have to register but it has a TON of practice tests.

Books
http://shop.oreilly.com/product/0790145373939.do

Study Guides

http://www.bloggedbychris.com/2012/09/19/microsoft-exam-70-480-study-guide/
http://davidpallmann.blogspot.com/2012/08/microsoft-certification-exam-70-480.html

Example Project
http://codeshow.codeplex.com/

HTML5 Cheat Sheets
http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/
http://media.smashingmagazine.com/wp-content/uploads/images/html5-cheat-sheet/html5-cheat-sheet.pdf
http://refcardz.dzone.com/refcardz/html5-new-standards-web-interactivity
http://refcardz.dzone.com/refcardz/html5-canvas-web-standard
http://refcardz.dzone.com/refcardz/html5-websocket
http://refcardz.dzone.com/refcardz/html5-web-workers
http://refcardz.dzone.com/refcardz/html5-mobile-development
http://refcardz.dzone.com/refcardz/html5-indexeddb

Javascript Cheat Sheets
http://www.addedbytes.com/cheat-sheets/javascript-cheat-sheet/
http://www.cheatography.com/pyro19d/cheat-sheets/javascript/
http://refcardz.dzone.com/refcardz/object-oriented-javascript

CSS Cheat Sheets

https://www.addedbytes.com/cheat-sheets/css-cheat-sheet/
http://media.smashingmagazine.com/wp-content/uploads/2010/05/CSS3-Help-Sheet1.pdf
http://refcardz.dzone.com/refcardz/corecss-part1
http://refcardz.dzone.com/refcardz/corecss2
http://refcardz.dzone.com/refcardz/corecss3


How do you get your MCSD Web Developer?

MCSD
http://tinyurl.com/mcsd2014

Programming in HTML5 with JavaScript and CSS3.  Exam 480
http://www.microsoft.com/learning/en-us/exam-70-480.aspx

Developing ASP.NET MVC 4 Web Applications.  Exam 486
http://www.microsoft.com/learning/en-us/exam-70-486.aspx

Developing Windows Azure and Web Services.  Exam 487
http://www.microsoft.com/learning/en-us/exam-70-487.aspx