Tuesday, February 10, 2015

Free online learning resources

education.10gen.com - online learning platform run by 10gen (the MongoDB company) available to anyone in the world with an internet connection. Our free courses will teach you how to develop for and administer MongoDB quickly and efficiently.

http://www.udacity.com/ - digital university on a mission to democratize education. Udacity courses include lecture videos, quizzes and homework assignments. There are 18 courses currently opened. 

http://code.google.com/edu/ - sample course content and tutorials for Computer Science (CS) students and educators on current computing technologies and paradigms.

http://docs.webplatform.org - is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. 

https://developer.mozilla.org/en-US/learn - HTML, CSS, Java Script learning materials. 
http://www.html5rocks.com/ - Articles, tutorials, case studies, and demos that show you how to use HTML5 features.

http://thecodeplayer.com/ - Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch

https://www.coursera.org/ - offers courses in a wide range of topics, spanning the Humanities, Medicine, Biology, Social Sciences, Mathematics, Business, Computer Science, and many others.

http://ocw.mit.edu/courses/electrical-engineering-and-computer-science/ - Electrical Engineering and Computer Science

http://www.codecademy.com - Codecademy is the easiest way to learn to code. It's interactive, fun, and you can do it with your friends.

http://www.khanacademy.org - The Khan Academy is an organization on a mission. We're a not-for-profit with the goal of changing education for the better by providing a free world-class education for anyone anywhere.

https://peepcode.com/ - Get the newest and hottest development resources from PeepCode first, well before they’re covered in books. Vet new approaches: our one-hour screencasts give you a deep but concise overview of tools.

http://eloquentjavascript.net/ - Eloquent JavaScript A Modern Introduction to Programming by Marijn Haverbeke

http://rubykoans.com/ - learn the Ruby language, syntax, structure, and some common functions and libraries. We also teach you culture. Testing is not just something we pay lip service to, but something we live. It is essential in your quest to learn and do great things in the language.

http://learncodethehardway.org/ - Downloaded more than 500 thousand times, Learn Python The Hard Way is proving to be an effective and fun book for learning to code. If you've always wanted to learn programming but failed in the past, then this is your next book.

http://www.oreillyschool.com/courses/ - IT Career Training Begins with Self-Paced Distance Learning Courses. Whether you take them individually or with Certificate of Professional Development in mind, completing each of our online distance learning courses will earn you Continuing Education Units, and will count toward any Online Certificate Programs that include that course.

http://teamtreehouse.com/ - Treehouse is the best way to learn how to design and develop for the web and iOS.

http://www.udemy.com/ - Web Development, Entrepreneurship, Yoga, Photography

http://developer.android.com/index.html - android development resources

http://www.codeschool.com/ -

http://www.bloc.io/ -

https://developer.apple.com/ -

https://www.ai-class.com/ -

http://gotoandlearn.com/ -

http://venture-lab.org/ -

https://www.edx.org/courses/HarvardX/CS50x/2012/about/ -

A lot of link found on http://thenextweb.com

Monday, December 1, 2014

Look and feel test automation tools

dpdxt make continuous deployment safe by comparing before and after webpage screenshots for each release. depicted shows when any visual, perceptual differences are found
PhantomCSS visual/CSS regression testing with PhantomJS
Huxley testing system for catching visual regressions in Web applications
Applitools Eyes  testing of all the visual aspects of your application
CSS Critic  lightweight framework for regression testing of Cascading Style Sheets
Gemini utility for regression testing of web pages using screenshots
Needle automated tests for your CSS
Galen Framework supports both JavaScript and Java tests
Snap and Compare screenshot comparison tool used for CSS Visual Regression Testing
Specter  dead simple automated visual regression testing
WebdriverCSS regression testing tool for WebdriverIO
Grunt PhotoBox plugin for creating screenshots of any site and compare them
FBSnapshotTestCase snapshot view unit tests for iOS



Saturday, November 15, 2014

What google knows about you?

In case if you are using google account while browsing across endless internet there few things stored about you;)

Tuesday, October 7, 2014

How to send an email with Mandrill and jquery by submit contact form

It's easy to send notification email just by ajax request. Sure would be good to add some validation.
Create simple form contact.html
 <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"></link>  
 <form class="form-horizontal" id="contact">  
 <fieldset>  
 <!-- Form Name -->  
 <legend>Contact Us</legend>  
   
 <!-- Text input-->  
 <div class="form-group">  
  <label class="col-md-4 control-label" for="name">Name</label>   
  <div class="col-md-5">  
  <input id="name" name="name" type="text" placeholder="Your name*" class="form-control input-md" required="">       
  </div>  
 </div>  
   
 <!-- Text input-->  
 <div class="form-group">  
  <label class="col-md-4 control-label" for="email">Email</label>   
  <div class="col-md-5">  
  <input id="email" name="email" type="text" placeholder="Your email*" class="form-control input-md" required="">  
     
  </div>  
 </div>  
   
 <!-- Textarea -->  
 <div class="form-group">  
  <label class="col-md-4 control-label" for="message">Message</label>  
  <div class="col-md-4">             
   <textarea class="form-control" id="message" name="message" cols="6" rows="6"></textarea>  
  </div>  
 </div>  
   
 <!-- Button -->  
 <div class="form-group">  
  <label class="col-md-4 control-label" for="submit"></label>  
  <div class="col-md-4">  
   <button id="submit" name="submit" class="btn btn-primary">Send Message</button>  
  </div>  
 </div>  
   
 </fieldset>  
 </form>  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script></code>  

And following ajax call:
 jQuery(function($)   
 {  
   $("#contact").submit(function()  
   {  
     var email = $("#email").val(); // get email field value  
     var name = $("#name").val(); // get name field value  
     var msg = $("#message").val(); // get message field value  
     $.ajax(  
     {  
       type: "POST",  
       url: "https://mandrillapp.com/api/1.0/messages/send.json",  
       data: {  
         'key': '#PUT_YOUR_MANDRILL_API_KEY_HERE',  
         'message': {  
           'from_email': email,  
           'from_name': name,  
           'headers': {  
             'Reply-To': email  
           },  
           'subject': 'Message from Contact form',  
           'text': message,  
           'to': [  
           {  
             'email': 'johndoe@email.com',  
             'name': 'John Doe',  
             'type': 'to'  
           }]  
         }  
       }  
     })  
     .done(function(response) {  
       alert('Your message has been sent successfully'); 
       //reset input fields after successful submission  
       $("#name").val('');  
       $("#email").val(''); 
       $("#message").val('');  
     })  
     .fail(function(response) {  
       alert('Error sending message.');  
     });  
     return false; // prevent page refresh  
   });  
 });