Mindblown: a blog about philosophy.

  • Implementing the PHP backend

    The backend of your project has two main responsibilities: validating the user’s input and sending the email. The former is the most interesting one for your purposes because, based on the specifications of your project, you have to deal with two different cases. The first case is a partial request resulting from the loss of…

  • Creating the markup

    In the previous section we discussed the constraints you want to apply to your form’s fields. These constraints can be set using some of the new HTML5 attributes and types. For example, to have an email field that is well formatted and mandatory, you can have the following input in a form: In modern browsers, as soon…

  • The features of the project

    Before delving into the development of your project, we’ll discuss its requirements. The demo needs only two pages: one that contains the form (that we’ll call index.html) and another for the backend business logic (that we’ll name contact.php). You can play with this example by accessing the lesson-11 folder of this app’s sources. To keep things as…

  • Demo: an Ajax-powered contact form

    This lesson covers In the previous lesson we covered even more topics that belong to jQuery’s core. In between the discussion of the methods, utility functions, and flags, we showed you a lot of snippets of code, demos, and lab pages. All these examples should have given you more confidence with the arguments treated. In lesson…

  • Conclusion

    We’ve covered a great deal of material in this whirlwind introduction to jQuery. To summarize, it’s generally useful for any page that needs to perform anything but the most trivial of JavaScript operations. It’s also strongly focused on enabling page authors to employ the concept of unobtrusive JavaScript within their pages. With this approach, behavior…

  • jQuery fundamentals

    At its core, jQuery focuses on retrieving elements from HTML pages and performing operations on them. If you’re familiar with CSS, you’re already well aware of the power of selectors, which describe groups of elements by their type, attributes, placement within the document, and much more. With jQuery, you can employ that knowledge and that…

  • How jQuery is structured

    The jQuery repository, hosted on GitHub, is a perfect example of how front-end development has changed over the past years. Although not strictly related to the use of the library itself, it’s always important to know how expert developers organize their workflow and the tools they employ. If you’re an experienced front-end developer, chances are…

  • Installing jQuery

    Now that you know what jQuery is and what it can do for you, you need to download the library to start getting your hands dirty. Once there, you’ll probably be overwhelmed by the plethora of options available. Branch 1.x, 2.x, or 3.x? Compressed or uncompressed? Download it or use a content delivery network (CDN)?…

  • Separating behavior from structure

    For all the same reasons that it’s desirable to segregate style from structure within an HTML document, it’s just as beneficial (if not more so) to separate the behavior from the structure. Ideally, an HTML page should be structured as shown in figure 1.2, with structure, style, and behavior each partitioned nicely in its own niche. Figure 1.2. With…

  • Write less, do more

    jQuery’s motto is “Write less, do more.” If you’ve spent any time at all trying to add dynamic functionality to your pages, you’ve found that performing simple tasks using raw JavaScript can result in dozens of lines of code (LoC). The creator of jQuery specifically created this library to make common tasks trivial and easy…

Got any book recommendations?