Posted on Leave a comment

Best Websites to Learn Programming in Free

  1. https://frontendmasters.com/
  2. https://www.class-central.com
  3. http://www.udacity.com
  4. http://www.freecodeamp.com
  5. https://codecademy.com
  6. https://mva.microsoft.com/
  7. https://github.com/open-source-society/computer-science
  8. https://www.khanacademy.org
  9. https://www.safaribooksonline.com/ ( One Month Free Trial )
  10. http://edx.org
  11. http://coursera.org
  12. http://udemy.com
  13. https://www.skillshare.com/
  14. https://thenewboston.com/videos.php
  15. https://angularfirebase.com/
  16. http://w3schools.com
  17. https://www.airpair.com/
  18. https://egghead.io
  19. http://tutsplus.com
  20. https://www.pluralsight.com/browse/software-development ( 10 Days Free Trial )
  21. https://hackr.io
  22. https://academy.fossbytes.com/
  23. https://www.codeschool.com
  24. http://www.learnvern.com/
  25. http://www.lynda.com (10 Days Free Trial)
  26. https://www.datacamp.com
  27. https://alison.com/
  28. http://programming-motherfucker.com/become.html
  29. https://itpro.tv/PAID

  30. https://www.cbtnuggets.com
  31. https://linuxacademy.comAWS (Amazon Web Services)
  32. https://www.youtube.com/watch?v=BDBvHOaaKHo&list=PLv2a_5pNAko0Mijc6mnv04xeOut443Wnk
  33. https://linuxacademy.com/ (AWS and other cloud solutions )
  34. https://coursehunters.net/
Posted on Leave a comment

How to Change Bootstrap Carousel Slide Speed

The speed cannot be controlled by the API. Though you can modify CSS that is in charge of that. find in the bootstrap.css file:

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

and change 0.6s to the time you want. You also might want to edit time in the function call below:

.emulateTransitionEnd(2000)

at bootstrap.js in function Carousel.prototype.slide. That synchronize transition and prevent slide to disapear before transition ends.

Source: http://stackoverflow.com/questions/17332431/how-can-i-control-the-speed-that-bootstrap-carousel-slides-in-items/17332516#17332516

Posted on Leave a comment

jQuery Baisc Standard Form Validation Script

<div id="status" class="alert alert-danger" style="display:none"></div>
<div class="alert alert-success" style="display:none"></div> 
   
<script>
  function validation()
  {
    
    var firstName = $('#firstName').val();
    var lastName = $('#lastName').val();
    var phone = $('#phone').val();
    var email = $('#email').val();
    var message = $('#message').val();
    
    $(".alert-danger").slideUp();
    
    if((firstName == '') || (lastName == '') || (phone == '') || (email == '') || (message == '') )
    {
      var empty_field_title='';
      if(firstName=='') {empty_field_title='First Name';}
      else if(lastName==''){empty_field_title='Last Name';}
      else if(phone==''){empty_field_title='Phone';}
      else if(email==''){empty_field_title='Email';}
      else if(message==''){empty_field_title='Message';}

      show_error('<strong>Error: </strong>'+empty_field_title+' is required.'); 
      return false; 
    }
    else if(!(/^([a-zA-Z0-9]+[a-zA-Z0-9._%-]*@(?:[a-zA-Z0-9-])+(\.+[a-zA-Z]{2,4}){1,2})$/i.test(email)))
    {
      show_error('<strong>Error: </strong> Email address format is not correct.');
      return false;
    }
    
    
    return true;
      
  }

function show_status(msg, type)
{
	 if(type=="error")
	 {
	  	var status_class=".alert-danger";
	 }
	 else
	 {
	  	var status_class=".alert-success";
	 }

	   $('.alert-danger, .alert-success').slideUp();

	   setTimeout(function(){
	   		$(status_class).html(msg);
	   }, 400);

	   $(status_class).slideDown();
	 
	   // scrolling to the error
	   $('html, body').animate({
	    	scrollTop: $("#status").offset().top
	   }, 2000);
}
  </script>