Learn the inner workings of web browsers [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I've just recently started looking into the details of which events fire when in what browsers when an html page is loaded, and at how to use JavaScript, especially jQuery, to leverage those events to make a page do exactly what I want, when I want.
It seems like knowledge of when and how browsers set off events and how to access them in JavaScript is a pretty big deal, but there isn't really one, good place to go and learn about it. There are thousands upon thousands of juicy tidbits which contain all the information, many of which are even grouped on certain sites (like this one), but you generally have to know what you're looking for, which prevents a lot of the "stumble upon" effect when learning about a topic.
So is there a good place to learn about all the intricacies of something like the order of events when a page is loaded, or what exactly browsers do during an AJAX call, or just about how browsers deal with an general JavaScript event?

Haven't had time to read it myself but looks quite promising:
How Browsers Work

The holy grail of Javascript (events): quirksmode.

You could try Sitepoint.com http://www.sitepoint.com/javascript-from-scratch/ They do some very good and easy to read books and online guides for every skill level.

Related

Refactoring monsterous JavaScript-project [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I've found myself from the monstrous JavaScript-project. I haven't seen any references to known design patterns and code files consists of 5000+ rows of messy code. Usual length of the function is about 100 lines. Also namespaces are messy. Any ideas how to get any sense for this project?
I've been trying to read the source code, but there are no comments whatsoever. Also there are no tests, so making changes is a matter of luck.
Abandoning the project is not a choice.
Are there any nice tools for helping? At the moment I'm using sublime & Chrome.
If you have the specs you could write tests then refactor safely. Your tests will tell you if you break anything.
On the other hand if you don't have specs, you can write your tests by generating a bunch of random values and record the associated results. With your current code, you know (by definition) that they are correct.
I have seen the latter approach at a conference about refactoring ugly, legacy code. The speaker generated lots of random value/result pairs, turned them into unit tests, and started refactoring ultra-quickly. The results were quite amazing and you knew for sure that nothing had broken in the process.
Of course, if your application is more complex than the "give me an input, i'll tell you the output" style, this is trickier. But maybe it will get you started !

Is there any (free) alternative to Visustin, I need to create flowcharts from existing JavaScript code [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Basically, I need to convert existing JavaScript code to flowcharts, I've tried using Code Visual to Flowchart but it doesnt produce the flow charts how I would like them to (just shows links to the different functions...
Whereas Visustin actually separates each function automatically.
Is there any free alternative or even a lesser expensive software?
I think converting the code unedited results is useless due to too much detail. I would suggest a different approach that yields very readable flowcharts. http://code2flow.com creates flowcharts from C-like (or Javascript-like) pseudo-code which can contain arbitrary natural language. Please note that I am directly involved with this solution. You should probably create a different flowchart for each important function in your code.
Sample flowchart (you may click to edit)

Is there a Javascript cron implementation somewhere that I'm missing? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
I'm aware of timing issues in Javascript, how its not exact/off by milliseconds etc, but I need something to at least attempt to do browser-based scheduling.
In terms of features, I'm thinking something along the lines of scheduling patterns described here: http://www.sauronsoftware.it/projects/cron4j/manual.php#p02
Anything out there? I've done google searches and haven't found any implementation worth nothing.
I thought I'd give it a quick go -- obviously this isn't production-code-worthy yet. Have a look.
Pimping my own code here, but I'm busy developing cron.js and its ready for general use.
As long as js engines live inside a browser, I don
t think there's much drive for such a feature. Now.. if one made a server js engine...
Take a look at scheduler.codeeffects.com. I don't know how it works but it has a js-based interface, so may be their scheduling engine is js-based, too. Just trying to help :)

Looking for a JavaScript carousel [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I am looking for a JavaScript based carousel such as absolute website. The main part that I am interested in is that it slides in a similar way to the main site flash, highlighting one item/image at a time and items are in a line.
Plug-in for any kind of library is welcome but indeed I would prefer jQuery based one as I have used it for my earlier works.
And yes I have done lots of googling but wasn't lucky enough :)
jCarousel is still a classic.
I can't open your example so I'm not sure it has all the features you want.
Check out the jQuery UI Carousel. It's still in development, but usable :)
MooFlow is beautiful!
EDIT: ImageFlow seems to a good alternative.
I'm a jQuery user. I've just used JCarousel w/ jQuery 1.3.2. on a Joomla 1.5.x.
It works fine even on Internet Explorer 6 (which is a pretty good thing, hehe). Hope it helps.

creating something like pageflakes [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
Does anyone know about a tutorial that lets you to create something like pageflakes.com for your website? In jquery perhaps?
The creator of PageFlakes, Omar al Zabir, has created an open-source web portal called DropThings. Can't get any more similiar to PageFlakes than that!
You can use the UI library from jQuery where you'll find the draggable elements with grid. Besides that you only need to set and read some cookies that determine the position of each of the boxes.
Let's say your layout has 4 <div>s. Just save each id and position in a cookie (from javascript or by performing an AJAX request to a php/asp page).
Displaying the page is also pretty easy, you have to have 2 possibilities: when the user has a cookie defined, or else (this would be the default). If the user has a cookie defined, read it and position the <div>s like the cookie says, it shouldn't be too hard to do this.
This article on CodeProject has an excellent tutorial on how to build almost exactly what you're after, except that it uses ASP.Net Ajax. You would easily be able to substitute that with jQuery though.
.nettuts has an example all done in jquery and jquery ui. Here's the link:
http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/
Goes through it all in very nice detail too. It won't be a direct copy of pageflakes, that's an exercise left for the reader but it does show exactly how to start.
HTH!
Check out ExtJS's Panels. They're what's used to build this pageflakes look-alike:
http://extjs.com/deploy/dev/examples/portal/portal.html

Categories