background preloader

JS: The Right Way

Object Oriented JavaScript has strong object-oriented programming capabilities, even though some debates have taken place due to the differences in object-oriented JavaScript compared to other languages. Source: Introduction to Object-Oriented JavaScript Anonymous Functions Anonymous functions are functions that are dynamically declared at runtime. They’re called anonymous functions because they aren’t given a name in the same way as normal functions.

Related:  JSDesign - CSS - JScodeJavaScript!Cours et Tutoriels sur le JavaScript

Why Sass? I was a reluctant believer in Sass. I write stylesheets by hand! I don’t need help! And I certainly don’t want to add extra complexity to my workflow. Go away! The real reason to avoid jQuery Or How to avoid common SPA pitfalls when using 3rd party plugins In the past few years, I've read countless blog posts, twitter rants and medium exposés detailing how jQuery isn't necessary, and why you should just write with "native" JavaScript. I disagree with these posts, because there are still a number things which jQuery handles which are not easy to replicate quickly unless you know the edge cases you need to handle. There is, however, a very major reason to avoid jQuery, and it has very little to do with features or file-size. jQuery is smothering your SPA's performance.

Debugging Asynchronous JavaScript with Chrome DevTools - HTML5 Rocks Introduction A powerful feature that makes JavaScript unique is its ability to work asynchronously via callback functions. Assigning async callbacks let you write event-driven code but it also makes tracking down bugs a hair pulling experience since the JavaScript is not executing in a linear fashion. Luckily, now in Chrome DevTools, you can view the full call stack of asynchronous JavaScript callbacks! Once you enable the async call stack feature in DevTools, you will be able to drill into the state of your web app at various points in time. Pros and Cons of Flat Design There’s not denying that flat design is the big thing in design these days. It’s everywhere. And not just flat design, but now with almost flat design as well. The arguments about the validity and application of the style are raging. The super-trendy design style elicits an opinion from almost everyone.

Learn Web Design and Web Development 101: Ultimate Course [simpletoc] [/simpletoc] In this section,we have put all the best of 1stWebDesigner’s free web design course contents in the one place. Here, as the title says, you will be able to catch up if you are starting out as a web designer and polish your skills as an amateur. Keep coming to this page often, pick your interesting section, and go through each article one by one until you come out as a web design professional, ready to take control over your life and work. Finding Improper JavaScript Globals When I interview web developers, my first JavaScript question is usually the following: What is the difference, in JavaScript, between x = 1 and var x = 1. Feel free to answer in as much or as little detail as you feel comfortable. Most people would give an answer about how the var keyword makes something a local variable, omitting it makes it a global variable. While I'd love to hear about scope chains, the window object, and hear the term "implied global" in an answer, that basic answer is good enough.

#150: Hey designers, if you only know one thing about JavaScript, this is what I would recommend Sometimes, to start a journey into learning something huge and complex, you need to learn something small and simple. JavaScript is huge and complex, but you can baby step into it by learning small and simple things. If you're a web designer, I think there is one thing in particular that you can learn that is extremely empowering. This is the thing I want you to learn: When you click on some element, change a class on some element. Boiling that down to the absolute essentials, imagine we have a button and a div:

Tutorial: Tour of Heroes - ts - TUTORIAL Our grand plan for this tutorial is to build an app to help a staffing agency manage its stable of heroes. Even heroes need to find work. Of course we'll only make a little progress in this tutorial. What we do build will have many of the features we expect to find in a full-blown, data-driven application: acquiring and displaying a list of heroes, editing a selected hero's detail, and navigating among different views of heroic data. The Tour of Heroes covers the core fundamentals of Angular. We’ll use built-in directives to show/hide elements and display lists of hero data.