There are many developers who write code astonishing and sensible, and there are thousands of public code repositories on sites like GitHub. In the meantime, the respite of us are satisfied, just cut and paste the code in this sector lights. For most, it seems that the encoding of the truth has become a lost art. Almost all projects, it seems, is now a kind of library / or frame contains a lot of plugins. It is rare to see all front-end projects actually start coding from scratch more.
These tips are probably not paying customers in coding projects on time and budget is factors to be used. Here are some tips you can implement in our own projects in our spare time to try to improve our skills of coding and problem solving skills.
1. Write your own frame
As already mentioned, almost like a project from scratch more. It all starts with a kind of code or repetitive basis. Even industry leader with the engineers of the crème de la crème, such as Google have JavaScript frameworks like jQuery open-source applications.
In the back-end, is probably going to use something like WordPress or other CMS. In the front-end, probably as their favorite web framework JavaScript library / and a CSS reset. Forget those puffy things. Write your own code base, able to adapt their own needs. Yes, something like this will probably take many hours and possibly weeks or months.
It will probably end up scrapping everything and never used them in a real project. But you're forced to learn to do it, even if there is something wrong. It is a daunting task, but it is something that will benefit greatly. You will understand the syntax of the language is better, the concepts become clearer, and your ability to solve problems better. Even if it's something small, like its own small JavaScript library (for example, a JavaScript framework animation) has half a dozen modules, the effort is worth it.
2. Do not use the development tools
If you're like me and find a script or a problem with the specificity of the selectors in CSS, the first thing you might use a tool like Firebug development costs, the Web Developer Extension for Google Chrome developer tools and the like. For example, Firebug offers valuable features to locate and fix almost any problem front-end coding.
However, note that tools such as Firebug are very young. The designer of the late ‘90s and early 2000 does not use such robust tools. Although rudimentary development techniques as "slow" to today's standards, developers understands that with such archaic methods of cleaning as no one his office.
3. Do not use a browser
Web site creation without testing in your environment? Did I mention that it was crazy coding advice?
Well, usually when you are developing a CSS layout or functionality of JavaScript, which change quite common between editor and browser, please check your things on the fly.
Instead, try this exercise for a while: Code provision, or an entire Web site without checking JavaScript widget in your browser until you have completed the whole thing. This will cause you to stay focused all the time to ensure that each line is coded correctly. And he was forced to display the result of the code.
To visualize from my experience in the position, the results of the code you write is an important part of understanding. Regardless, to some degree, the actual production is forcing you to think through your code line by line, and this will help you understand every bit of it in detail.