Learn To Code Learn to Code (or get better) with these free (mostly) resources. If you are just starting out and looking to learn to code, you should take a few minutes and read the footnotes section of this page titled “getting started” where I make some recommendations to save you time, headaches and money. WHERE TO START?Decide if you want to be a web developer, web programmer or software programmer. Focus initially on learning background skills. I have not put much time in to the Node.js + options yet, but I will eventually. If you want to be a software programmer (the web is not what you want to work on) then just stick to Python at first and skip the “LEARN WEB DEVELOPMENT” section which you can come back to later. WHAT TO REMEMBERYou should approach learning to code while simultaneously resolving to form good habits. Web Programming An article on learning to program via the O’Reilly Radar Blog with a step based plan for learning. Intermediate Topics (All Languages) Talks Coming Soon 3.

spy-js: tracing, profiling, debugging javascript Backbone.js AppDemoStore Learning LESS: An Introduction Today, I’m proud to start a series of posts that will focus on LESS, the dynamic language that takes your CSS and puts it on steroids. LESS let’s you use variables, mixins, nested rules, and even functions within your CSS. It’s extremely powerful and can dramatically speed up your development. Blog Series Roadmap So with that laid you, you’ve got a lot of great stuff to look forward to. What Is LESS and Why Should I Care? In my dealings on the web, I have found that there are three types of people when it comes to dealing with LESS (or any other CSS preprocessor). My goal after this blog series is to make you fit into that last category. According to Wikipedia, LESS is: LESS has been around since 2009 and has really ramped up in the past few months, getting widespread use by projects large and small, including Bootstrap, from Twitter, the most popular project on GitHub. What Resources Are Out There? Is This Server Side or Client Side? Good question, and the answer to that is it can be both.

Online JavaScript beautifier Shuffle Letters Effect: a jQuery Plugin Martin Angelov In this short tutorial we will be making a jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows. The Code The first step is to write the backbone of our jQuery plugin. assets/js/jquery.shuffleLetters.js (function($){ $.fn.shuffleLetters = function(prop){ var options = $.extend({ },prop) return this.each(function(){ }); }; function randomChar(type){ } })(jQuery); Next we will turn our attention to the randomChar() helper function. function randomChar(type){ var pool = ""; if (type == "lowerLetter"){ pool = "abcdefghijklmnopqrstuvwxyz0123456789"; } else if (type == "upperLetter"){ pool = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; } else if (type == "symbol"){ pool = ",.? We could have used a single pool string for all types of characters, but this will do for a better effect. The Plugin In Action Now lets write the body of the plugin! assets/js/script.js Done by Martin Angelov Tutorials jQuery

8 Useful Websites to Learn How to Code Quickly As a lead frontend developer, it's my responsibility to make sure I'm keeping up-to-date with the web development industry trend. I reckon it's important and should be part of my job because my company will have to rely on my input regarding the best solution or possible technical difficulties during the development process. From HTML to HTML5, CSS to CSS3, Javascript to Javascript framework, it's a fast pace industry and if you leave behind, you're out of the market! Anyway, if you want to learn new languages or want to develop your own website, you come to the right post! I've found 8 really useful online tutorial, some of them are fully interactive, some of them are written with comprehensive guides and visual to help you to pick up a language quickly. Happy learning! LifeHacker Learn to code Language: Javascript 4 Lessons plus epilogue to learn how to code with Javascript. Language: MongoDB It's MongoDB official website.

Image Placeholder APIs In a previous article I discovered fake images please which allowed you to put image placeholders on your webpage by using an image placeholder API. I had a number of comments about this post from other people sending links to other image placeholder APIs. Here is a list of some more APIs. PlaceKitten A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. To display this image just use the following URL Placekitten Placedog If your more of a dog person then you can use the API placedog, it works the same way just pass in the parameters to the image and it will display an image of dogs for your application. Placedog Bacon Mockup A simple way to use pictures of tasty meat as placeholders in your design. Bacon Mockup Lorempixel Lorempixel Placehold.it Placehold.it Fake Images Please? Fake Images Please Dummy Image Dummy Image Place Ape Place Ape Place Skulls Place Skull Placebear Placebear hhhhold hhhhold PixelHoldr PixelHoldr

6 Free Javascript E-Book Worth Reading Introduction Web development industry is a fast-paced industry. New trends, technologies, techniques and APIs pop up now and then and we have to educate ourself to use it. As a web developer, I always reckon it's part of our responsibility or perhaps we need to train it as a habit to keep learning and upgrading ourself and do not satisfy with the status quo. In this post, I have gathered 6 free javascript ebooks for you! Essential JavaScript Design Patterns For Beginners This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Some of the concepts covered (closures, prototypal inheritance) will assume a level of basic prior knowledge and understanding. If you would like to learn how to write beautiful, structured and organized code, I believe this is the book for you. Read it now jQuery Fundamentals jQuery is fast becoming a must-have skill for front-end developers. Read it now

google/traceur-compiler YouTube Playlists for Learning Programming YouTube has been very good platform for learning any thing. Earlier you have seen 400+ courses on YouTube and 130+ NPTEL courses. There are few more courses especially about computer programming. thenewboston: thenewboston is a great youtube channel, has more than 2o playlists covering topics Python, C, Java, iPhone development and web programming like HTML, CSS, PHP. Xoax.net Xoax has more than 200 videos but mainly focuses on C++. PHPacademy As the name suggests, it focuses mainly on PHP and some on MySql. There are more videos on small projects like writing your own search engine for your database, pagination, creating a rating system etc… Related posts: Get more stuff like this