jQuery Fundamentals :: A guide to the basics of jQuery
JSbooks - free javascript books
jQuery UI
How to Learn JavaScript Properly - Ray Sinlao
Learn JavaScript Properly (For NON-JavaScript Programmers and First-time Programmers) Duration: 6 to 8 weeks. Prerequisite: Completed at least middle school (no programming experience necessary). Learn Intermediate and Advanced JavaScript (This links to a separate article) This course outline gives you a structured and instructive roadmap on how to learn JavaScript properly and thoroughly, from absolute beginner to attainment. You do want to learn JavaScript; it is why you are here, and you have made a wise decision, for if you want to develop modern websites and web applications (including an internet startup), you need to know JavaScript. It is worth noting that unlike just a couple of years ago when you needed to know a true server-side language (such as PHP, Rails, Java, Python, or Perl) to develop scalable, dynamic, database-driven web applications, today you can do as much and more with JavaScript alone. Side Note: This post was featured on Hacker News front page and onReddit.
JavaScript
JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, garbage-collected, dynamic language, supporting multiple paradigms such as imperative, functional, and object-oriented. JavaScript's dynamic capabilities include runtime object construction, variable parameter lists, function variables, dynamic script creation (via eval), object introspection (via for...in and Object utilities), and source-code recovery (JavaScript functions store their source text and can be retrieved through toString()). This section is dedicated to the JavaScript language itself, and not the parts that are specific to Web pages or other host environments.
50 Javascript Tools & Resources from 2013
Just as we focused on CSS a few days back, today we take a look at 50 of our favorite Javascript tools and resources from 2013. You will notice that this article does not include any jQuery resources as we have already published a dedicated jQuery round-up post last week, you can check that out here.But if you are looking for a standalone Javascript framework or library, then this is the place for you! So, here we go, our 50 favorite Javascript tools and resources from 2013: React React is a JavaScript framework from Facebook for building user interfaces. React → AdminJS AdminJS is a client-side administration framework for interacting with your backend. AdminJS → Parallax – Lightweight Parallax Engine Parallax is a simple, lightweight parallax engine that reacts to the orientation of a smart device. Parallax → Web Tracing Framework The Web Tracing Framework is a set of libraries, tools, and visualizers for the tracing and investigation of complex web applications. Web Tracing Framework → Grid Forms
50 Most Useful jQuery Plugins from 2013
Today, just as we have published each of the past three years, we have the 2013 edition of our top 50 jQuery plugins that we feel are the most useful and most innovative from this year. 2013 has been quite possibly the best year ever! All of the time-saving plugins below will in one way or another deliver a specific solution to many of the design and development issues you may have. And just to help you find exactly what you are looking for we have split the plugins into the following categories: Layouts, Navigation, Social & Sharing, Sliders & Carousels, Image Management, Forms, Typography & Text, and finally a selection of plugins that don’t quite fit into a particular category but are useful enough to stand alone. Here we go, the most popular, most innovative and the most useful jQuery plugins from 2013: You might also like to view the 50 most useful plugins from 2014, 2012, or 2011. Useful jQuery Plugins for Layouts jQuery Nested – Create Multi-Column, Dynamic Grid Layouts jQuery Nested →
OverAPI.com | Collecting all the cheat sheets
JavaScript MVC
Once a bit player, JavaScript increasingly takes center stage. Its footprint—the space it takes up on our servers and in our development schedules—continues to grow. So how can we make our JavaScript more reusable and easier to maintain? Perhaps MVC will offer some clues. Article Continues Below While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and CakePHP—MVC’s origin in user interface development lends itself to structuring client-side applications. What is MVC? The acronym has been mentioned six times already, and if you haven’t heard it before, you’re probably champing at the bit to find out what it stands for. Back in 1978 at Xeroc PARC, Trygve Reenskau recalled the origin of the MVC concept (PDF): There are four roles in this user interaction paradigm. In other words, a user does something. Foundations#section2 The static document is the foundation of a web page. The knight in shining armor#section3 We’re done!
CRUD with PHP MVC, PDO, JSON and Twitter Bootstrap | Foysal Mamun
We will create a CRUD application by using MVC design pattern, PDO extension, Jquery and Twitter Bootstrap. We will use JSON as data-interchange format for HTTP request and response. To learn about:: MVC Design Pattern -> link1, link2 PDO -> link1, link2 JSON -> link Twitter Bootstrap -> link Before start coding you can take a look on the demo:: Demo First of all we create a table and populate it, use below script:: Directory Structure:: We have only two parent directory “models” and “ui”. Now we will create all our views related files. In this “index.php” file we included all our static content as files. header.htm footer.htm You can see in footer we are including “jquery” from online, if you dont have internet at your working machine then collect the latest “jquery” and load it from your local in this footer section. nav.htm deleteconfirmmodal.htm Create a controller “Controller.php” in app location. and put below code in it:: Now we will functionality one by one. Download Source
